mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 19:52:29 +00:00
44664 lines
1.8 MiB
Plaintext
44664 lines
1.8 MiB
Plaintext
div.charsheet > div.content {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
min-width: 852px;
|
|
justify-content: space-between;
|
|
font-family: "Segoe UI", Arial;
|
|
}
|
|
div.charsheet > div.content .itemcontrol {
|
|
z-index: 200;
|
|
}
|
|
div.charsheet > div.content .btn {
|
|
border-radius: 0px;
|
|
}
|
|
div.charsheet > div.content label {
|
|
padding: 0px;
|
|
margin: 0px;
|
|
}
|
|
div.charsheet > div.content select {
|
|
margin-bottom: 0px;
|
|
border-radius: 0px;
|
|
}
|
|
div.charsheet > div.content input[type=number]::-webkit-outer-spin-button,
|
|
div.charsheet > div.content input[type=number]::-webkit-inner-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
div.charsheet > div.content input[type=number],
|
|
div.charsheet > div.content input[type=text] {
|
|
-moz-appearance: textfield;
|
|
border-radius: 0px;
|
|
}
|
|
div.charsheet > div.content textarea {
|
|
border: none;
|
|
width: 100%;
|
|
padding: 0px;
|
|
text-align: justify;
|
|
border-radius: 0px;
|
|
margin: 0px;
|
|
}
|
|
div.charsheet > div.content div.repcontainer {
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.repcontainer div.repitem {
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content .repcontrol {
|
|
display: flex;
|
|
width: 100%;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-between;
|
|
flex-direction: row-reverse;
|
|
}
|
|
div.charsheet > div.content .repcontrol > .btn {
|
|
padding-bottom: 0px;
|
|
border-radius: 0px;
|
|
border: 0px;
|
|
padding-top: 0px;
|
|
}
|
|
div.charsheet > div.content .itemcontrol > .btn {
|
|
padding-bottom: 2px;
|
|
border-radius: 0px;
|
|
padding-top: 1px;
|
|
}
|
|
div.charsheet > div.content div.autoex {
|
|
line-height: 1.4em;
|
|
min-height: 1.4em;
|
|
cursor: text;
|
|
text-align: left;
|
|
position: relative;
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.autoex > span {
|
|
visibility: hidden;
|
|
display: block;
|
|
font-family: inherit;
|
|
font-size: inherit;
|
|
line-height: inherit;
|
|
white-space: pre-wrap;
|
|
text-align: inherit;
|
|
min-height: inherit;
|
|
height: 100%;
|
|
word-wrap: anywhere;
|
|
padding-left: 2px;
|
|
padding-right: 2px;
|
|
}
|
|
div.charsheet > div.content div.autoex > textarea {
|
|
display: block;
|
|
z-index: 1;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
height: 100%;
|
|
width: calc(100% - 4px);
|
|
overflow: hidden;
|
|
font-family: inherit;
|
|
font-size: inherit;
|
|
line-height: inherit;
|
|
white-space: pre-wrap;
|
|
text-align: inherit;
|
|
min-height: inherit;
|
|
resize: none;
|
|
margin: 0px;
|
|
padding-left: 2px;
|
|
padding-right: 2px;
|
|
}
|
|
div.charsheet > div.content div.autoex > textarea::placeholder {
|
|
font-family: "Contrail One";
|
|
color: rgba(87, 89, 87, 0.8549019608);
|
|
text-transform: capitalize;
|
|
font-style: italic;
|
|
text-align: center;
|
|
font-size: 95%;
|
|
font-weight: normal;
|
|
}
|
|
div.charsheet > div.content div.autoex22 {
|
|
min-height: 22px;
|
|
}
|
|
div.charsheet > div.content div.autoex24 {
|
|
min-height: 24px;
|
|
}
|
|
div.charsheet > div.content div.autoex28 {
|
|
min-height: 28px;
|
|
}
|
|
div.charsheet > div.content div.autoex40 {
|
|
min-height: 40px;
|
|
}
|
|
div.charsheet > div.content div.autoex100 {
|
|
min-height: 100px;
|
|
}
|
|
div.charsheet > div.content input[type=hidden][value="14"].version ~ div.container {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content input[type=hidden][value="14"].version ~ div.MAJV15 {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.MAJV15 {
|
|
display: none;
|
|
justify-content: center;
|
|
align-content: center;
|
|
width: 100%;
|
|
height: 100px;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.MAJV15 > span {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 25px;
|
|
}
|
|
div.charsheet > div.content div.MAJV15 > span > b {
|
|
display: contents;
|
|
}
|
|
div.charsheet > div.content div.MAJV15 > button[type=action] {
|
|
display: flex;
|
|
width: 100px;
|
|
height: 25px;
|
|
line-height: 25px;
|
|
border-radius: 0px;
|
|
font-variant: small-caps;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
font-weight: bold;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.MAJV15 > button[type=action]::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabDossier,
|
|
div.charsheet > div.content div.tabArmure,
|
|
div.charsheet > div.content div.tabCombat,
|
|
div.charsheet > div.content div.tabModules,
|
|
div.charsheet > div.content div.tabOverdrive,
|
|
div.charsheet > div.content div.tabIA,
|
|
div.charsheet > div.content div.tabIAIncarnee,
|
|
div.charsheet > div.content div.tabHistorique,
|
|
div.charsheet > div.content div.tabArt,
|
|
div.charsheet > div.content div.tabHeroisme,
|
|
div.charsheet > div.content div.tabVehicule,
|
|
div.charsheet > div.content div.tabMechaArmure,
|
|
div.charsheet > div.content div.tabEquipage,
|
|
div.charsheet > div.content .fichePJ,
|
|
div.charsheet > div.content .fichePNJ,
|
|
div.charsheet > div.content .ficheCreature,
|
|
div.charsheet > div.content .ficheBande,
|
|
div.charsheet > div.content .ficheVehicule {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content input.ficheType[value="0"] ~ div .fichePJ {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content input.ficheType[value="1"] ~ div .fichePNJ {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content input.ficheType[value="2"] ~ div .ficheCreature {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content input.ficheType[value="3"] ~ div .ficheBande {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content input.ficheType[value="4"] ~ div .ficheVehicule {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].tabMenu[value=dossier] ~ div button[type=action].dossier {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].tabMenu[value=dossier] ~ div.tabDossier {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].tabMenu[value=armure] ~ div button[type=action].armure, div.charsheet > div.content input[type=hidden].tabMenu[value=capacites] ~ div button[type=action].armure {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].tabMenu[value=armure] ~ div.tabArmure, div.charsheet > div.content input[type=hidden].tabMenu[value=capacites] ~ div.tabArmure {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].tabMenu[value=combat] ~ div button[type=action].combat {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].tabMenu[value=combat] ~ div.tabCombat {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].tabMenu[value=module] ~ div button[type=action].module {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].tabMenu[value=module] ~ div.tabModules {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].tabMenu[value=overdrive] ~ div button[type=action].overdrive {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].tabMenu[value=overdrive] ~ div.tabOverdrive {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].tabMenu[value=ia] ~ div button[type=action].ia {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].tabMenu[value=ia] ~ div.tabIA {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].tabMenu[value=ia-incarnee] ~ div button[type=action].ia-incarnee {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].tabMenu[value=ia-incarnee] ~ div.tabIAIncarnee {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].tabMenu[value=historique] ~ div button[type=action].historique {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].tabMenu[value=historique] ~ div.tabHistorique {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].tabMenu[value=art] ~ div button[type=action].art {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].tabMenu[value=art] ~ div.tabArt {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].tabMenu[value=heroisme] ~ div button[type=action].heroisme {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].tabMenu[value=heroisme] ~ div.tabHeroisme {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].tabMenu[value=vehicule] ~ div button[type=action].vehicule,
|
|
div.charsheet > div.content input[type=hidden].tabMenu[value=vehicule] ~ div button[type=action].ficheVehicule {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].tabMenu[value=vehicule] ~ div.tabVehicule {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].tabMenu[value=mecha-armure] ~ div button[type=action].mechaArmures {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].tabMenu[value=mecha-armure] ~ div.tabMechaArmure {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].tabMenu[value=equipage] ~ div button[type=action].equipage {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].tabMenu[value=equipage] ~ div.tabEquipage {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].armureListe[value=sans] ~ div .armure, div.charsheet > div.content input[type=hidden].armureListe[value=sans] ~ div .guardian, div.charsheet > div.content input[type=hidden].armureListe[value=sans] ~ div .barbarian, div.charsheet > div.content input[type=hidden].armureListe[value=sans] ~ div .bard, div.charsheet > div.content input[type=hidden].armureListe[value=sans] ~ div .berserk, div.charsheet > div.content input[type=hidden].armureListe[value=sans] ~ div .druid, div.charsheet > div.content input[type=hidden].armureListe[value=sans] ~ div .monk, div.charsheet > div.content input[type=hidden].armureListe[value=sans] ~ div .necromancer, div.charsheet > div.content input[type=hidden].armureListe[value=sans] ~ div .paladin, div.charsheet > div.content input[type=hidden].armureListe[value=sans] ~ div .priest, div.charsheet > div.content input[type=hidden].armureListe[value=sans] ~ div .psion, div.charsheet > div.content input[type=hidden].armureListe[value=sans] ~ div .ranger, div.charsheet > div.content input[type=hidden].armureListe[value=sans] ~ div .rogue, div.charsheet > div.content input[type=hidden].armureListe[value=sans] ~ div .shaman, div.charsheet > div.content input[type=hidden].armureListe[value=sans] ~ div .sorcerer, div.charsheet > div.content input[type=hidden].armureListe[value=sans] ~ div .warlock, div.charsheet > div.content input[type=hidden].armureListe[value=sans] ~ div .warmaster, div.charsheet > div.content input[type=hidden].armureListe[value=sans] ~ div .warrior, div.charsheet > div.content input[type=hidden].armureListe[value=sans] ~ div .wizard, div.charsheet > div.content input[type=hidden].armureListe[value=sans] ~ div .personnalise, div.charsheet > div.content input[type=hidden].armureListe[value=sans] ~ div .MAL {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].armureListe[value=sans] ~ div .sans {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].armureListe[value=guardian] ~ div .sans, div.charsheet > div.content input[type=hidden].armureListe[value=guardian] ~ div .barbarian, div.charsheet > div.content input[type=hidden].armureListe[value=guardian] ~ div .bard, div.charsheet > div.content input[type=hidden].armureListe[value=guardian] ~ div .berserk, div.charsheet > div.content input[type=hidden].armureListe[value=guardian] ~ div .druid, div.charsheet > div.content input[type=hidden].armureListe[value=guardian] ~ div .monk, div.charsheet > div.content input[type=hidden].armureListe[value=guardian] ~ div .necromancer, div.charsheet > div.content input[type=hidden].armureListe[value=guardian] ~ div .paladin, div.charsheet > div.content input[type=hidden].armureListe[value=guardian] ~ div .priest, div.charsheet > div.content input[type=hidden].armureListe[value=guardian] ~ div .psion, div.charsheet > div.content input[type=hidden].armureListe[value=guardian] ~ div .ranger, div.charsheet > div.content input[type=hidden].armureListe[value=guardian] ~ div .rogue, div.charsheet > div.content input[type=hidden].armureListe[value=guardian] ~ div .shaman, div.charsheet > div.content input[type=hidden].armureListe[value=guardian] ~ div .sorcerer, div.charsheet > div.content input[type=hidden].armureListe[value=guardian] ~ div .warlock, div.charsheet > div.content input[type=hidden].armureListe[value=guardian] ~ div .warmaster, div.charsheet > div.content input[type=hidden].armureListe[value=guardian] ~ div .warrior, div.charsheet > div.content input[type=hidden].armureListe[value=guardian] ~ div .wizard, div.charsheet > div.content input[type=hidden].armureListe[value=guardian] ~ div .personnalise, div.charsheet > div.content input[type=hidden].armureListe[value=guardian] ~ div .MAL {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].armureListe[value=guardian] ~ div .guardian {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].armureListe[value=barbarian] ~ div .sans, div.charsheet > div.content input[type=hidden].armureListe[value=barbarian] ~ div .guardian, div.charsheet > div.content input[type=hidden].armureListe[value=barbarian] ~ div .bard, div.charsheet > div.content input[type=hidden].armureListe[value=barbarian] ~ div .berserk, div.charsheet > div.content input[type=hidden].armureListe[value=barbarian] ~ div .druid, div.charsheet > div.content input[type=hidden].armureListe[value=barbarian] ~ div .monk, div.charsheet > div.content input[type=hidden].armureListe[value=barbarian] ~ div .necromancer, div.charsheet > div.content input[type=hidden].armureListe[value=barbarian] ~ div .paladin, div.charsheet > div.content input[type=hidden].armureListe[value=barbarian] ~ div .priest, div.charsheet > div.content input[type=hidden].armureListe[value=barbarian] ~ div .psion, div.charsheet > div.content input[type=hidden].armureListe[value=barbarian] ~ div .ranger, div.charsheet > div.content input[type=hidden].armureListe[value=barbarian] ~ div .rogue, div.charsheet > div.content input[type=hidden].armureListe[value=barbarian] ~ div .shaman, div.charsheet > div.content input[type=hidden].armureListe[value=barbarian] ~ div .sorcerer, div.charsheet > div.content input[type=hidden].armureListe[value=barbarian] ~ div .warlock, div.charsheet > div.content input[type=hidden].armureListe[value=barbarian] ~ div .warmaster, div.charsheet > div.content input[type=hidden].armureListe[value=barbarian] ~ div .warrior, div.charsheet > div.content input[type=hidden].armureListe[value=barbarian] ~ div .personnalise, div.charsheet > div.content input[type=hidden].armureListe[value=barbarian] ~ div .wizard {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].armureListe[value=barbarian] ~ div .barbarian {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].armureListe[value=bard] ~ div .sans, div.charsheet > div.content input[type=hidden].armureListe[value=bard] ~ div .guardian, div.charsheet > div.content input[type=hidden].armureListe[value=bard] ~ div .barbarian, div.charsheet > div.content input[type=hidden].armureListe[value=bard] ~ div .berserk, div.charsheet > div.content input[type=hidden].armureListe[value=bard] ~ div .druid, div.charsheet > div.content input[type=hidden].armureListe[value=bard] ~ div .monk, div.charsheet > div.content input[type=hidden].armureListe[value=bard] ~ div .necromancer, div.charsheet > div.content input[type=hidden].armureListe[value=bard] ~ div .paladin, div.charsheet > div.content input[type=hidden].armureListe[value=bard] ~ div .priest, div.charsheet > div.content input[type=hidden].armureListe[value=bard] ~ div .psion, div.charsheet > div.content input[type=hidden].armureListe[value=bard] ~ div .ranger, div.charsheet > div.content input[type=hidden].armureListe[value=bard] ~ div .rogue, div.charsheet > div.content input[type=hidden].armureListe[value=bard] ~ div .shaman, div.charsheet > div.content input[type=hidden].armureListe[value=bard] ~ div .sorcerer, div.charsheet > div.content input[type=hidden].armureListe[value=bard] ~ div .warlock, div.charsheet > div.content input[type=hidden].armureListe[value=bard] ~ div .warmaster, div.charsheet > div.content input[type=hidden].armureListe[value=bard] ~ div .warrior, div.charsheet > div.content input[type=hidden].armureListe[value=bard] ~ div .personnalise, div.charsheet > div.content input[type=hidden].armureListe[value=bard] ~ div .wizard {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].armureListe[value=bard] ~ div .bard {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].armureListe[value=berserk] ~ div .sans, div.charsheet > div.content input[type=hidden].armureListe[value=berserk] ~ div .guardian, div.charsheet > div.content input[type=hidden].armureListe[value=berserk] ~ div .barbarian, div.charsheet > div.content input[type=hidden].armureListe[value=berserk] ~ div .bard, div.charsheet > div.content input[type=hidden].armureListe[value=berserk] ~ div .druid, div.charsheet > div.content input[type=hidden].armureListe[value=berserk] ~ div .monk, div.charsheet > div.content input[type=hidden].armureListe[value=berserk] ~ div .necromancer, div.charsheet > div.content input[type=hidden].armureListe[value=berserk] ~ div .paladin, div.charsheet > div.content input[type=hidden].armureListe[value=berserk] ~ div .priest, div.charsheet > div.content input[type=hidden].armureListe[value=berserk] ~ div .psion, div.charsheet > div.content input[type=hidden].armureListe[value=berserk] ~ div .ranger, div.charsheet > div.content input[type=hidden].armureListe[value=berserk] ~ div .rogue, div.charsheet > div.content input[type=hidden].armureListe[value=berserk] ~ div .shaman, div.charsheet > div.content input[type=hidden].armureListe[value=berserk] ~ div .sorcerer, div.charsheet > div.content input[type=hidden].armureListe[value=berserk] ~ div .warlock, div.charsheet > div.content input[type=hidden].armureListe[value=berserk] ~ div .warmaster, div.charsheet > div.content input[type=hidden].armureListe[value=berserk] ~ div .warrior, div.charsheet > div.content input[type=hidden].armureListe[value=berserk] ~ div .personnalise, div.charsheet > div.content input[type=hidden].armureListe[value=berserk] ~ div .wizard {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].armureListe[value=berserk] ~ div .berserk {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].armureListe[value=druid] ~ div .sans, div.charsheet > div.content input[type=hidden].armureListe[value=druid] ~ div .guardian, div.charsheet > div.content input[type=hidden].armureListe[value=druid] ~ div .barbarian, div.charsheet > div.content input[type=hidden].armureListe[value=druid] ~ div .bard, div.charsheet > div.content input[type=hidden].armureListe[value=druid] ~ div .berserk, div.charsheet > div.content input[type=hidden].armureListe[value=druid] ~ div .monk, div.charsheet > div.content input[type=hidden].armureListe[value=druid] ~ div .necromancer, div.charsheet > div.content input[type=hidden].armureListe[value=druid] ~ div .paladin, div.charsheet > div.content input[type=hidden].armureListe[value=druid] ~ div .priest, div.charsheet > div.content input[type=hidden].armureListe[value=druid] ~ div .psion, div.charsheet > div.content input[type=hidden].armureListe[value=druid] ~ div .ranger, div.charsheet > div.content input[type=hidden].armureListe[value=druid] ~ div .rogue, div.charsheet > div.content input[type=hidden].armureListe[value=druid] ~ div .shaman, div.charsheet > div.content input[type=hidden].armureListe[value=druid] ~ div .sorcerer, div.charsheet > div.content input[type=hidden].armureListe[value=druid] ~ div .warlock, div.charsheet > div.content input[type=hidden].armureListe[value=druid] ~ div .warmaster, div.charsheet > div.content input[type=hidden].armureListe[value=druid] ~ div .warrior, div.charsheet > div.content input[type=hidden].armureListe[value=druid] ~ div .personnalise, div.charsheet > div.content input[type=hidden].armureListe[value=druid] ~ div .wizard {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].armureListe[value=druid] ~ div .druid {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].armureListe[value=monk] ~ div .sans, div.charsheet > div.content input[type=hidden].armureListe[value=monk] ~ div .guardian, div.charsheet > div.content input[type=hidden].armureListe[value=monk] ~ div .barbarian, div.charsheet > div.content input[type=hidden].armureListe[value=monk] ~ div .bard, div.charsheet > div.content input[type=hidden].armureListe[value=monk] ~ div .berserk, div.charsheet > div.content input[type=hidden].armureListe[value=monk] ~ div .druid, div.charsheet > div.content input[type=hidden].armureListe[value=monk] ~ div .necromancer, div.charsheet > div.content input[type=hidden].armureListe[value=monk] ~ div .paladin, div.charsheet > div.content input[type=hidden].armureListe[value=monk] ~ div .priest, div.charsheet > div.content input[type=hidden].armureListe[value=monk] ~ div .psion, div.charsheet > div.content input[type=hidden].armureListe[value=monk] ~ div .ranger, div.charsheet > div.content input[type=hidden].armureListe[value=monk] ~ div .rogue, div.charsheet > div.content input[type=hidden].armureListe[value=monk] ~ div .shaman, div.charsheet > div.content input[type=hidden].armureListe[value=monk] ~ div .sorcerer, div.charsheet > div.content input[type=hidden].armureListe[value=monk] ~ div .warlock, div.charsheet > div.content input[type=hidden].armureListe[value=monk] ~ div .warmaster, div.charsheet > div.content input[type=hidden].armureListe[value=monk] ~ div .warrior, div.charsheet > div.content input[type=hidden].armureListe[value=monk] ~ div .personnalise, div.charsheet > div.content input[type=hidden].armureListe[value=monk] ~ div .wizard {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].armureListe[value=monk] ~ div .monk {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].armureListe[value=necromancer] ~ div .sans, div.charsheet > div.content input[type=hidden].armureListe[value=necromancer] ~ div .guardian, div.charsheet > div.content input[type=hidden].armureListe[value=necromancer] ~ div .barbarian, div.charsheet > div.content input[type=hidden].armureListe[value=necromancer] ~ div .bard, div.charsheet > div.content input[type=hidden].armureListe[value=necromancer] ~ div .berserk, div.charsheet > div.content input[type=hidden].armureListe[value=necromancer] ~ div .druid, div.charsheet > div.content input[type=hidden].armureListe[value=necromancer] ~ div .monk, div.charsheet > div.content input[type=hidden].armureListe[value=necromancer] ~ div .paladin, div.charsheet > div.content input[type=hidden].armureListe[value=necromancer] ~ div .priest, div.charsheet > div.content input[type=hidden].armureListe[value=necromancer] ~ div .psion, div.charsheet > div.content input[type=hidden].armureListe[value=necromancer] ~ div .ranger, div.charsheet > div.content input[type=hidden].armureListe[value=necromancer] ~ div .rogue, div.charsheet > div.content input[type=hidden].armureListe[value=necromancer] ~ div .shaman, div.charsheet > div.content input[type=hidden].armureListe[value=necromancer] ~ div .sorcerer, div.charsheet > div.content input[type=hidden].armureListe[value=necromancer] ~ div .warlock, div.charsheet > div.content input[type=hidden].armureListe[value=necromancer] ~ div .warmaster, div.charsheet > div.content input[type=hidden].armureListe[value=necromancer] ~ div .warrior, div.charsheet > div.content input[type=hidden].armureListe[value=necromancer] ~ div .personnalise, div.charsheet > div.content input[type=hidden].armureListe[value=necromancer] ~ div .wizard {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].armureListe[value=necromancer] ~ div .necromancer {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].armureListe[value=paladin] ~ div .sans, div.charsheet > div.content input[type=hidden].armureListe[value=paladin] ~ div .guardian, div.charsheet > div.content input[type=hidden].armureListe[value=paladin] ~ div .barbarian, div.charsheet > div.content input[type=hidden].armureListe[value=paladin] ~ div .bard, div.charsheet > div.content input[type=hidden].armureListe[value=paladin] ~ div .berserk, div.charsheet > div.content input[type=hidden].armureListe[value=paladin] ~ div .druid, div.charsheet > div.content input[type=hidden].armureListe[value=paladin] ~ div .monk, div.charsheet > div.content input[type=hidden].armureListe[value=paladin] ~ div .necromancer, div.charsheet > div.content input[type=hidden].armureListe[value=paladin] ~ div .priest, div.charsheet > div.content input[type=hidden].armureListe[value=paladin] ~ div .psion, div.charsheet > div.content input[type=hidden].armureListe[value=paladin] ~ div .ranger, div.charsheet > div.content input[type=hidden].armureListe[value=paladin] ~ div .rogue, div.charsheet > div.content input[type=hidden].armureListe[value=paladin] ~ div .shaman, div.charsheet > div.content input[type=hidden].armureListe[value=paladin] ~ div .sorcerer, div.charsheet > div.content input[type=hidden].armureListe[value=paladin] ~ div .warlock, div.charsheet > div.content input[type=hidden].armureListe[value=paladin] ~ div .warmaster, div.charsheet > div.content input[type=hidden].armureListe[value=paladin] ~ div .warrior, div.charsheet > div.content input[type=hidden].armureListe[value=paladin] ~ div .personnalise, div.charsheet > div.content input[type=hidden].armureListe[value=paladin] ~ div .wizard {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].armureListe[value=paladin] ~ div .paladin {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].armureListe[value=priest] ~ div .sans, div.charsheet > div.content input[type=hidden].armureListe[value=priest] ~ div .guardian, div.charsheet > div.content input[type=hidden].armureListe[value=priest] ~ div .barbarian, div.charsheet > div.content input[type=hidden].armureListe[value=priest] ~ div .bard, div.charsheet > div.content input[type=hidden].armureListe[value=priest] ~ div .berserk, div.charsheet > div.content input[type=hidden].armureListe[value=priest] ~ div .druid, div.charsheet > div.content input[type=hidden].armureListe[value=priest] ~ div .monk, div.charsheet > div.content input[type=hidden].armureListe[value=priest] ~ div .necromancer, div.charsheet > div.content input[type=hidden].armureListe[value=priest] ~ div .paladin, div.charsheet > div.content input[type=hidden].armureListe[value=priest] ~ div .psion, div.charsheet > div.content input[type=hidden].armureListe[value=priest] ~ div .ranger, div.charsheet > div.content input[type=hidden].armureListe[value=priest] ~ div .rogue, div.charsheet > div.content input[type=hidden].armureListe[value=priest] ~ div .shaman, div.charsheet > div.content input[type=hidden].armureListe[value=priest] ~ div .sorcerer, div.charsheet > div.content input[type=hidden].armureListe[value=priest] ~ div .warlock, div.charsheet > div.content input[type=hidden].armureListe[value=priest] ~ div .warmaster, div.charsheet > div.content input[type=hidden].armureListe[value=priest] ~ div .warrior, div.charsheet > div.content input[type=hidden].armureListe[value=priest] ~ div .personnalise, div.charsheet > div.content input[type=hidden].armureListe[value=priest] ~ div .wizard {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].armureListe[value=priest] ~ div .priest {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].armureListe[value=psion] ~ div .sans, div.charsheet > div.content input[type=hidden].armureListe[value=psion] ~ div .guardian, div.charsheet > div.content input[type=hidden].armureListe[value=psion] ~ div .barbarian, div.charsheet > div.content input[type=hidden].armureListe[value=psion] ~ div .bard, div.charsheet > div.content input[type=hidden].armureListe[value=psion] ~ div .berserk, div.charsheet > div.content input[type=hidden].armureListe[value=psion] ~ div .druid, div.charsheet > div.content input[type=hidden].armureListe[value=psion] ~ div .monk, div.charsheet > div.content input[type=hidden].armureListe[value=psion] ~ div .necromancer, div.charsheet > div.content input[type=hidden].armureListe[value=psion] ~ div .paladin, div.charsheet > div.content input[type=hidden].armureListe[value=psion] ~ div .priest, div.charsheet > div.content input[type=hidden].armureListe[value=psion] ~ div .ranger, div.charsheet > div.content input[type=hidden].armureListe[value=psion] ~ div .rogue, div.charsheet > div.content input[type=hidden].armureListe[value=psion] ~ div .shaman, div.charsheet > div.content input[type=hidden].armureListe[value=psion] ~ div .sorcerer, div.charsheet > div.content input[type=hidden].armureListe[value=psion] ~ div .warlock, div.charsheet > div.content input[type=hidden].armureListe[value=psion] ~ div .warmaster, div.charsheet > div.content input[type=hidden].armureListe[value=psion] ~ div .warrior, div.charsheet > div.content input[type=hidden].armureListe[value=psion] ~ div .personnalise, div.charsheet > div.content input[type=hidden].armureListe[value=psion] ~ div .wizard {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].armureListe[value=psion] ~ div .psion {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].armureListe[value=ranger] ~ div .sans, div.charsheet > div.content input[type=hidden].armureListe[value=ranger] ~ div .guardian, div.charsheet > div.content input[type=hidden].armureListe[value=ranger] ~ div .barbarian, div.charsheet > div.content input[type=hidden].armureListe[value=ranger] ~ div .bard, div.charsheet > div.content input[type=hidden].armureListe[value=ranger] ~ div .berserk, div.charsheet > div.content input[type=hidden].armureListe[value=ranger] ~ div .druid, div.charsheet > div.content input[type=hidden].armureListe[value=ranger] ~ div .monk, div.charsheet > div.content input[type=hidden].armureListe[value=ranger] ~ div .necromancer, div.charsheet > div.content input[type=hidden].armureListe[value=ranger] ~ div .paladin, div.charsheet > div.content input[type=hidden].armureListe[value=ranger] ~ div .priest, div.charsheet > div.content input[type=hidden].armureListe[value=ranger] ~ div .psion, div.charsheet > div.content input[type=hidden].armureListe[value=ranger] ~ div .rogue, div.charsheet > div.content input[type=hidden].armureListe[value=ranger] ~ div .shaman, div.charsheet > div.content input[type=hidden].armureListe[value=ranger] ~ div .sorcerer, div.charsheet > div.content input[type=hidden].armureListe[value=ranger] ~ div .warlock, div.charsheet > div.content input[type=hidden].armureListe[value=ranger] ~ div .warmaster, div.charsheet > div.content input[type=hidden].armureListe[value=ranger] ~ div .warrior, div.charsheet > div.content input[type=hidden].armureListe[value=ranger] ~ div .personnalise, div.charsheet > div.content input[type=hidden].armureListe[value=ranger] ~ div .wizard {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].armureListe[value=ranger] ~ div .ranger {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].armureListe[value=rogue] ~ div .sans, div.charsheet > div.content input[type=hidden].armureListe[value=rogue] ~ div .guardian, div.charsheet > div.content input[type=hidden].armureListe[value=rogue] ~ div .barbarian, div.charsheet > div.content input[type=hidden].armureListe[value=rogue] ~ div .bard, div.charsheet > div.content input[type=hidden].armureListe[value=rogue] ~ div .berserk, div.charsheet > div.content input[type=hidden].armureListe[value=rogue] ~ div .druid, div.charsheet > div.content input[type=hidden].armureListe[value=rogue] ~ div .monk, div.charsheet > div.content input[type=hidden].armureListe[value=rogue] ~ div .necromancer, div.charsheet > div.content input[type=hidden].armureListe[value=rogue] ~ div .paladin, div.charsheet > div.content input[type=hidden].armureListe[value=rogue] ~ div .priest, div.charsheet > div.content input[type=hidden].armureListe[value=rogue] ~ div .psion, div.charsheet > div.content input[type=hidden].armureListe[value=rogue] ~ div .ranger, div.charsheet > div.content input[type=hidden].armureListe[value=rogue] ~ div .shaman, div.charsheet > div.content input[type=hidden].armureListe[value=rogue] ~ div .sorcerer, div.charsheet > div.content input[type=hidden].armureListe[value=rogue] ~ div .warlock, div.charsheet > div.content input[type=hidden].armureListe[value=rogue] ~ div .warmaster, div.charsheet > div.content input[type=hidden].armureListe[value=rogue] ~ div .warrior, div.charsheet > div.content input[type=hidden].armureListe[value=rogue] ~ div .personnalise, div.charsheet > div.content input[type=hidden].armureListe[value=rogue] ~ div .wizard {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].armureListe[value=rogue] ~ div .rogue {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].armureListe[value=shaman] ~ div .sans, div.charsheet > div.content input[type=hidden].armureListe[value=shaman] ~ div .guardian, div.charsheet > div.content input[type=hidden].armureListe[value=shaman] ~ div .barbarian, div.charsheet > div.content input[type=hidden].armureListe[value=shaman] ~ div .bard, div.charsheet > div.content input[type=hidden].armureListe[value=shaman] ~ div .berserk, div.charsheet > div.content input[type=hidden].armureListe[value=shaman] ~ div .druid, div.charsheet > div.content input[type=hidden].armureListe[value=shaman] ~ div .monk, div.charsheet > div.content input[type=hidden].armureListe[value=shaman] ~ div .necromancer, div.charsheet > div.content input[type=hidden].armureListe[value=shaman] ~ div .paladin, div.charsheet > div.content input[type=hidden].armureListe[value=shaman] ~ div .priest, div.charsheet > div.content input[type=hidden].armureListe[value=shaman] ~ div .psion, div.charsheet > div.content input[type=hidden].armureListe[value=shaman] ~ div .ranger, div.charsheet > div.content input[type=hidden].armureListe[value=shaman] ~ div .rogue, div.charsheet > div.content input[type=hidden].armureListe[value=shaman] ~ div .sorcerer, div.charsheet > div.content input[type=hidden].armureListe[value=shaman] ~ div .warlock, div.charsheet > div.content input[type=hidden].armureListe[value=shaman] ~ div .warmaster, div.charsheet > div.content input[type=hidden].armureListe[value=shaman] ~ div .warrior, div.charsheet > div.content input[type=hidden].armureListe[value=shaman] ~ div .personnalise, div.charsheet > div.content input[type=hidden].armureListe[value=shaman] ~ div .wizard {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].armureListe[value=shaman] ~ div .shaman {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].armureListe[value=sorcerer] ~ div .sans, div.charsheet > div.content input[type=hidden].armureListe[value=sorcerer] ~ div .guardian, div.charsheet > div.content input[type=hidden].armureListe[value=sorcerer] ~ div .barbarian, div.charsheet > div.content input[type=hidden].armureListe[value=sorcerer] ~ div .bard, div.charsheet > div.content input[type=hidden].armureListe[value=sorcerer] ~ div .berserk, div.charsheet > div.content input[type=hidden].armureListe[value=sorcerer] ~ div .druid, div.charsheet > div.content input[type=hidden].armureListe[value=sorcerer] ~ div .monk, div.charsheet > div.content input[type=hidden].armureListe[value=sorcerer] ~ div .necromancer, div.charsheet > div.content input[type=hidden].armureListe[value=sorcerer] ~ div .paladin, div.charsheet > div.content input[type=hidden].armureListe[value=sorcerer] ~ div .priest, div.charsheet > div.content input[type=hidden].armureListe[value=sorcerer] ~ div .psion, div.charsheet > div.content input[type=hidden].armureListe[value=sorcerer] ~ div .ranger, div.charsheet > div.content input[type=hidden].armureListe[value=sorcerer] ~ div .rogue, div.charsheet > div.content input[type=hidden].armureListe[value=sorcerer] ~ div .shaman, div.charsheet > div.content input[type=hidden].armureListe[value=sorcerer] ~ div .warlock, div.charsheet > div.content input[type=hidden].armureListe[value=sorcerer] ~ div .warmaster, div.charsheet > div.content input[type=hidden].armureListe[value=sorcerer] ~ div .warrior, div.charsheet > div.content input[type=hidden].armureListe[value=sorcerer] ~ div .personnalise, div.charsheet > div.content input[type=hidden].armureListe[value=sorcerer] ~ div .wizard {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].armureListe[value=sorcerer] ~ div .sorcerer {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].armureListe[value=warlock] ~ div .sans, div.charsheet > div.content input[type=hidden].armureListe[value=warlock] ~ div .guardian, div.charsheet > div.content input[type=hidden].armureListe[value=warlock] ~ div .barbarian, div.charsheet > div.content input[type=hidden].armureListe[value=warlock] ~ div .bard, div.charsheet > div.content input[type=hidden].armureListe[value=warlock] ~ div .berserk, div.charsheet > div.content input[type=hidden].armureListe[value=warlock] ~ div .druid, div.charsheet > div.content input[type=hidden].armureListe[value=warlock] ~ div .monk, div.charsheet > div.content input[type=hidden].armureListe[value=warlock] ~ div .necromancer, div.charsheet > div.content input[type=hidden].armureListe[value=warlock] ~ div .paladin, div.charsheet > div.content input[type=hidden].armureListe[value=warlock] ~ div .priest, div.charsheet > div.content input[type=hidden].armureListe[value=warlock] ~ div .psion, div.charsheet > div.content input[type=hidden].armureListe[value=warlock] ~ div .ranger, div.charsheet > div.content input[type=hidden].armureListe[value=warlock] ~ div .rogue, div.charsheet > div.content input[type=hidden].armureListe[value=warlock] ~ div .shaman, div.charsheet > div.content input[type=hidden].armureListe[value=warlock] ~ div .sorcerer, div.charsheet > div.content input[type=hidden].armureListe[value=warlock] ~ div .warmaster, div.charsheet > div.content input[type=hidden].armureListe[value=warlock] ~ div .warrior, div.charsheet > div.content input[type=hidden].armureListe[value=warlock] ~ div .personnalise, div.charsheet > div.content input[type=hidden].armureListe[value=warlock] ~ div .wizard {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].armureListe[value=warlock] ~ div .warlock {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].armureListe[value=warmaster] ~ div .sans, div.charsheet > div.content input[type=hidden].armureListe[value=warmaster] ~ div .guardian, div.charsheet > div.content input[type=hidden].armureListe[value=warmaster] ~ div .barbarian, div.charsheet > div.content input[type=hidden].armureListe[value=warmaster] ~ div .bard, div.charsheet > div.content input[type=hidden].armureListe[value=warmaster] ~ div .berserk, div.charsheet > div.content input[type=hidden].armureListe[value=warmaster] ~ div .druid, div.charsheet > div.content input[type=hidden].armureListe[value=warmaster] ~ div .monk, div.charsheet > div.content input[type=hidden].armureListe[value=warmaster] ~ div .necromancer, div.charsheet > div.content input[type=hidden].armureListe[value=warmaster] ~ div .paladin, div.charsheet > div.content input[type=hidden].armureListe[value=warmaster] ~ div .priest, div.charsheet > div.content input[type=hidden].armureListe[value=warmaster] ~ div .psion, div.charsheet > div.content input[type=hidden].armureListe[value=warmaster] ~ div .ranger, div.charsheet > div.content input[type=hidden].armureListe[value=warmaster] ~ div .rogue, div.charsheet > div.content input[type=hidden].armureListe[value=warmaster] ~ div .shaman, div.charsheet > div.content input[type=hidden].armureListe[value=warmaster] ~ div .sorcerer, div.charsheet > div.content input[type=hidden].armureListe[value=warmaster] ~ div .warlock, div.charsheet > div.content input[type=hidden].armureListe[value=warmaster] ~ div .warrior, div.charsheet > div.content input[type=hidden].armureListe[value=warmaster] ~ div .personnalise, div.charsheet > div.content input[type=hidden].armureListe[value=warmaster] ~ div .wizard {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].armureListe[value=warmaster] ~ div .warmaster {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].armureListe[value=warrior] ~ div .sans, div.charsheet > div.content input[type=hidden].armureListe[value=warrior] ~ div .guardian, div.charsheet > div.content input[type=hidden].armureListe[value=warrior] ~ div .barbarian, div.charsheet > div.content input[type=hidden].armureListe[value=warrior] ~ div .bard, div.charsheet > div.content input[type=hidden].armureListe[value=warrior] ~ div .berserk, div.charsheet > div.content input[type=hidden].armureListe[value=warrior] ~ div .druid, div.charsheet > div.content input[type=hidden].armureListe[value=warrior] ~ div .monk, div.charsheet > div.content input[type=hidden].armureListe[value=warrior] ~ div .necromancer, div.charsheet > div.content input[type=hidden].armureListe[value=warrior] ~ div .paladin, div.charsheet > div.content input[type=hidden].armureListe[value=warrior] ~ div .priest, div.charsheet > div.content input[type=hidden].armureListe[value=warrior] ~ div .psion, div.charsheet > div.content input[type=hidden].armureListe[value=warrior] ~ div .ranger, div.charsheet > div.content input[type=hidden].armureListe[value=warrior] ~ div .rogue, div.charsheet > div.content input[type=hidden].armureListe[value=warrior] ~ div .shaman, div.charsheet > div.content input[type=hidden].armureListe[value=warrior] ~ div .sorcerer, div.charsheet > div.content input[type=hidden].armureListe[value=warrior] ~ div .warlock, div.charsheet > div.content input[type=hidden].armureListe[value=warrior] ~ div .warmaster, div.charsheet > div.content input[type=hidden].armureListe[value=warrior] ~ div .personnalise, div.charsheet > div.content input[type=hidden].armureListe[value=warrior] ~ div .wizard {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].armureListe[value=warrior] ~ div .warrior {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].armureListe[value=wizard] ~ div .sans, div.charsheet > div.content input[type=hidden].armureListe[value=wizard] ~ div .guardian, div.charsheet > div.content input[type=hidden].armureListe[value=wizard] ~ div .barbarian, div.charsheet > div.content input[type=hidden].armureListe[value=wizard] ~ div .bard, div.charsheet > div.content input[type=hidden].armureListe[value=wizard] ~ div .berserk, div.charsheet > div.content input[type=hidden].armureListe[value=wizard] ~ div .druid, div.charsheet > div.content input[type=hidden].armureListe[value=wizard] ~ div .monk, div.charsheet > div.content input[type=hidden].armureListe[value=wizard] ~ div .necromancer, div.charsheet > div.content input[type=hidden].armureListe[value=wizard] ~ div .paladin, div.charsheet > div.content input[type=hidden].armureListe[value=wizard] ~ div .priest, div.charsheet > div.content input[type=hidden].armureListe[value=wizard] ~ div .psion, div.charsheet > div.content input[type=hidden].armureListe[value=wizard] ~ div .ranger, div.charsheet > div.content input[type=hidden].armureListe[value=wizard] ~ div .rogue, div.charsheet > div.content input[type=hidden].armureListe[value=wizard] ~ div .shaman, div.charsheet > div.content input[type=hidden].armureListe[value=wizard] ~ div .sorcerer, div.charsheet > div.content input[type=hidden].armureListe[value=wizard] ~ div .warlock, div.charsheet > div.content input[type=hidden].armureListe[value=wizard] ~ div .warmaster, div.charsheet > div.content input[type=hidden].armureListe[value=wizard] ~ div .personnalise, div.charsheet > div.content input[type=hidden].armureListe[value=wizard] ~ div .warrior {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].armureListe[value=wizard] ~ div .wizard {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].armureListe[value=personnalise] ~ div .sans, div.charsheet > div.content input[type=hidden].armureListe[value=personnalise] ~ div .guardian, div.charsheet > div.content input[type=hidden].armureListe[value=personnalise] ~ div .barbarian, div.charsheet > div.content input[type=hidden].armureListe[value=personnalise] ~ div .bard, div.charsheet > div.content input[type=hidden].armureListe[value=personnalise] ~ div .berserk, div.charsheet > div.content input[type=hidden].armureListe[value=personnalise] ~ div .druid, div.charsheet > div.content input[type=hidden].armureListe[value=personnalise] ~ div .monk, div.charsheet > div.content input[type=hidden].armureListe[value=personnalise] ~ div .necromancer, div.charsheet > div.content input[type=hidden].armureListe[value=personnalise] ~ div .paladin, div.charsheet > div.content input[type=hidden].armureListe[value=personnalise] ~ div .priest, div.charsheet > div.content input[type=hidden].armureListe[value=personnalise] ~ div .psion, div.charsheet > div.content input[type=hidden].armureListe[value=personnalise] ~ div .ranger, div.charsheet > div.content input[type=hidden].armureListe[value=personnalise] ~ div .rogue, div.charsheet > div.content input[type=hidden].armureListe[value=personnalise] ~ div .shaman, div.charsheet > div.content input[type=hidden].armureListe[value=personnalise] ~ div .sorcerer, div.charsheet > div.content input[type=hidden].armureListe[value=personnalise] ~ div .warlock, div.charsheet > div.content input[type=hidden].armureListe[value=personnalise] ~ div .warmaster, div.charsheet > div.content input[type=hidden].armureListe[value=personnalise] ~ div .wizard, div.charsheet > div.content input[type=hidden].armureListe[value=personnalise] ~ div .noPersonnalise, div.charsheet > div.content input[type=hidden].armureListe[value=personnalise] ~ div .warrior {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].armureListe[value=personnalise] ~ div .personnalise {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].armureLegendeListe[value=sans] ~ div .MAL, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=sans] ~ div .MALBarbarian, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=sans] ~ div .MALBard, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=sans] ~ div .MALDruid, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=sans] ~ div .MALPaladin, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=sans] ~ div .MALPriest, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=sans] ~ div .MALPsion, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=sans] ~ div .MALRanger, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=sans] ~ div .MALRogue, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=sans] ~ div .MALShaman, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=sans] ~ div .MALWarlock, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=sans] ~ div .MALWarmaster, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=sans] ~ div .MALWarrior, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=sans] ~ div .MALWizard {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].armureLegendeListe[value=barbarian] ~ div .MALBard, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=barbarian] ~ div .MALDruid, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=barbarian] ~ div .MALPaladin, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=barbarian] ~ div .MALPriest, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=barbarian] ~ div .MALPsion, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=barbarian] ~ div .MALRanger, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=barbarian] ~ div .MALRogue, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=barbarian] ~ div .MALShaman, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=barbarian] ~ div .MALWarlock, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=barbarian] ~ div .MALWarmaster, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=barbarian] ~ div .MALWarrior, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=barbarian] ~ div .MALWizard {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].armureLegendeListe[value=barbarian] ~ div .MALBarbarian {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].armureLegendeListe[value=bard] ~ div .MALBarbarian, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=bard] ~ div .MALDruid, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=bard] ~ div .MALPaladin, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=bard] ~ div .MALPriest, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=bard] ~ div .MALPsion, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=bard] ~ div .MALRanger, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=bard] ~ div .MALRogue, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=bard] ~ div .MALShaman, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=bard] ~ div .MALWarlock, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=bard] ~ div .MALWarmaster, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=bard] ~ div .MALWarrior, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=bard] ~ div .MALWizard {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].armureLegendeListe[value=bard] ~ div .MALBard {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].armureLegendeListe[value=druid] ~ div .MALBarbarian, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=druid] ~ div .MALBard, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=druid] ~ div .MALPaladin, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=druid] ~ div .MALPriest, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=druid] ~ div .MALPsion, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=druid] ~ div .MALRanger, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=druid] ~ div .MALRogue, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=druid] ~ div .MALShaman, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=druid] ~ div .MALWarlock, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=druid] ~ div .MALWarmaster, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=druid] ~ div .MALWarrior, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=druid] ~ div .MALWizard {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].armureLegendeListe[value=druid] ~ div .MALDruid {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].armureLegendeListe[value=paladin] ~ div .MALBarbarian, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=paladin] ~ div .MALBard, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=paladin] ~ div .MALDruid, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=paladin] ~ div .MALPriest, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=paladin] ~ div .MALPsion, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=paladin] ~ div .MALRanger, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=paladin] ~ div .MALRogue, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=paladin] ~ div .MALShaman, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=paladin] ~ div .MALWarlock, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=paladin] ~ div .MALWarmaster, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=paladin] ~ div .MALWarrior, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=paladin] ~ div .MALWizard {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].armureLegendeListe[value=paladin] ~ div .MALPaladin {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].armureLegendeListe[value=priest] ~ div .MALBarbarian, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=priest] ~ div .MALBard, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=priest] ~ div .MALDruid, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=priest] ~ div .MALPaladin, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=priest] ~ div .MALPsion, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=priest] ~ div .MALRanger, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=priest] ~ div .MALRogue, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=priest] ~ div .MALShaman, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=priest] ~ div .MALWarlock, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=priest] ~ div .MALWarmaster, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=priest] ~ div .MALWarrior, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=priest] ~ div .MALWizard {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].armureLegendeListe[value=priest] ~ div .MALPriest {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].armureLegendeListe[value=psion] ~ div .MALBarbarian, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=psion] ~ div .MALBard, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=psion] ~ div .MALDruid, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=psion] ~ div .MALPaladin, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=psion] ~ div .MALPriest, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=psion] ~ div .MALRanger, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=psion] ~ div .MALRogue, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=psion] ~ div .MALShaman, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=psion] ~ div .MALWarlock, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=psion] ~ div .MALWarmaster, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=psion] ~ div .MALWarrior, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=psion] ~ div .MALWizard {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].armureLegendeListe[value=psion] ~ div .MALPsion {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].armureLegendeListe[value=ranger] ~ div .MALBarbarian, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=ranger] ~ div .MALBard, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=ranger] ~ div .MALDruid, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=ranger] ~ div .MALPaladin, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=ranger] ~ div .MALPriest, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=ranger] ~ div .MALPsion, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=ranger] ~ div .MALRogue, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=ranger] ~ div .MALShaman, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=ranger] ~ div .MALWarlock, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=ranger] ~ div .MALWarmaster, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=ranger] ~ div .MALWarrior, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=ranger] ~ div .MALWizard {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].armureLegendeListe[value=ranger] ~ div .MALRanger {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].armureLegendeListe[value=rogue] ~ div .MALBarbarian, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=rogue] ~ div .MALBard, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=rogue] ~ div .MALDruid, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=rogue] ~ div .MALPaladin, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=rogue] ~ div .MALPriest, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=rogue] ~ div .MALPsion, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=rogue] ~ div .MALRanger, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=rogue] ~ div .MALShaman, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=rogue] ~ div .MALWarlock, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=rogue] ~ div .MALWarmaster, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=rogue] ~ div .MALWarrior, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=rogue] ~ div .MALWizard {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].armureLegendeListe[value=rogue] ~ div .MALRogue {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].armureLegendeListe[value=shaman] ~ div .MALBarbarian, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=shaman] ~ div .MALBard, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=shaman] ~ div .MALDruid, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=shaman] ~ div .MALPaladin, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=shaman] ~ div .MALPriest, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=shaman] ~ div .MALPsion, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=shaman] ~ div .MALRanger, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=shaman] ~ div .MALRogue, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=shaman] ~ div .MALWarlock, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=shaman] ~ div .MALWarmaster, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=shaman] ~ div .MALWarrior, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=shaman] ~ div .MALWizard {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].armureLegendeListe[value=shaman] ~ div .MALShaman {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].armureLegendeListe[value=warlock] ~ div .MALBarbarian, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=warlock] ~ div .MALBard, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=warlock] ~ div .MALDruid, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=warlock] ~ div .MALPaladin, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=warlock] ~ div .MALPriest, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=warlock] ~ div .MALPsion, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=warlock] ~ div .MALRanger, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=warlock] ~ div .MALRogue, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=warlock] ~ div .MALShaman, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=warlock] ~ div .MALWarlock, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=warlock] ~ div .MALWarmaster, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=warlock] ~ div .MALWarrior, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=warlock] ~ div .MALWizard {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].armureLegendeListe[value=warlock] ~ div .MALWarlock {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].armureLegendeListe[value=warmaster] ~ div .MALBarbarian, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=warmaster] ~ div .MALBard, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=warmaster] ~ div .MALDruid, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=warmaster] ~ div .MALPaladin, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=warmaster] ~ div .MALPriest, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=warmaster] ~ div .MALPsion, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=warmaster] ~ div .MALRanger, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=warmaster] ~ div .MALRogue, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=warmaster] ~ div .MALShaman, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=warmaster] ~ div .MALWarlock, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=warmaster] ~ div .MALWarrior, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=warmaster] ~ div .MALWizard {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].armureLegendeListe[value=warmaster] ~ div .MALWarmaster {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].armureLegendeListe[value=warrior] ~ div .MALBarbarian, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=warrior] ~ div .MALBard, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=warrior] ~ div .MALDruid, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=warrior] ~ div .MALPaladin, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=warrior] ~ div .MALPriest, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=warrior] ~ div .MALPsion, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=warrior] ~ div .MALRanger, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=warrior] ~ div .MALRogue, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=warrior] ~ div .MALShaman, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=warrior] ~ div .MALWarlock, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=warrior] ~ div .MALWarmaster, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=warrior] ~ div .MALWizard {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].armureLegendeListe[value=warrior] ~ div .MALWarrior {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].armureLegendeListe[value=wizard] ~ div .MALBarbarian, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=wizard] ~ div .MALBard, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=wizard] ~ div .MALDruid, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=wizard] ~ div .MALPaladin, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=wizard] ~ div .MALPriest, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=wizard] ~ div .MALPsion, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=wizard] ~ div .MALRanger, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=wizard] ~ div .MALRogue, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=wizard] ~ div .MALShaman, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=wizard] ~ div .MALWarlock, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=wizard] ~ div .MALWarmaster, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=wizard] ~ div .MALWarrior {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].armureLegendeListe[value=wizard] ~ div .MALWizard {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].tabEgide[value="0"] ~ div div.egide {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].tabResilience[value="0"] ~ div div.resilience {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].tabArmureLegende[value="0"] ~ div label.armureLegende {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].tabArmureLegende[value="0"] ~ div div.MAL {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].tabArmureLegende[value=druid] ~ div div.MALDruidCompanions {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].capacitesFanMade[value="0"] ~ div div.capacitesFanMade {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].phase2[value="0"] ~ div div.phase2 {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].phase2[value="1"] ~ div button[type=action].phase2 {
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].herauts[value="0"] ~ div div.herauts {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.topLeft {
|
|
display: flex;
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/knightLogo.png");
|
|
background-repeat: no-repeat;
|
|
background-size: auto;
|
|
background-position-y: calc(50% - 20px);
|
|
background-position-x: left;
|
|
width: calc(50% - 5px);
|
|
height: auto;
|
|
min-height: 115px;
|
|
}
|
|
div.charsheet > div.content div.topLeft button[type=roll].rollDice,
|
|
div.charsheet > div.content div.topLeft button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
}
|
|
div.charsheet > div.content div.topLeft button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.topLeft button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.topLeft button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.topLeft button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.topLeft div.affichage {
|
|
width: 100%;
|
|
margin-top: auto;
|
|
justify-content: space-between;
|
|
margin-bottom: 2px;
|
|
}
|
|
div.charsheet > div.content div.topLeft div.affichage div.defense,
|
|
div.charsheet > div.content div.topLeft div.affichage div.reaction,
|
|
div.charsheet > div.content div.topLeft div.affichage div.initiative {
|
|
display: flex;
|
|
width: calc(33.3333333333% - 20px);
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid black;
|
|
justify-content: space-between;
|
|
flex-wrap: nowrap;
|
|
}
|
|
div.charsheet > div.content div.topLeft div.affichage div.defense div.base,
|
|
div.charsheet > div.content div.topLeft div.affichage div.reaction div.base,
|
|
div.charsheet > div.content div.topLeft div.affichage div.initiative div.base {
|
|
display: flex;
|
|
width: calc(100% - 25px);
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.topLeft div.affichage div.defense div.modificateurs,
|
|
div.charsheet > div.content div.topLeft div.affichage div.reaction div.modificateurs,
|
|
div.charsheet > div.content div.topLeft div.affichage div.initiative div.modificateurs {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.topLeft div.affichage div.defense h1,
|
|
div.charsheet > div.content div.topLeft div.affichage div.reaction h1,
|
|
div.charsheet > div.content div.topLeft div.affichage div.initiative h1 {
|
|
width: max-content;
|
|
justify-content: center;
|
|
color: white;
|
|
background: transparent;
|
|
font-size: 14px;
|
|
line-height: 28px;
|
|
}
|
|
div.charsheet > div.content div.topLeft div.affichage div.defense span.score,
|
|
div.charsheet > div.content div.topLeft div.affichage div.reaction span.score,
|
|
div.charsheet > div.content div.topLeft div.affichage div.initiative span.score {
|
|
display: flex;
|
|
width: 26px;
|
|
justify-content: center;
|
|
background: RGB(213, 215, 237);
|
|
font-size: 14px;
|
|
line-height: 28px;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.topLeft div.affichage div.defense label.bOptions,
|
|
div.charsheet > div.content div.topLeft div.affichage div.reaction label.bOptions,
|
|
div.charsheet > div.content div.topLeft div.affichage div.initiative label.bOptions {
|
|
width: 15px;
|
|
height: 15px;
|
|
margin-left: -15px;
|
|
}
|
|
div.charsheet > div.content div.topLeft div.affichage div.defense label.bOptions input[type=checkbox],
|
|
div.charsheet > div.content div.topLeft div.affichage div.reaction label.bOptions input[type=checkbox],
|
|
div.charsheet > div.content div.topLeft div.affichage div.initiative label.bOptions input[type=checkbox] {
|
|
width: 15px;
|
|
height: 15px;
|
|
position: absolute;
|
|
opacity: 0;
|
|
z-index: 99;
|
|
}
|
|
div.charsheet > div.content div.topLeft div.affichage div.defense label.bOptions input[type=checkbox] ~ span,
|
|
div.charsheet > div.content div.topLeft div.affichage div.reaction label.bOptions input[type=checkbox] ~ span,
|
|
div.charsheet > div.content div.topLeft div.affichage div.initiative label.bOptions input[type=checkbox] ~ span {
|
|
width: 100%;
|
|
height: 15px;
|
|
}
|
|
div.charsheet > div.content div.topLeft div.affichage div.defense label.bOptions input[type=checkbox] ~ span::before,
|
|
div.charsheet > div.content div.topLeft div.affichage div.reaction label.bOptions input[type=checkbox] ~ span::before,
|
|
div.charsheet > div.content div.topLeft div.affichage div.initiative label.bOptions input[type=checkbox] ~ span::before {
|
|
display: flex;
|
|
width: 100%;
|
|
height: 15px;
|
|
font-family: pictos;
|
|
content: "y";
|
|
opacity: 0.5;
|
|
color: RGB(213, 215, 237);
|
|
font-size: 15px;
|
|
line-height: 15px;
|
|
}
|
|
div.charsheet > div.content div.topLeft div.affichage div.defense label.bOptions input[type=checkbox]:checked ~ span::before,
|
|
div.charsheet > div.content div.topLeft div.affichage div.reaction label.bOptions input[type=checkbox]:checked ~ span::before,
|
|
div.charsheet > div.content div.topLeft div.affichage div.initiative label.bOptions input[type=checkbox]:checked ~ span::before {
|
|
opacity: 1;
|
|
}
|
|
div.charsheet > div.content div.topLeft div.affichage div.defense div.Options,
|
|
div.charsheet > div.content div.topLeft div.affichage div.reaction div.Options,
|
|
div.charsheet > div.content div.topLeft div.affichage div.initiative div.Options {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.topLeft div.affichage div.defense input[type=hidden][value="1"] ~ div.Options,
|
|
div.charsheet > div.content div.topLeft div.affichage div.reaction input[type=hidden][value="1"] ~ div.Options,
|
|
div.charsheet > div.content div.topLeft div.affichage div.initiative input[type=hidden][value="1"] ~ div.Options {
|
|
display: flex;
|
|
height: min-content;
|
|
position: absolute;
|
|
width: 325px;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
border-right: 1px solid RGB(93, 111, 179);
|
|
position: absolute;
|
|
margin-top: 28px;
|
|
margin-left: -1px;
|
|
z-index: 100;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.topLeft div.affichage div.defense input[type=hidden][value="1"] ~ div.Options div,
|
|
div.charsheet > div.content div.topLeft div.affichage div.reaction input[type=hidden][value="1"] ~ div.Options div,
|
|
div.charsheet > div.content div.topLeft div.affichage div.initiative input[type=hidden][value="1"] ~ div.Options div {
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.topLeft div.affichage div.defense input[type=hidden][value="1"] ~ div.Options div span,
|
|
div.charsheet > div.content div.topLeft div.affichage div.reaction input[type=hidden][value="1"] ~ div.Options div span,
|
|
div.charsheet > div.content div.topLeft div.affichage div.initiative input[type=hidden][value="1"] ~ div.Options div span {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
font-size: 14px;
|
|
line-height: 28px;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.topLeft div.affichage div.defense input[type=hidden][value="1"] ~ div.Options div span.dice,
|
|
div.charsheet > div.content div.topLeft div.affichage div.reaction input[type=hidden][value="1"] ~ div.Options div span.dice,
|
|
div.charsheet > div.content div.topLeft div.affichage div.initiative input[type=hidden][value="1"] ~ div.Options div span.dice {
|
|
width: 33px;
|
|
}
|
|
div.charsheet > div.content div.topLeft div.affichage div.defense input[type=hidden][value="1"] ~ div.Options div span.signe,
|
|
div.charsheet > div.content div.topLeft div.affichage div.reaction input[type=hidden][value="1"] ~ div.Options div span.signe,
|
|
div.charsheet > div.content div.topLeft div.affichage div.initiative input[type=hidden][value="1"] ~ div.Options div span.signe {
|
|
width: 11px;
|
|
}
|
|
div.charsheet > div.content div.topLeft div.affichage div.defense input[type=hidden][value="1"] ~ div.Options div span.titleSimple,
|
|
div.charsheet > div.content div.topLeft div.affichage div.reaction input[type=hidden][value="1"] ~ div.Options div span.titleSimple,
|
|
div.charsheet > div.content div.topLeft div.affichage div.initiative input[type=hidden][value="1"] ~ div.Options div span.titleSimple {
|
|
width: calc(23.3333333333% - 11px);
|
|
}
|
|
div.charsheet > div.content div.topLeft div.affichage div.defense input[type=hidden][value="1"] ~ div.Options div span.titleDouble,
|
|
div.charsheet > div.content div.topLeft div.affichage div.reaction input[type=hidden][value="1"] ~ div.Options div span.titleDouble,
|
|
div.charsheet > div.content div.topLeft div.affichage div.initiative input[type=hidden][value="1"] ~ div.Options div span.titleDouble {
|
|
width: calc(23.3333333333% - 11px);
|
|
}
|
|
div.charsheet > div.content div.topLeft div.affichage div.defense input[type=hidden][value="1"] ~ div.Options div input[type=number],
|
|
div.charsheet > div.content div.topLeft div.affichage div.reaction input[type=hidden][value="1"] ~ div.Options div input[type=number],
|
|
div.charsheet > div.content div.topLeft div.affichage div.initiative input[type=hidden][value="1"] ~ div.Options div input[type=number] {
|
|
width: calc(23.3333333333% - 11px);
|
|
text-align: center;
|
|
padding: 0px;
|
|
height: 28px;
|
|
border: 0px;
|
|
}
|
|
div.charsheet > div.content div.topRight {
|
|
display: flex;
|
|
width: calc(50% - 5px);
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.topRight div.topLine {
|
|
margin-left: auto;
|
|
width: 200px;
|
|
}
|
|
div.charsheet > div.content div.topRight div.topLine label.selector {
|
|
position: relative;
|
|
width: 130px;
|
|
height: 22px;
|
|
margin-right: auto;
|
|
}
|
|
div.charsheet > div.content div.topRight div.topLine label.selector input[type=radio] {
|
|
display: none;
|
|
width: 100%;
|
|
height: 22px;
|
|
position: absolute;
|
|
z-index: 99;
|
|
opacity: 0;
|
|
}
|
|
div.charsheet > div.content div.topRight div.topLine label.selector span {
|
|
display: none;
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.topRight div.topLine label.selector span::before {
|
|
display: flex;
|
|
width: 100%;
|
|
content: attr(title);
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
justify-content: center;
|
|
line-height: 20px;
|
|
}
|
|
div.charsheet > div.content div.topRight div.topLine label.selector input[type=hidden][value="0"] ~ .fichePJ, div.charsheet > div.content div.topRight div.topLine label.selector input[type=hidden][value="1"] ~ .fichePNJ, div.charsheet > div.content div.topRight div.topLine label.selector input[type=hidden][value="2"] ~ .ficheCreature, div.charsheet > div.content div.topRight div.topLine label.selector input[type=hidden][value="3"] ~ .ficheBande, div.charsheet > div.content div.topRight div.topLine label.selector input[type=hidden][value="4"] ~ .ficheVehicule {
|
|
display: block;
|
|
}
|
|
div.charsheet > div.content div.topRight div.topLine div.settings {
|
|
position: absolute;
|
|
width: 200px;
|
|
min-width: 200px;
|
|
height: 23px;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.topRight div.topLine div.settings label.config {
|
|
position: absolute;
|
|
width: 23px;
|
|
height: 23px;
|
|
right: 0;
|
|
}
|
|
div.charsheet > div.content div.topRight div.topLine div.settings label.config span {
|
|
width: 23px;
|
|
height: 23px;
|
|
}
|
|
div.charsheet > div.content div.topRight div.topLine div.settings label.config span::before {
|
|
content: "y";
|
|
color: RGB(93, 111, 179);
|
|
font-family: "pictos";
|
|
font-variant: initial;
|
|
font-size: 26px;
|
|
line-height: 23px;
|
|
height: 23px;
|
|
width: 23px;
|
|
display: block;
|
|
text-align: center;
|
|
opacity: 0.5;
|
|
}
|
|
div.charsheet > div.content div.topRight div.topLine div.settings label.config input[type=checkbox] {
|
|
position: absolute;
|
|
width: 23px;
|
|
height: 23px;
|
|
opacity: 0;
|
|
z-index: 999;
|
|
}
|
|
div.charsheet > div.content div.topRight div.topLine div.settings label.config input[type=checkbox]:checked ~ span::before {
|
|
opacity: 1;
|
|
}
|
|
div.charsheet > div.content div.topRight div.topLine div.settings input[type=hidden][value="1"] ~ div.config {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.topRight div.topLine div.settings div.config {
|
|
display: none;
|
|
position: absolute;
|
|
justify-content: space-between;
|
|
flex-wrap: wrap;
|
|
width: 400px;
|
|
padding: 5px;
|
|
background: RGB(213, 215, 237);
|
|
border: 1px solid black;
|
|
border-radius: 5px;
|
|
right: 0px;
|
|
z-index: 9999;
|
|
margin-right: 13px;
|
|
margin-top: 13px;
|
|
}
|
|
div.charsheet > div.content div.topRight div.topLine div.settings div.config div {
|
|
flex-grow: 1;
|
|
align-items: center;
|
|
padding: 2px;
|
|
font-size: 10px;
|
|
min-height: 24px;
|
|
line-height: 20px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.topRight div.topLine div.settings div.config div label {
|
|
display: flex;
|
|
margin: 0;
|
|
padding: 0;
|
|
width: auto;
|
|
font: inherit;
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.topRight div.topLine div.settings div.config div label span {
|
|
font: inherit;
|
|
}
|
|
div.charsheet > div.content div.topRight div.topLine div.settings div.config div label select {
|
|
min-width: 80px;
|
|
width: auto;
|
|
margin: 0 0 0 0;
|
|
padding: 0;
|
|
height: 20px;
|
|
}
|
|
div.charsheet > div.content div.topRight div.topLine div.settings div.config div label input[type=checkbox] {
|
|
margin-right: 5px;
|
|
width: 20px;
|
|
height: 20px;
|
|
}
|
|
div.charsheet > div.content div.topRight div.topLine div.settings div.config div label.plainText span {
|
|
width: 100%;
|
|
font-weight: bold;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.topRight div.topLine div.settings div.config div label.plainText span:nth-of-type(2) {
|
|
font-variant: small-caps;
|
|
}
|
|
div.charsheet > div.content div.topRight div.topLine div.settings div.config div label.plainText textarea {
|
|
height: 50px;
|
|
border-top: 1px solid black;
|
|
border-left: 1px solid black;
|
|
border-right: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.topRight div.topLine div.settings div.config div label.plainText button[type=action] {
|
|
width: 100%;
|
|
padding: 0px;
|
|
justify-content: center;
|
|
font-variant: small-caps;
|
|
border: 1px solid black;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.topRight div.topLine div.settings div.config div.full {
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.topRight div.topLine div.settings div.config div.half {
|
|
width: calc(50% - 4px);
|
|
}
|
|
div.charsheet > div.content div.topRight div.topLine div.settings div.config div.textarea {
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.topRight div.topLine div.settings div.config div.textarea label {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.topRight div.topLine div.settings div.config div.textarea label span {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.topRight div.topLine div.settings div.config div.textarea label span:first-of-type {
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.topRight div.topLine div.settings div.config div.textarea label span:last-of-type {
|
|
font-weight: normal;
|
|
font-variant: small-caps;
|
|
}
|
|
div.charsheet > div.content div.topRight div.topLine div.settings div.config div.textarea label textarea {
|
|
height: 50px;
|
|
border-top: 1px solid black;
|
|
border-right: 1px solid black;
|
|
border-left: 1px solid black;
|
|
border-bottom: 0px;
|
|
}
|
|
div.charsheet > div.content div.topRight div.topLine div.settings div.config div.textarea button[type=action] {
|
|
width: 100%;
|
|
padding: 0px;
|
|
justify-content: center;
|
|
font-variant: small-caps;
|
|
border: 1px solid black;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.topRight div.topLine div.settings div.config div.armorCustom {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.topRight div.topLine div.settings div.config div.armorCustom input {
|
|
padding: 0px;
|
|
width: 100%;
|
|
padding-left: 5px;
|
|
border: 0px;
|
|
background: white;
|
|
}
|
|
div.charsheet > div.content div.topRight div.topLine div.settings div.config input[type=hidden].armorCustom[value=personnalise] ~ div.armorCustom {
|
|
display: block;
|
|
}
|
|
div.charsheet > div.content div.topRight div.menu {
|
|
display: flex;
|
|
width: 100%;
|
|
min-width: 127px;
|
|
flex-wrap: wrap;
|
|
margin-top: 10px;
|
|
justify-content: flex-end;
|
|
align-items: flex-end;
|
|
align-content: flex-end;
|
|
}
|
|
div.charsheet > div.content div.topRight div.menu button[type=action] {
|
|
padding: 0px;
|
|
width: 126px;
|
|
height: 26px;
|
|
margin-left: 4px;
|
|
margin-bottom: 2px;
|
|
justify-content: center;
|
|
height: 24px;
|
|
line-height: 24px;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
}
|
|
div.charsheet > div.content div.topRight div.menu input[type=hidden].heroisme[value="1"] ~ div button[type=action].heroisme, div.charsheet > div.content div.topRight div.menu input[type=hidden].heroisme[value="2"] ~ div button[type=action].heroisme {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.topRight div.menu input[type=hidden].ia[value="1"] ~ div button[type=action].ia {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.topRight div.menu input[type=hidden].ia-incarnee[value="1"] ~ div button[type=action].ia-incarnee {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.topRight div.menu input[type=hidden].vehicule[value="1"] ~ div button[type=action].vehicule {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.topRight div.menu input[type=hidden].art[value="1"] ~ div button[type=action].art {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.topRight div.menu input[type=hidden].modulePNJ[value="1"] ~ div button[type=action].modulePNJ {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.topRight div.menu input[type=hidden].mechaArmures[value="1"] ~ div button[type=action].mechaArmures {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.topRight div.menu button[type=action].heroisme, div.charsheet > div.content div.topRight div.menu button[type=action].ia, div.charsheet > div.content div.topRight div.menu button[type=action].ia-incarnee, div.charsheet > div.content div.topRight div.menu button[type=action].vehicule, div.charsheet > div.content div.topRight div.menu button[type=action].art, div.charsheet > div.content div.topRight div.menu button[type=action].modulePNJ, div.charsheet > div.content div.topRight div.menu button[type=action].mechaArmures {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.topRight div.menu > div {
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
justify-content: flex-end;
|
|
align-items: flex-end;
|
|
align-content: flex-end;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].popup[value="1"] ~ div.popup {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].popup[value="1"] ~ div.popup div.popupChoixArmure {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].popup[value="1"] ~ div.topLeft, div.charsheet > div.content input[type=hidden].popup[value="1"] ~ div.topRight, div.charsheet > div.content input[type=hidden].popup[value="1"] ~ div.tab {
|
|
opacity: 0.5;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].popup[value="2"] ~ div.popup {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].popup[value="2"] ~ div.popup div.popupResilience {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].popup[value="2"] ~ div.topLeft, div.charsheet > div.content input[type=hidden].popup[value="2"] ~ div.topRight, div.charsheet > div.content input[type=hidden].popup[value="2"] ~ div.tab {
|
|
opacity: 0.5;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].popup[value="3"] ~ div.popup {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].popup[value="3"] ~ div.popup div.popupWarrior {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].popup[value="3"] ~ div.topLeft, div.charsheet > div.content input[type=hidden].popup[value="3"] ~ div.topRight, div.charsheet > div.content input[type=hidden].popup[value="3"] ~ div.tab {
|
|
opacity: 0.5;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].popup[value="4"] ~ div.popup {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].popup[value="4"] ~ div.popup div.popupPriest {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].popup[value="4"] ~ div.topLeft, div.charsheet > div.content input[type=hidden].popup[value="4"] ~ div.topRight, div.charsheet > div.content input[type=hidden].popup[value="4"] ~ div.tab {
|
|
opacity: 0.5;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].popup[value="5"] ~ div.popup {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].popup[value="5"] ~ div.popup div.popupWarmaster {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].popup[value="5"] ~ div.topLeft, div.charsheet > div.content input[type=hidden].popup[value="5"] ~ div.topRight, div.charsheet > div.content input[type=hidden].popup[value="5"] ~ div.tab {
|
|
opacity: 0.5;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].popup[value="6"] ~ div.popup {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].popup[value="6"] ~ div.popup div.popupPsion {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].popup[value="6"] ~ div.topLeft, div.charsheet > div.content input[type=hidden].popup[value="6"] ~ div.topRight, div.charsheet > div.content input[type=hidden].popup[value="6"] ~ div.tab {
|
|
opacity: 0.5;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].popup[value="7"] ~ div.popup {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].popup[value="7"] ~ div.popup div.popupWarlock {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].popup[value="7"] ~ div.topLeft, div.charsheet > div.content input[type=hidden].popup[value="7"] ~ div.topRight, div.charsheet > div.content input[type=hidden].popup[value="7"] ~ div.tab {
|
|
opacity: 0.5;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].popup[value="8"] ~ div.popup {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].popup[value="8"] ~ div.popup div.popupDruid {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].popup[value="8"] ~ div.topLeft, div.charsheet > div.content input[type=hidden].popup[value="8"] ~ div.topRight, div.charsheet > div.content input[type=hidden].popup[value="8"] ~ div.tab {
|
|
opacity: 0.5;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].popup[value="9"] ~ div.popup {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].popup[value="9"] ~ div.popup div.popupWarmasterWarlord {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content input[type=hidden].popup[value="9"] ~ div.topLeft, div.charsheet > div.content input[type=hidden].popup[value="9"] ~ div.topRight, div.charsheet > div.content input[type=hidden].popup[value="9"] ~ div.tab {
|
|
opacity: 0.5;
|
|
}
|
|
div.charsheet > div.content div.popup {
|
|
display: none;
|
|
position: absolute;
|
|
width: 100%;
|
|
min-width: 852px;
|
|
height: 100%;
|
|
z-index: 999;
|
|
}
|
|
div.charsheet > div.content div.popup div {
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
display: none;
|
|
position: absolute;
|
|
width: 200px;
|
|
height: 130px;
|
|
border: 1px solid black;
|
|
left: calc(50% - 110px);
|
|
top: calc(50% - 100px);
|
|
background: RGB(93, 111, 179);
|
|
z-index: 99;
|
|
flex-wrap: wrap;
|
|
padding: 20px;
|
|
border-radius: 30px;
|
|
align-content: center;
|
|
}
|
|
div.charsheet > div.content div.popup div h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.popup div div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.popup div h1 {
|
|
display: flex;
|
|
border-top: 1px solid RGB(213, 215, 237);
|
|
border-right: 1px solid RGB(213, 215, 237);
|
|
border-left: 1px solid RGB(213, 215, 237);
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.popup div select {
|
|
width: 100%;
|
|
text-align: center;
|
|
border: 0px;
|
|
}
|
|
div.charsheet > div.content div.popup div select:not(:first-of-type) {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.popup div input.personnalise {
|
|
display: none;
|
|
padding: 0px;
|
|
width: 100%;
|
|
border: 0px;
|
|
background: white;
|
|
text-align: center;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.popup div input.armorCustom[value=personnalise] ~ input.personnalise {
|
|
display: block;
|
|
}
|
|
div.charsheet > div.content div.popup div span {
|
|
word-break: break-word;
|
|
text-align: justify;
|
|
font-size: 12px;
|
|
font-variant: small-caps;
|
|
color: white;
|
|
border-left: 1px solid RGB(213, 215, 237);
|
|
border-right: 1px solid RGB(213, 215, 237);
|
|
padding: 2px;
|
|
}
|
|
div.charsheet > div.content div.popup div button[type=action] {
|
|
width: 100%;
|
|
height: 23px;
|
|
color: black;
|
|
padding: 0px;
|
|
justify-content: center;
|
|
align-items: center;
|
|
background: RGB(213, 215, 237);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
font-size: 12px;
|
|
font-variant: small-caps;
|
|
font-weight: bold;
|
|
margin-top: auto;
|
|
margin-bottom: auto;
|
|
border-right: 1px solid RGB(213, 215, 237);
|
|
border-left: 1px solid RGB(213, 215, 237);
|
|
border-bottom: 1px solid RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.popup div button[type=action]:hover {
|
|
box-shadow: inset 1px 1px 2px 2px black;
|
|
}
|
|
div.charsheet > div.content div.tabDossier {
|
|
justify-content: space-between;
|
|
align-items: flex-start;
|
|
align-content: flex-start;
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.col {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: flex-start;
|
|
align-content: flex-start;
|
|
width: calc(50% - 5px);
|
|
flex-wrap: wrap;
|
|
position: relative;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.identite {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- label
|
|
- width : Width du label
|
|
- height : height du label
|
|
|
|
- span
|
|
- color : La color
|
|
- background : Le background
|
|
- border : S'il y a une bordure (true/false)
|
|
- width : Width du span
|
|
- height : height du height
|
|
|
|
- shadow : s'il y a une ombre (true/false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.identite h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.identite div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.identite div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.identite div.titre button[type=action].rollSpecial {
|
|
width: 98px;
|
|
height: 23px;
|
|
color: black;
|
|
padding: 0px;
|
|
margin-top: auto;
|
|
margin-right: 0px;
|
|
margin-bottom: auto;
|
|
margin-left: auto;
|
|
justify-content: center;
|
|
align-items: center;
|
|
background: RGB(213, 215, 237);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
font-size: 12px;
|
|
font-variant: small-caps;
|
|
font-weight: bold;
|
|
z-index: 50;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.identite div.titre button[type=action].rollSpecial::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.identite div.titre button[type=action].rollSpecial:hover {
|
|
box-shadow: inset 1px 1px 2px 2px black;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.identite label.fakeButton {
|
|
position: relative;
|
|
width: 140px;
|
|
height: 22px;
|
|
font-size: 14px;
|
|
align-self: center;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.identite label.fakeButton input[type=checkbox],
|
|
div.charsheet > div.content div.tabDossier div.identite label.fakeButton input[type=radio] {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 22px;
|
|
opacity: 0;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.identite label.fakeButton span {
|
|
display: flex;
|
|
height: 20px;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.identite label.fakeButton span::before {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 20px;
|
|
content: attr(title);
|
|
border: 1px solid black;
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.identite > label {
|
|
flex-wrap: nowrap;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
align-content: center;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
font-size: 14px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.identite > label span {
|
|
display: inline-block;
|
|
width: calc(50% - 2px);
|
|
line-height: 28px;
|
|
padding-left: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.identite > label input[type=text],
|
|
div.charsheet > div.content div.tabDossier div.identite > label select {
|
|
display: inline-block;
|
|
width: 50%;
|
|
border: 0px;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.identite div.button {
|
|
flex-wrap: nowrap;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
align-content: center;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.identite div.button div {
|
|
width: 75%;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.identite div.button div > span {
|
|
display: flex;
|
|
width: max-content;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
padding-left: 2px;
|
|
margin-right: 5px;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.identite div.button div label.fakeButton {
|
|
font-size: 12px;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.identite div.button div label.fakeButton span:last-of-type {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.identite div.button div label.fakeButton input[type=checkbox]:checked ~ span:first-of-type {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.identite div.button div label.fakeButton input[type=checkbox]:checked ~ span:last-of-type {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.identite div.button div label.fakeButton input[type=checkbox]:checked ~ span:last-of-type::before {
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.identite div.button input[type=number] {
|
|
display: inline-block;
|
|
width: 25%;
|
|
border: 0px;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
height: 28px;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.identite .repeating {
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.identite .repeating .repcontainer {
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.identite .repeating .repcontainer .repitem {
|
|
width: 100%;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.identite .repeating .repcontrol {
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.identite .armurePorte {
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].choixArmure[value=choix] ~ button[type=action].choix, div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].choixArmure[value=barbarian] ~ button[type=action].barbarian, div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].choixArmure[value=bard] ~ button[type=action].bard, div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].choixArmure[value=berserk] ~ button[type=action].berserk, div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].choixArmure[value=druid] ~ button[type=action].druid, div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].choixArmure[value=monk] ~ button[type=action].monk, div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].choixArmure[value=necromancer] ~ button[type=action].necromancer, div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].choixArmure[value=paladin] ~ button[type=action].paladin, div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].choixArmure[value=priest] ~ button[type=action].priest, div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].choixArmure[value=psion] ~ button[type=action].psion, div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].choixArmure[value=ranger] ~ button[type=action].ranger, div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].choixArmure[value=rogue] ~ button[type=action].rogue, div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].choixArmure[value=shaman] ~ button[type=action].shaman, div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].choixArmure[value=sorcerer] ~ button[type=action].sorcerer, div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].choixArmure[value=warlock] ~ button[type=action].warlock, div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].choixArmure[value=warmaster] ~ button[type=action].warmaster, div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].choixArmure[value=warrior] ~ button[type=action].warrior, div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].choixArmure[value=wizard] ~ button[type=action].wizard, div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].choixArmure[value=personnalise] ~ button[type=action].personnalise {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].porte[value=sans] ~ button[type=action].sans, div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].porte[value=guardian] ~ button[type=action].guardian, div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].porte[value=barbarian] ~ button[type=action].barbarian, div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].porte[value=bard] ~ button[type=action].bard, div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].porte[value=berserk] ~ button[type=action].berserk, div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].porte[value=druid] ~ button[type=action].druid, div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].porte[value=monk] ~ button[type=action].monk, div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].porte[value=necromancer] ~ button[type=action].necromancer, div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].porte[value=paladin] ~ button[type=action].paladin, div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].porte[value=priest] ~ button[type=action].priest, div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].porte[value=psion] ~ button[type=action].psion, div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].porte[value=ranger] ~ button[type=action].ranger, div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].porte[value=rogue] ~ button[type=action].rogue, div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].porte[value=shaman] ~ button[type=action].shaman, div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].porte[value=sorcerer] ~ button[type=action].sorcerer, div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].porte[value=warlock] ~ button[type=action].warlock, div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].porte[value=warmaster] ~ button[type=action].warmaster, div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].porte[value=warrior] ~ button[type=action].warrior, div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].porte[value=wizard] ~ button[type=action].wizard, div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].porte[value=personnalise] ~ button[type=action].personnalise {
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
border: 2px solid RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.identite .armurePorte button[type=action] {
|
|
height: 28px;
|
|
color: black;
|
|
padding: 0px;
|
|
margin-right: 2px;
|
|
margin-left: 2px;
|
|
justify-content: center;
|
|
align-items: center;
|
|
background: RGB(213, 215, 237);
|
|
border: 2px solid RGB(93, 111, 179);
|
|
font-size: 14px;
|
|
font-variant: small-caps;
|
|
font-weight: bold;
|
|
z-index: 50;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.identite .armurePorte button[type=action].principalA {
|
|
display: none;
|
|
width: calc(100% - 15px);
|
|
margin-bottom: 2px;
|
|
margin-top: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.identite .armurePorte button[type=action].principalB {
|
|
display: none;
|
|
width: calc(33.3333333333% - 15px);
|
|
margin-top: 2px;
|
|
margin-bottom: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.identite .armurePorte button[type=action].secondaire {
|
|
display: flex;
|
|
width: calc(33.3333333333% - 15px);
|
|
margin-top: 2px;
|
|
margin-bottom: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.identite .armurePorte button[type=action]:hover {
|
|
box-shadow: inset 1px 1px 2px 2px black;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].choixArmure[value=necromancer] ~ button[type=action].secondaire, div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].choixArmure[value=sorcerer] ~ button[type=action].secondaire {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.jet {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.jet h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.jet div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.jet div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.jet div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabDossier div.jet div.titre button[type=action].bonusCaracL2 {
|
|
width: 26px;
|
|
height: 26px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.jet div.titre button[type=action].bonusCaracL2 {
|
|
margin-right: auto;
|
|
margin-left: 3px;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.jet button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabDossier div.jet button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.jet button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabDossier div.jet button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.jet button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabDossier div.jet button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.jet select {
|
|
border: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.jet label {
|
|
display: flex;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
font-size: 14px;
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.jet label span {
|
|
width: calc(50% - 2px);
|
|
line-height: 28px;
|
|
padding-left: 2px;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.jet label input[type=number] {
|
|
width: 50%;
|
|
height: 28px;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
text-align: center;
|
|
border-top: 0px;
|
|
border-right: 0px;
|
|
border-bottom: 0px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.jet div.rollPJ {
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
font-size: 14px;
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.jet div.rollPJ select {
|
|
width: 50%;
|
|
padding: 0px;
|
|
height: 28px;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.jet div.rollPJ select:last-of-type {
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.jet div.rollPNJ {
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.jet div.rollPNJ select {
|
|
width: 100%;
|
|
padding: 0px;
|
|
height: 28px;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.jet div.bonusCarac {
|
|
display: none;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.jet div.bonusCarac select {
|
|
display: none;
|
|
padding: 0px;
|
|
height: 28px;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.jet input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1 {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.jet input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.jet input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac select:first-of-type {
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.jet input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabDossier div.jet input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2 {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.jet input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.jet input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:first-of-type {
|
|
display: inline-block;
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.jet input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:last-of-type {
|
|
display: inline-block;
|
|
width: 50%;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.dataArmure {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.dataArmure h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.dataArmure div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.dataArmure div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.dataArmure div.titre button[type=action].actionSpecial {
|
|
width: 98px;
|
|
height: 23px;
|
|
color: black;
|
|
padding: 0px;
|
|
margin-top: auto;
|
|
margin-right: 0px;
|
|
margin-bottom: auto;
|
|
margin-left: auto;
|
|
justify-content: center;
|
|
align-items: center;
|
|
background: RGB(213, 215, 237);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
font-size: 12px;
|
|
font-variant: small-caps;
|
|
font-weight: bold;
|
|
z-index: 50;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.dataArmure div.titre button[type=action].actionSpecial::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.dataArmure div.titre button[type=action].actionSpecial:hover {
|
|
box-shadow: inset 1px 1px 2px 2px black;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.dataArmure input[type=number] {
|
|
width: 100%;
|
|
border: 0px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.dataArmure h1.titre span {
|
|
text-transform: capitalize;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.dataArmure div.ligneTitre {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.dataArmure div.ligneTitre span {
|
|
display: flex;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.dataArmure div.ligneTitre span:first-of-type {
|
|
padding-left: 2px;
|
|
width: calc(31% - 2px);
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.dataArmure div.ligneTitre span:not(:first-of-type) {
|
|
width: calc(23% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.dataArmure div.ligne3 {
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.dataArmure div.ligne3 span {
|
|
display: flex;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
padding-left: 2px;
|
|
width: calc(31% - 2px);
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.dataArmure div.ligne3 div {
|
|
width: calc(23% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.dataArmure div.ligne1 {
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.dataArmure div.ligne1 span {
|
|
display: flex;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
padding-left: 2px;
|
|
width: calc(31% - 2px);
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.dataArmure div.ligne1 div {
|
|
width: 23%;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.dataArmure div.ligne1 div:nth-of-type(1), div.charsheet > div.content div.tabDossier div.dataArmure div.ligne1 div:nth-of-type(2) {
|
|
width: calc(23% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.physiqueMental {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.physiqueMental h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.physiqueMental div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.physiqueMental input[type=number] {
|
|
width: 100%;
|
|
border: 0px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.physiqueMental div.ligneTitre {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.physiqueMental div.ligneTitre span {
|
|
display: flex;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.physiqueMental div.ligneTitre span:first-of-type {
|
|
padding-left: 2px;
|
|
width: calc(31% - 2px);
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.physiqueMental div.ligneTitre span:not(:first-of-type) {
|
|
width: calc(23% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.physiqueMental div.ligne3 {
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.physiqueMental div.ligne3 span {
|
|
display: flex;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
padding-left: 2px;
|
|
width: calc(31% - 2px);
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.physiqueMental div.ligne3 div {
|
|
width: calc(23% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.egide {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.egide h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.egide div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.egide div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.egide button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabDossier div.egide button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.egide button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabDossier div.egide button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.egide button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabDossier div.egide button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.egide input[type=number] {
|
|
width: 100%;
|
|
border: 0px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.egide div.ligneTitre {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.egide div.ligneTitre span {
|
|
display: flex;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.egide div.ligneTitre span:first-of-type {
|
|
width: 33.3333333333%;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.egide div.ligneTitre span:not(:first-of-type) {
|
|
width: calc(33.3333333333% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.egide div.ligne3 {
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.egide div.ligne3 span {
|
|
display: flex;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
padding-left: 2px;
|
|
width: calc(31% - 2px);
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.egide div.ligne3 div:first-of-type {
|
|
width: 33.3333333333%;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.egide div.ligne3 div:not(:first-of-type) {
|
|
width: calc(33.3333333333% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.PES {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.PES h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.PES div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.PES input[type=number] {
|
|
width: 100%;
|
|
border: 0px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.PES div.ligneTitre {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.PES div.ligneTitre span {
|
|
display: flex;
|
|
width: 33.3333333333%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.PES div.ligneTitre span:not(:first-of-type) {
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.PES div.ligne2 {
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.PES div.ligne2 span {
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
width: calc(33.3333333333% - 2px);
|
|
padding-left: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.PES div.ligne2 div {
|
|
width: 33.3333333333%;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.PES div.resilience {
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.PES div.resilience div span {
|
|
display: flex;
|
|
width: calc(100% - 70px);
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.PES div.resilience div:first-of-type {
|
|
width: calc(33.3333333333% - 2px);
|
|
padding-left: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.PES div.resilience div:first-of-type button[type=action] {
|
|
width: 68px;
|
|
height: 26px;
|
|
padding: 0px;
|
|
justify-content: center;
|
|
align-items: center;
|
|
background: RGB(93, 111, 179);
|
|
border: 1px solid RGB(213, 215, 237);
|
|
font-size: 12px;
|
|
font-variant: small-caps;
|
|
font-weight: bold;
|
|
margin-top: auto;
|
|
margin-bottom: auto;
|
|
margin-left: auto;
|
|
color: white;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.PES div.resilience div:first-of-type button[type=action]:hover {
|
|
box-shadow: inset 1px 1px 2px 2px black;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.PES div.resilience div:not(:first-of-type) {
|
|
width: 33.3333333333%;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.debordement {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.debordement h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.debordement div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.debordement div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.debordement button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabDossier div.debordement button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.debordement button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabDossier div.debordement button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.debordement button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabDossier div.debordement button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.debordement input[type=number] {
|
|
width: 100%;
|
|
border: 0px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.debordement div.ligneTitre {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.debordement div.ligneTitre span {
|
|
display: flex;
|
|
width: 50%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.debordement div.ligneTitre span:not(:first-of-type) {
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.debordement div.ligne2 {
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.debordement div.ligne2 span {
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
width: 50%;
|
|
padding-left: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.debordement div.ligne2 div {
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.debordement div.ligne2 div:not(:first-of-type) {
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.stats {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.stats h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.stats div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.stats h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.stats div.ligne {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.stats div.ligne div.fichePJ {
|
|
width: 60%;
|
|
flex-wrap: wrap;
|
|
border-right: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.stats div.ligne div.fichePJ div {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.stats div.ligne div.fichePJ div label {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.stats div.ligne div.fichePJ div label span {
|
|
display: flex;
|
|
width: calc(100% - 52px);
|
|
font-size: 14px;
|
|
padding-left: 2px;
|
|
line-height: 28px;
|
|
align-items: center;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.stats div.ligne div.fichePJ div label input[type=number] {
|
|
width: 50px;
|
|
text-align: center;
|
|
padding: 0px;
|
|
height: 28px;
|
|
border: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.stats div.ligne div.fichePJ div label:first-of-type {
|
|
width: 60%;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.stats div.ligne div.fichePJ div label:not(:first-of-type) {
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
width: 40%;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.stats div.ligne div.fichePJ div:not(:first-of-type) {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.stats div.ligne div.fichePNJ {
|
|
width: 60%;
|
|
flex-wrap: wrap;
|
|
border-right: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.stats div.ligne div.fichePNJ span {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-weight: bold;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.stats div.ligne div.fichePNJ select {
|
|
width: 100%;
|
|
height: 29px;
|
|
text-align: center;
|
|
border-bottom: 0px;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
padding: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.stats input[type=number].aspect {
|
|
width: 40%;
|
|
text-align: center;
|
|
padding: 0px;
|
|
border: 0px;
|
|
height: 87px;
|
|
font-size: 48px;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.stats div.autoex {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.ptsFaibles {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.ptsFaibles h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.ptsFaibles div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabDossier div.col > div:not(:first-of-type) {
|
|
margin-top: 10px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure {
|
|
justify-content: space-between;
|
|
align-items: flex-start;
|
|
align-content: flex-start;
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.col {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: flex-start;
|
|
align-content: flex-start;
|
|
width: calc(50% - 5px);
|
|
flex-wrap: wrap;
|
|
position: relative;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.dataArmure {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.dataArmure h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.dataArmure div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.dataArmure div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.dataArmure div.titre button[type=action].actionSpecial {
|
|
width: 98px;
|
|
height: 23px;
|
|
color: black;
|
|
padding: 0px;
|
|
margin-top: auto;
|
|
margin-right: 0px;
|
|
margin-bottom: auto;
|
|
margin-left: auto;
|
|
justify-content: center;
|
|
align-items: center;
|
|
background: RGB(213, 215, 237);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
font-size: 12px;
|
|
font-variant: small-caps;
|
|
font-weight: bold;
|
|
z-index: 50;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.dataArmure div.titre button[type=action].actionSpecial::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.dataArmure div.titre button[type=action].actionSpecial:hover {
|
|
box-shadow: inset 1px 1px 2px 2px black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.dataArmure div.titre,
|
|
div.charsheet > div.content div.tabArmure div.dataArmure h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.dataArmure h1.titre {
|
|
text-transform: capitalize;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.dataArmure input[type=number] {
|
|
width: 100%;
|
|
border: 0px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.dataArmure div.ligneTitre {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.dataArmure div.ligneTitre span {
|
|
display: flex;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.dataArmure div.ligneTitre span:first-of-type {
|
|
padding-left: 2px;
|
|
width: calc(31% - 2px);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.dataArmure div.ligneTitre span:not(:first-of-type) {
|
|
width: calc(23% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.dataArmure div.ligne3 {
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.dataArmure div.ligne3 span {
|
|
display: flex;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
padding-left: 2px;
|
|
width: calc(31% - 2px);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.dataArmure div.ligne3 div {
|
|
width: calc(23% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.dataArmure div.ligne1 {
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.dataArmure div.ligne1 span {
|
|
display: flex;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
padding-left: 2px;
|
|
width: calc(31% - 2px);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.dataArmure div.ligne1 div {
|
|
width: 23%;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.dataArmure div.ligne1 div:nth-of-type(1), div.charsheet > div.content div.tabArmure div.dataArmure div.ligne1 div:nth-of-type(2) {
|
|
width: calc(23% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.sorcererPE {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(213, 215, 237);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
background: RGB(213, 215, 237);
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.sorcererPE button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabArmure div.sorcererPE button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.sorcererPE button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabArmure div.sorcererPE button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.sorcererPE button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabArmure div.sorcererPE button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.sorcererPE h1 {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.sorcererPE h1 {
|
|
position: absolute;
|
|
width: calc(100% - 2px);
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: black;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: left;
|
|
font-size: 14px;
|
|
padding-left: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.sorcererPE select {
|
|
position: absolute;
|
|
width: calc(50% - 28px);
|
|
text-align: center;
|
|
border-top: 0px;
|
|
border-bottom: 0px;
|
|
border-right: 0px;
|
|
padding: 0px;
|
|
right: 29px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.physiqueMental {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.physiqueMental h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.physiqueMental div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.physiqueMental h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.physiqueMental input[type=number] {
|
|
width: 100%;
|
|
border: 0px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.physiqueMental div.ligneTitre {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.physiqueMental div.ligneTitre span {
|
|
display: flex;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.physiqueMental div.ligneTitre span:first-of-type {
|
|
padding-left: 2px;
|
|
width: calc(31% - 2px);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.physiqueMental div.ligneTitre span:not(:first-of-type) {
|
|
width: calc(23% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.physiqueMental div.ligne3 {
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.physiqueMental div.ligne3 span {
|
|
display: flex;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
padding-left: 2px;
|
|
width: calc(31% - 2px);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.physiqueMental div.ligne3 div {
|
|
width: calc(23% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.egide {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.egide h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.egide div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.egide div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.egide button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabArmure div.egide button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.egide button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabArmure div.egide button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.egide button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabArmure div.egide button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.egide div.titre,
|
|
div.charsheet > div.content div.tabArmure div.egide h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.egide input[type=number] {
|
|
width: 100%;
|
|
border: 0px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.egide div.ligneTitre {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.egide div.ligneTitre span {
|
|
display: flex;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.egide div.ligneTitre span:first-of-type {
|
|
width: 33.3333333333%;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.egide div.ligneTitre span:not(:first-of-type) {
|
|
width: calc(33.3333333333% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.egide div.ligne3 {
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.egide div.ligne3 span {
|
|
display: flex;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
padding-left: 2px;
|
|
width: calc(31% - 2px);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.egide div.ligne3 div:first-of-type {
|
|
width: 33.3333333333%;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.egide div.ligne3 div:not(:first-of-type) {
|
|
width: calc(33.3333333333% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.evolution {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- label
|
|
- width : Width du label
|
|
- height : height du label
|
|
|
|
- span
|
|
- color : La color
|
|
- background : Le background
|
|
- border : S'il y a une bordure (true/false)
|
|
- width : Width du span
|
|
- height : height du height
|
|
|
|
- shadow : s'il y a une ombre (true/false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.evolution h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.evolution div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.evolution label.fakeButton {
|
|
position: relative;
|
|
width: 100px;
|
|
height: 21px;
|
|
font-size: 14px;
|
|
align-self: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.evolution label.fakeButton input[type=checkbox],
|
|
div.charsheet > div.content div.tabArmure div.evolution label.fakeButton input[type=radio] {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 21px;
|
|
opacity: 0;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.evolution label.fakeButton input[type=checkbox]:checked ~ span::before,
|
|
div.charsheet > div.content div.tabArmure div.evolution label.fakeButton input[type=radio]:checked ~ span::before {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.evolution label.fakeButton span {
|
|
display: flex;
|
|
height: 21px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.evolution label.fakeButton span::before {
|
|
display: flex;
|
|
width: calc(100% - 2px);
|
|
line-height: 21px;
|
|
content: attr(title);
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.evolution h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.evolution div.ligneStd {
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.evolution div.ligneStd div {
|
|
display: flex;
|
|
width: calc(100% - 104px);
|
|
flex-wrap: wrap;
|
|
padding-left: 4px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.evolution div.ligneStd div b {
|
|
min-width: max-content;
|
|
font-weight: bold;
|
|
font-size: 14px;
|
|
padding-right: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.evolution div.ligneStd div span {
|
|
display: inline-block;
|
|
font-size: 14px;
|
|
text-align: justify;
|
|
padding-right: 4px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.evolution div.ligneStd:not(:first-of-type) {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.evolution div.ligneSpc {
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.evolution div.ligneSpc label.ligne1 {
|
|
display: flex;
|
|
background: RGB(213, 215, 237);
|
|
width: 100%;
|
|
font-size: 14px;
|
|
height: 28px;
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.evolution div.ligneSpc label.ligne1 span {
|
|
width: calc(50% - 2px);
|
|
font-size: 14px;
|
|
height: 28px;
|
|
line-height: 28px;
|
|
padding-left: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.evolution div.ligneSpc label.ligne1 input[type=number] {
|
|
width: 50%;
|
|
font-size: 14px;
|
|
height: 28px;
|
|
text-align: center;
|
|
padding: 0px;
|
|
border: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.evolution div.ligneSpc div.ligne3 {
|
|
display: flex;
|
|
background: RGB(213, 215, 237);
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.evolution div.ligneSpc div.ligne3 label {
|
|
display: flex;
|
|
font-size: 14px;
|
|
height: auto;
|
|
justify-content: space-between;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.evolution div.ligneSpc div.ligne3 label span {
|
|
display: flex;
|
|
width: 100%;
|
|
color: black;
|
|
font-size: 14px;
|
|
height: 28px;
|
|
line-height: 28px;
|
|
justify-content: center;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.evolution div.ligneSpc div.ligne3 label input[type=number] {
|
|
width: 100%;
|
|
color: black;
|
|
font-size: 14px;
|
|
height: 28px;
|
|
text-align: center;
|
|
padding: 0px;
|
|
border: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.evolution div.ligneSpc div.ligne3 label:first-of-type {
|
|
width: 33.3333333333%;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.evolution div.ligneSpc div.ligne3 label:not(:first-of-type) {
|
|
width: calc(33.3333333333% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.MALegende {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
border: 1px solid RGB(93, 111, 179) !important;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.MALegende h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.MALegende div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.MALegende h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.MALegende div.info {
|
|
display: flex;
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
border-top: 1px solid RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.MALegende div.info div.autoex textarea {
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.MALegende div.capaciteUltime {
|
|
display: flex;
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.MALegende div.capaciteUltime div.button {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.MALegende div.capaciteUltime div.button input[type=hidden][value="1"] ~ button[type=action].passive {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.MALegende div.capaciteUltime div.button input[type=hidden][value="2"] ~ button[type=action].active {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.MALegende div.capaciteUltime div.button > button[type=action] {
|
|
display: flex;
|
|
justify-content: center;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
height: 24px;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border-right: 0px;
|
|
border-left: 0px;
|
|
border-top: 1px solid black;
|
|
border-bottom: 1px solid black;
|
|
position: relative;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 24px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.MALegende div.capaciteUltime div.button > button[type=action]:first-of-type {
|
|
width: calc(50% - 50px);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.MALegende div.capaciteUltime div.button > button[type=action]:last-of-type {
|
|
width: calc(50% - 50px - 1px);
|
|
border-left: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.MALegende div.capaciteUltime div.button div {
|
|
display: flex;
|
|
width: 100px;
|
|
justify-content: space-between;
|
|
border-left: 1px solid black;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.MALegende div.capaciteUltime div.button div button[type=action] {
|
|
width: 20px;
|
|
padding: 0px;
|
|
font-weight: bold;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
border-color: RGB(213, 215, 237);
|
|
border-width: 1px;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.MALegende div.capaciteUltime div.button div input[type=number] {
|
|
width: 77px;
|
|
height: 25px;
|
|
border: 0px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock {
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock div.AE {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock div.AE h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock div.AE div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock div.AE h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock div.AE div {
|
|
display: none;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock div.AE div span {
|
|
display: flex;
|
|
font-size: 14px;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock div.AE div span:first-of-type {
|
|
width: 70px;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-weight: bold;
|
|
line-height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock div.AE div span:last-of-type {
|
|
width: calc(100% - 70px - 4px - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
text-align: justify;
|
|
padding: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock div.AE div:not(:first-of-type) {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMineur[value="1"] ~ div.AEChair {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMineur[value="1"] ~ div.AEChair div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMineur[value="2"] ~ div.AEChair {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMineur[value="2"] ~ div.AEChair div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMineur[value="3"] ~ div.AEChair {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMineur[value="3"] ~ div.AEChair div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMineur[value="4"] ~ div.AEChair {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMineur[value="4"] ~ div.AEChair div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMineur[value="5"] ~ div.AEChair {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMineur[value="5"] ~ div.AEChair div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMineur[value="6"] ~ div.AEChair {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMineur[value="6"] ~ div.AEChair div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMineur[value="7"] ~ div.AEChair {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMineur[value="7"] ~ div.AEChair div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMineur[value="8"] ~ div.AEChair {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMineur[value="8"] ~ div.AEChair div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMineur[value="9"] ~ div.AEChair {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMineur[value="9"] ~ div.AEChair div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMineur[value="10"] ~ div.AEChair {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMineur[value="10"] ~ div.AEChair div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMineur[value="11"] ~ div.AEChair {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMineur[value="11"] ~ div.AEChair div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMineur[value="12"] ~ div.AEChair {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMineur[value="12"] ~ div.AEChair div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMineur[value="13"] ~ div.AEChair {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMineur[value="13"] ~ div.AEChair div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMineur[value="14"] ~ div.AEChair {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMineur[value="14"] ~ div.AEChair div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMineur[value="15"] ~ div.AEChair {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMineur[value="15"] ~ div.AEChair div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMineur[value="16"] ~ div.AEChair {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMineur[value="16"] ~ div.AEChair div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMineur[value="17"] ~ div.AEChair {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMineur[value="17"] ~ div.AEChair div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMineur[value="18"] ~ div.AEChair {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMineur[value="18"] ~ div.AEChair div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMineur[value="19"] ~ div.AEChair {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMineur[value="19"] ~ div.AEChair div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMineur[value="20"] ~ div.AEChair {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMineur[value="20"] ~ div.AEChair div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="1"] ~ div.AEChair {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="1"] ~ div.AEChair div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="1"] ~ div.AEChair div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="2"] ~ div.AEChair {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="2"] ~ div.AEChair div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="2"] ~ div.AEChair div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="3"] ~ div.AEChair {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="3"] ~ div.AEChair div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="3"] ~ div.AEChair div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="4"] ~ div.AEChair {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="4"] ~ div.AEChair div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="4"] ~ div.AEChair div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="5"] ~ div.AEChair {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="5"] ~ div.AEChair div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="5"] ~ div.AEChair div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="6"] ~ div.AEChair {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="6"] ~ div.AEChair div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="6"] ~ div.AEChair div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="7"] ~ div.AEChair {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="7"] ~ div.AEChair div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="7"] ~ div.AEChair div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="8"] ~ div.AEChair {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="8"] ~ div.AEChair div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="8"] ~ div.AEChair div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="9"] ~ div.AEChair {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="9"] ~ div.AEChair div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="9"] ~ div.AEChair div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="10"] ~ div.AEChair {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="10"] ~ div.AEChair div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="10"] ~ div.AEChair div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="11"] ~ div.AEChair {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="11"] ~ div.AEChair div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="11"] ~ div.AEChair div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="12"] ~ div.AEChair {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="12"] ~ div.AEChair div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="12"] ~ div.AEChair div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="13"] ~ div.AEChair {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="13"] ~ div.AEChair div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="13"] ~ div.AEChair div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="14"] ~ div.AEChair {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="14"] ~ div.AEChair div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="14"] ~ div.AEChair div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="15"] ~ div.AEChair {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="15"] ~ div.AEChair div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="15"] ~ div.AEChair div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="16"] ~ div.AEChair {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="16"] ~ div.AEChair div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="16"] ~ div.AEChair div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="17"] ~ div.AEChair {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="17"] ~ div.AEChair div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="17"] ~ div.AEChair div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="18"] ~ div.AEChair {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="18"] ~ div.AEChair div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="18"] ~ div.AEChair div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="19"] ~ div.AEChair {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="19"] ~ div.AEChair div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="19"] ~ div.AEChair div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="20"] ~ div.AEChair {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="20"] ~ div.AEChair div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="20"] ~ div.AEChair div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="1"] ~ div.AEBete {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="1"] ~ div.AEBete div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="2"] ~ div.AEBete {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="2"] ~ div.AEBete div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="3"] ~ div.AEBete {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="3"] ~ div.AEBete div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="4"] ~ div.AEBete {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="4"] ~ div.AEBete div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="5"] ~ div.AEBete {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="5"] ~ div.AEBete div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="6"] ~ div.AEBete {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="6"] ~ div.AEBete div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="7"] ~ div.AEBete {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="7"] ~ div.AEBete div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="8"] ~ div.AEBete {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="8"] ~ div.AEBete div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="9"] ~ div.AEBete {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="9"] ~ div.AEBete div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="10"] ~ div.AEBete {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="10"] ~ div.AEBete div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="11"] ~ div.AEBete {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="11"] ~ div.AEBete div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="12"] ~ div.AEBete {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="12"] ~ div.AEBete div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="13"] ~ div.AEBete {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="13"] ~ div.AEBete div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="14"] ~ div.AEBete {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="14"] ~ div.AEBete div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="15"] ~ div.AEBete {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="15"] ~ div.AEBete div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="16"] ~ div.AEBete {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="16"] ~ div.AEBete div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="17"] ~ div.AEBete {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="17"] ~ div.AEBete div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="18"] ~ div.AEBete {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="18"] ~ div.AEBete div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="19"] ~ div.AEBete {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="19"] ~ div.AEBete div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="20"] ~ div.AEBete {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="20"] ~ div.AEBete div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="1"] ~ div.AEBete {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="1"] ~ div.AEBete div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="1"] ~ div.AEBete div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="2"] ~ div.AEBete {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="2"] ~ div.AEBete div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="2"] ~ div.AEBete div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="3"] ~ div.AEBete {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="3"] ~ div.AEBete div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="3"] ~ div.AEBete div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="4"] ~ div.AEBete {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="4"] ~ div.AEBete div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="4"] ~ div.AEBete div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="5"] ~ div.AEBete {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="5"] ~ div.AEBete div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="5"] ~ div.AEBete div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="6"] ~ div.AEBete {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="6"] ~ div.AEBete div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="6"] ~ div.AEBete div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="7"] ~ div.AEBete {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="7"] ~ div.AEBete div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="7"] ~ div.AEBete div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="8"] ~ div.AEBete {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="8"] ~ div.AEBete div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="8"] ~ div.AEBete div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="9"] ~ div.AEBete {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="9"] ~ div.AEBete div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="9"] ~ div.AEBete div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="10"] ~ div.AEBete {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="10"] ~ div.AEBete div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="10"] ~ div.AEBete div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="11"] ~ div.AEBete {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="11"] ~ div.AEBete div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="11"] ~ div.AEBete div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="12"] ~ div.AEBete {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="12"] ~ div.AEBete div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="12"] ~ div.AEBete div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="13"] ~ div.AEBete {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="13"] ~ div.AEBete div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="13"] ~ div.AEBete div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="14"] ~ div.AEBete {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="14"] ~ div.AEBete div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="14"] ~ div.AEBete div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="15"] ~ div.AEBete {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="15"] ~ div.AEBete div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="15"] ~ div.AEBete div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="16"] ~ div.AEBete {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="16"] ~ div.AEBete div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="16"] ~ div.AEBete div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="17"] ~ div.AEBete {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="17"] ~ div.AEBete div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="17"] ~ div.AEBete div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="18"] ~ div.AEBete {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="18"] ~ div.AEBete div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="18"] ~ div.AEBete div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="19"] ~ div.AEBete {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="19"] ~ div.AEBete div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="19"] ~ div.AEBete div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="20"] ~ div.AEBete {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="20"] ~ div.AEBete div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="20"] ~ div.AEBete div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="1"] ~ div.AEMachine {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="1"] ~ div.AEMachine div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="2"] ~ div.AEMachine {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="2"] ~ div.AEMachine div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="3"] ~ div.AEMachine {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="3"] ~ div.AEMachine div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="4"] ~ div.AEMachine {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="4"] ~ div.AEMachine div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="5"] ~ div.AEMachine {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="5"] ~ div.AEMachine div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="6"] ~ div.AEMachine {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="6"] ~ div.AEMachine div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="7"] ~ div.AEMachine {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="7"] ~ div.AEMachine div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="8"] ~ div.AEMachine {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="8"] ~ div.AEMachine div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="9"] ~ div.AEMachine {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="9"] ~ div.AEMachine div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="10"] ~ div.AEMachine {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="10"] ~ div.AEMachine div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="11"] ~ div.AEMachine {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="11"] ~ div.AEMachine div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="12"] ~ div.AEMachine {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="12"] ~ div.AEMachine div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="13"] ~ div.AEMachine {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="13"] ~ div.AEMachine div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="14"] ~ div.AEMachine {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="14"] ~ div.AEMachine div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="15"] ~ div.AEMachine {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="15"] ~ div.AEMachine div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="16"] ~ div.AEMachine {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="16"] ~ div.AEMachine div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="17"] ~ div.AEMachine {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="17"] ~ div.AEMachine div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="18"] ~ div.AEMachine {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="18"] ~ div.AEMachine div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="19"] ~ div.AEMachine {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="19"] ~ div.AEMachine div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="20"] ~ div.AEMachine {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="20"] ~ div.AEMachine div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="1"] ~ div.AEMachine {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="1"] ~ div.AEMachine div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="1"] ~ div.AEMachine div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="2"] ~ div.AEMachine {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="2"] ~ div.AEMachine div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="2"] ~ div.AEMachine div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="3"] ~ div.AEMachine {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="3"] ~ div.AEMachine div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="3"] ~ div.AEMachine div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="4"] ~ div.AEMachine {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="4"] ~ div.AEMachine div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="4"] ~ div.AEMachine div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="5"] ~ div.AEMachine {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="5"] ~ div.AEMachine div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="5"] ~ div.AEMachine div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="6"] ~ div.AEMachine {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="6"] ~ div.AEMachine div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="6"] ~ div.AEMachine div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="7"] ~ div.AEMachine {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="7"] ~ div.AEMachine div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="7"] ~ div.AEMachine div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="8"] ~ div.AEMachine {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="8"] ~ div.AEMachine div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="8"] ~ div.AEMachine div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="9"] ~ div.AEMachine {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="9"] ~ div.AEMachine div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="9"] ~ div.AEMachine div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="10"] ~ div.AEMachine {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="10"] ~ div.AEMachine div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="10"] ~ div.AEMachine div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="11"] ~ div.AEMachine {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="11"] ~ div.AEMachine div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="11"] ~ div.AEMachine div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="12"] ~ div.AEMachine {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="12"] ~ div.AEMachine div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="12"] ~ div.AEMachine div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="13"] ~ div.AEMachine {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="13"] ~ div.AEMachine div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="13"] ~ div.AEMachine div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="14"] ~ div.AEMachine {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="14"] ~ div.AEMachine div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="14"] ~ div.AEMachine div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="15"] ~ div.AEMachine {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="15"] ~ div.AEMachine div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="15"] ~ div.AEMachine div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="16"] ~ div.AEMachine {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="16"] ~ div.AEMachine div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="16"] ~ div.AEMachine div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="17"] ~ div.AEMachine {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="17"] ~ div.AEMachine div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="17"] ~ div.AEMachine div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="18"] ~ div.AEMachine {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="18"] ~ div.AEMachine div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="18"] ~ div.AEMachine div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="19"] ~ div.AEMachine {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="19"] ~ div.AEMachine div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="19"] ~ div.AEMachine div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="20"] ~ div.AEMachine {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="20"] ~ div.AEMachine div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="20"] ~ div.AEMachine div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMineur[value="1"] ~ div.AEDame {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMineur[value="1"] ~ div.AEDame div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMineur[value="2"] ~ div.AEDame {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMineur[value="2"] ~ div.AEDame div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMineur[value="3"] ~ div.AEDame {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMineur[value="3"] ~ div.AEDame div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMineur[value="4"] ~ div.AEDame {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMineur[value="4"] ~ div.AEDame div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMineur[value="5"] ~ div.AEDame {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMineur[value="5"] ~ div.AEDame div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMineur[value="6"] ~ div.AEDame {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMineur[value="6"] ~ div.AEDame div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMineur[value="7"] ~ div.AEDame {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMineur[value="7"] ~ div.AEDame div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMineur[value="8"] ~ div.AEDame {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMineur[value="8"] ~ div.AEDame div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMineur[value="9"] ~ div.AEDame {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMineur[value="9"] ~ div.AEDame div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMineur[value="10"] ~ div.AEDame {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMineur[value="10"] ~ div.AEDame div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMineur[value="11"] ~ div.AEDame {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMineur[value="11"] ~ div.AEDame div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMineur[value="12"] ~ div.AEDame {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMineur[value="12"] ~ div.AEDame div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMineur[value="13"] ~ div.AEDame {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMineur[value="13"] ~ div.AEDame div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMineur[value="14"] ~ div.AEDame {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMineur[value="14"] ~ div.AEDame div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMineur[value="15"] ~ div.AEDame {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMineur[value="15"] ~ div.AEDame div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMineur[value="16"] ~ div.AEDame {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMineur[value="16"] ~ div.AEDame div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMineur[value="17"] ~ div.AEDame {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMineur[value="17"] ~ div.AEDame div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMineur[value="18"] ~ div.AEDame {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMineur[value="18"] ~ div.AEDame div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMineur[value="19"] ~ div.AEDame {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMineur[value="19"] ~ div.AEDame div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMineur[value="20"] ~ div.AEDame {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMineur[value="20"] ~ div.AEDame div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="1"] ~ div.AEDame {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="1"] ~ div.AEDame div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="1"] ~ div.AEDame div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="2"] ~ div.AEDame {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="2"] ~ div.AEDame div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="2"] ~ div.AEDame div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="3"] ~ div.AEDame {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="3"] ~ div.AEDame div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="3"] ~ div.AEDame div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="4"] ~ div.AEDame {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="4"] ~ div.AEDame div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="4"] ~ div.AEDame div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="5"] ~ div.AEDame {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="5"] ~ div.AEDame div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="5"] ~ div.AEDame div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="6"] ~ div.AEDame {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="6"] ~ div.AEDame div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="6"] ~ div.AEDame div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="7"] ~ div.AEDame {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="7"] ~ div.AEDame div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="7"] ~ div.AEDame div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="8"] ~ div.AEDame {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="8"] ~ div.AEDame div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="8"] ~ div.AEDame div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="9"] ~ div.AEDame {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="9"] ~ div.AEDame div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="9"] ~ div.AEDame div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="10"] ~ div.AEDame {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="10"] ~ div.AEDame div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="10"] ~ div.AEDame div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="11"] ~ div.AEDame {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="11"] ~ div.AEDame div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="11"] ~ div.AEDame div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="12"] ~ div.AEDame {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="12"] ~ div.AEDame div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="12"] ~ div.AEDame div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="13"] ~ div.AEDame {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="13"] ~ div.AEDame div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="13"] ~ div.AEDame div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="14"] ~ div.AEDame {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="14"] ~ div.AEDame div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="14"] ~ div.AEDame div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="15"] ~ div.AEDame {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="15"] ~ div.AEDame div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="15"] ~ div.AEDame div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="16"] ~ div.AEDame {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="16"] ~ div.AEDame div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="16"] ~ div.AEDame div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="17"] ~ div.AEDame {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="17"] ~ div.AEDame div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="17"] ~ div.AEDame div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="18"] ~ div.AEDame {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="18"] ~ div.AEDame div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="18"] ~ div.AEDame div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="19"] ~ div.AEDame {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="19"] ~ div.AEDame div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="19"] ~ div.AEDame div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="20"] ~ div.AEDame {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="20"] ~ div.AEDame div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="20"] ~ div.AEDame div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="1"] ~ div.AEMasque {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="1"] ~ div.AEMasque div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="2"] ~ div.AEMasque {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="2"] ~ div.AEMasque div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="3"] ~ div.AEMasque {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="3"] ~ div.AEMasque div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="4"] ~ div.AEMasque {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="4"] ~ div.AEMasque div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="5"] ~ div.AEMasque {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="5"] ~ div.AEMasque div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="6"] ~ div.AEMasque {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="6"] ~ div.AEMasque div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="7"] ~ div.AEMasque {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="7"] ~ div.AEMasque div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="8"] ~ div.AEMasque {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="8"] ~ div.AEMasque div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="9"] ~ div.AEMasque {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="9"] ~ div.AEMasque div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="10"] ~ div.AEMasque {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="10"] ~ div.AEMasque div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="11"] ~ div.AEMasque {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="11"] ~ div.AEMasque div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="12"] ~ div.AEMasque {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="12"] ~ div.AEMasque div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="13"] ~ div.AEMasque {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="13"] ~ div.AEMasque div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="14"] ~ div.AEMasque {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="14"] ~ div.AEMasque div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="15"] ~ div.AEMasque {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="15"] ~ div.AEMasque div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="16"] ~ div.AEMasque {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="16"] ~ div.AEMasque div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="17"] ~ div.AEMasque {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="17"] ~ div.AEMasque div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="18"] ~ div.AEMasque {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="18"] ~ div.AEMasque div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="19"] ~ div.AEMasque {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="19"] ~ div.AEMasque div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="20"] ~ div.AEMasque {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="20"] ~ div.AEMasque div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="1"] ~ div.AEMasque {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="1"] ~ div.AEMasque div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="1"] ~ div.AEMasque div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="2"] ~ div.AEMasque {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="2"] ~ div.AEMasque div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="2"] ~ div.AEMasque div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="3"] ~ div.AEMasque {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="3"] ~ div.AEMasque div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="3"] ~ div.AEMasque div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="4"] ~ div.AEMasque {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="4"] ~ div.AEMasque div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="4"] ~ div.AEMasque div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="5"] ~ div.AEMasque {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="5"] ~ div.AEMasque div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="5"] ~ div.AEMasque div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="6"] ~ div.AEMasque {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="6"] ~ div.AEMasque div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="6"] ~ div.AEMasque div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="7"] ~ div.AEMasque {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="7"] ~ div.AEMasque div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="7"] ~ div.AEMasque div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="8"] ~ div.AEMasque {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="8"] ~ div.AEMasque div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="8"] ~ div.AEMasque div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="9"] ~ div.AEMasque {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="9"] ~ div.AEMasque div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="9"] ~ div.AEMasque div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="10"] ~ div.AEMasque {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="10"] ~ div.AEMasque div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="10"] ~ div.AEMasque div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="11"] ~ div.AEMasque {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="11"] ~ div.AEMasque div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="11"] ~ div.AEMasque div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="12"] ~ div.AEMasque {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="12"] ~ div.AEMasque div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="12"] ~ div.AEMasque div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="13"] ~ div.AEMasque {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="13"] ~ div.AEMasque div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="13"] ~ div.AEMasque div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="14"] ~ div.AEMasque {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="14"] ~ div.AEMasque div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="14"] ~ div.AEMasque div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="15"] ~ div.AEMasque {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="15"] ~ div.AEMasque div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="15"] ~ div.AEMasque div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="16"] ~ div.AEMasque {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="16"] ~ div.AEMasque div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="16"] ~ div.AEMasque div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="17"] ~ div.AEMasque {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="17"] ~ div.AEMasque div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="17"] ~ div.AEMasque div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="18"] ~ div.AEMasque {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="18"] ~ div.AEMasque div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="18"] ~ div.AEMasque div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="19"] ~ div.AEMasque {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="19"] ~ div.AEMasque div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="19"] ~ div.AEMasque div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="20"] ~ div.AEMasque {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="20"] ~ div.AEMasque div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="20"] ~ div.AEMasque div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.AEBlock > div:not(:first-of-type) {
|
|
margin-top: 10px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.styleCombat {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.styleCombat h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.styleCombat div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.styleCombat h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.styleCombat select {
|
|
width: 100%;
|
|
padding: 0px;
|
|
border: 0px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.styleCombat div.puissant {
|
|
display: none;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.styleCombat div.puissant span {
|
|
width: 70px;
|
|
font-size: 14px;
|
|
height: 28px;
|
|
line-height: 28px;
|
|
font-weight: bold;
|
|
padding-left: 2px;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.styleCombat div.puissant select {
|
|
width: calc(50% - 35px);
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.styleCombat div.puissant input[type=number] {
|
|
width: calc(50% - 35px);
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
text-align: center;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.styleCombat div.suppression {
|
|
display: none;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.styleCombat div.suppression label {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.styleCombat div.suppression label span {
|
|
width: 150px;
|
|
font-size: 14px;
|
|
height: 28px;
|
|
line-height: 28px;
|
|
font-weight: bold;
|
|
padding-left: 2px;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.styleCombat div.suppression label input[type=number] {
|
|
width: calc(100% - 150px);
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.styleCombat div.suppression label:first-of-type {
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.styleCombat div.suppression label:not(:first-of-type) {
|
|
width: calc(50% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.styleCombat input[type=hidden][value=puissant] ~ div.puissant {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.styleCombat input[type=hidden][value=suppression] ~ div.suppression {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.herauts {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.herauts h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.herauts div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.herauts h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.herauts div {
|
|
display: flex;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-between;
|
|
flex-wrap: wrap;
|
|
padding-right: 2px;
|
|
padding-left: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.herauts div button[type=action] {
|
|
display: flex;
|
|
width: calc(50% - 5px);
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
justify-content: center;
|
|
border: 1px solid black;
|
|
padding: 0px;
|
|
margin-top: 2px;
|
|
margin-bottom: 2px;
|
|
font-weight: bold;
|
|
height: 25px;
|
|
line-height: 25px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.herauts div button[type=action]:nth-of-type(3) {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.herauts div input[type=hidden].devasterAnatheme[value="1"] ~ button[type=action].devasterAnatheme, div.charsheet > div.content div.tabArmure div.herauts div input[type=hidden].bourreauTenebres[value="1"] ~ button[type=action].bourreauTenebres, div.charsheet > div.content div.tabArmure div.herauts div input[type=hidden].equilibreBalance[value="1"] ~ button[type=action].equilibreBalance {
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.barbarianGoliath {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.barbarianGoliath h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.barbarianGoliath div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.barbarianGoliath h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.barbarianGoliath span {
|
|
display: flex;
|
|
font-size: 13px;
|
|
font-weight: bold;
|
|
padding-left: 2px;
|
|
line-height: 28px;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.barbarianGoliath input[type=number],
|
|
div.charsheet > div.content div.tabArmure div.barbarianGoliath input[type=text] {
|
|
text-align: center;
|
|
padding: 0px;
|
|
height: 28px;
|
|
border: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.barbarianGoliath label.ligne {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.barbarianGoliath label.ligne span {
|
|
width: calc(50% - 2px);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.barbarianGoliath label.ligne input[type=number] {
|
|
width: 50%;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.barbarianGoliath label.col {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.barbarianGoliath label.col span {
|
|
width: 100%;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.barbarianGoliath label.col input[type=number],
|
|
div.charsheet > div.content div.tabArmure div.barbarianGoliath label.col input[type=text] {
|
|
width: 100%;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.barbarianGoliath label.col:nth-of-type(even) {
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.barbarianGoliath label.col:nth-of-type(odd) {
|
|
width: calc(50% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.barbarianGoliath label.borderTop {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.bardChangeling {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.bardChangeling h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.bardChangeling div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.bardChangeling div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.bardChangeling div.titre button[type=action].active {
|
|
width: 100px;
|
|
height: 26px;
|
|
margin-left: auto;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.bardChangeling button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabArmure div.bardChangeling button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.bardChangeling button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabArmure div.bardChangeling button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.bardChangeling button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabArmure div.bardChangeling button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.bardChangeling div.titre,
|
|
div.charsheet > div.content div.tabArmure div.bardChangeling h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.bardChangeling div.firstTitre {
|
|
border-bottom: 1px solid RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.bardChangeling input[type=text] {
|
|
text-align: center;
|
|
padding: 0px;
|
|
height: 28px;
|
|
border: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.bardChangeling div.bard250 {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.bardChangeling label.ligne {
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.bardChangeling label.ligne span {
|
|
display: flex;
|
|
width: calc(50% - 2px);
|
|
font-size: 13px;
|
|
font-weight: bold;
|
|
padding-left: 2px;
|
|
line-height: 28px;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.bardChangeling label.ligne input[type=text] {
|
|
width: 50%;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
border-right: 0px;
|
|
border-top: 0px;
|
|
border-bottom: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.bardChangeling input[type=text] {
|
|
width: 100%;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.bardChangeling div.bard250,
|
|
div.charsheet > div.content div.tabArmure div.bardChangeling label.bard250,
|
|
div.charsheet > div.content div.tabArmure div.bardChangeling input[type=text].bard250 {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.bardChangeling input[type=hidden].bard250[value=on] ~ div.bard250, div.charsheet > div.content div.tabArmure div.bardChangeling input[type=hidden].bard250[value=on] ~ label.bard250, div.charsheet > div.content div.tabArmure div.bardChangeling input[type=hidden].bard250[value=on] ~ input[type=text].bard250 {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.bardChangeling input[type=hidden].active[value^="{{modeChangeling"] ~ div.titre button[type=action].active {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkIllumination {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkIllumination h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkIllumination h2.titreBis {
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkIllumination div.titreInverse {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkIllumination div.titreInverse h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkIllumination div.titreInverse button[type=action].active {
|
|
width: 100px;
|
|
height: 26px;
|
|
margin-right: auto;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkIllumination div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkIllumination div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkIllumination div.titre button[type=action].active {
|
|
width: 100px;
|
|
height: 26px;
|
|
margin-left: auto;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkIllumination button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabArmure div.berserkIllumination button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkIllumination button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabArmure div.berserkIllumination button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkIllumination button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabArmure div.berserkIllumination button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkIllumination div.button {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: space-evenly;
|
|
flex-wrap: wrap;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkIllumination div.button button[type=action] {
|
|
display: flex;
|
|
width: 100px;
|
|
height: 26px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
margin-top: 1px;
|
|
margin-bottom: 1px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkIllumination h1.titre,
|
|
div.charsheet > div.content div.tabArmure div.berserkIllumination h2.titreBis {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkIllumination div.titre,
|
|
div.charsheet > div.content div.tabArmure div.berserkIllumination div.titreInverse {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkIllumination div.titre:not(:first-of-type),
|
|
div.charsheet > div.content div.tabArmure div.berserkIllumination div.titreInverse:not(:first-of-type) {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkIllumination div.titre input[type=hidden][value=on] ~ button[type=action],
|
|
div.charsheet > div.content div.tabArmure div.berserkIllumination div.titreInverse input[type=hidden][value=on] ~ button[type=action] {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkIllumination h2.titreBis {
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkIllumination label {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkIllumination label span {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
justify-content: center;
|
|
color: black;
|
|
font-weight: bold;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkIllumination label input[type=text],
|
|
div.charsheet > div.content div.tabArmure div.berserkIllumination label input[type=number] {
|
|
width: 100%;
|
|
border-bottom: 0px;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
text-align: center;
|
|
padding: 0px;
|
|
height: 28px;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
min-width: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkIllumination label.col1 {
|
|
flex-wrap: wrap;
|
|
background: RGB(213, 215, 237);
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkIllumination label.col2 {
|
|
flex-wrap: wrap;
|
|
background: RGB(213, 215, 237);
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkIllumination label.col2BL {
|
|
flex-wrap: wrap;
|
|
background: RGB(213, 215, 237);
|
|
width: calc(50% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkIllumination label.col3 {
|
|
flex-wrap: wrap;
|
|
background: RGB(213, 215, 237);
|
|
width: 33.3333333333%;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkIllumination label.col3BL {
|
|
flex-wrap: wrap;
|
|
background: RGB(213, 215, 237);
|
|
width: calc(33.3333333333% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkIllumination input[type=text].ligne {
|
|
display: none;
|
|
width: 100%;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
border-bottom: 0px;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
text-align: center;
|
|
padding: 0px;
|
|
height: 28px;
|
|
min-width: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkIllumination input[type=hidden].blaze[value=on] ~ div.button button[type=action].blaze {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkIllumination input[type=hidden].blaze[value=on] ~ .blaze {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkIllumination input[type=hidden].candle[value=on] ~ div.button button[type=action].candle {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkIllumination input[type=hidden].candle[value=on] ~ .candle {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkIllumination input[type=hidden].beacon[value=on] ~ div.button button[type=action].beacon {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkIllumination input[type=hidden].beacon[value=on] ~ .beacon {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkIllumination input[type=hidden].torch[value=on] ~ div.button button[type=action].torch {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkIllumination input[type=hidden].torch[value=on] ~ .torch {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkIllumination input[type=hidden].projector[value=on] ~ div.button button[type=action].projector {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkIllumination input[type=hidden].projector[value=on] ~ .projector {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkIllumination input[type=hidden].lighthouse[value=on] ~ div.button button[type=action].lighthouse {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkIllumination input[type=hidden].lighthouse[value=on] ~ .lighthouse {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkIllumination input[type=hidden].lantern[value=on] ~ div.button button[type=action].lantern {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkIllumination input[type=hidden].lantern[value=on] ~ .lantern {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkRage {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkRage h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkRage h2.titreBis {
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.titre button[type=action].active {
|
|
width: 100px;
|
|
height: 26px;
|
|
margin-left: auto;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkRage button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabArmure div.berserkRage button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkRage button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabArmure div.berserkRage button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkRage button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabArmure div.berserkRage button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.button {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: space-evenly;
|
|
flex-wrap: wrap;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.button button[type=action] {
|
|
display: flex;
|
|
width: 100px;
|
|
height: 26px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
margin-top: 1px;
|
|
margin-bottom: 1px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.button,
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.passif,
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.niveaux,
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.N1,
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.N2,
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.N3 {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkRage h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkRage input[type=hidden].niveau[value="1"] ~ div button[type=action].N1 {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkRage input[type=hidden].niveau[value="1"] ~ div.niveaux div.N1 {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkRage input[type=hidden].niveau[value="2"] ~ div button[type=action].N2 {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkRage input[type=hidden].niveau[value="2"] ~ div.niveaux div.N2 {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkRage input[type=hidden].niveau[value="3"] ~ div button[type=action].N3 {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkRage input[type=hidden].niveau[value="3"] ~ div.niveaux div.N3 {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkRage input[type=hidden].active[value=on] ~ div button[type=action].rageActive {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkRage input[type=hidden].active[value=on] ~ div.button, div.charsheet > div.content div.tabArmure div.berserkRage input[type=hidden].active[value=on] ~ div.passif, div.charsheet > div.content div.tabArmure div.berserkRage input[type=hidden].active[value=on] ~ div.niveaux {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.button {
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.passif {
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.passif div.espoir {
|
|
display: flex;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.passif div.espoir span {
|
|
width: max-content;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
padding-left: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.passif div.espoir button[type=action] {
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.passif h2.titreBis {
|
|
display: flex;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.passif h2.titreBis:last-of-type {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.passif div.col4 {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
width: 25%;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.passif div.col4 span {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
justify-content: center;
|
|
color: black;
|
|
font-weight: bold;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.passif div.col4 div {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.passif div.col4 div input[type=number],
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.passif div.col4 div input[type=text] {
|
|
width: calc(100% - 28px);
|
|
border-top: 0px;
|
|
border-left: 0px;
|
|
border-bottom: 0px;
|
|
text-align: center;
|
|
padding: 0px;
|
|
height: 28px;
|
|
border-right: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.passif div.col4BL {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
width: calc(25% - 1px);
|
|
background: RGB(213, 215, 237);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.passif div.col4BL span {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
justify-content: center;
|
|
color: black;
|
|
font-weight: bold;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.passif div.col4BL div {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.passif div.col4BL div input[type=number],
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.passif div.col4BL div input[type=text] {
|
|
width: calc(100% - 28px);
|
|
border-top: 0px;
|
|
border-left: 0px;
|
|
border-bottom: 0px;
|
|
text-align: center;
|
|
padding: 0px;
|
|
height: 28px;
|
|
border-right: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.niveaux {
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.N1,
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.N2,
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.N3 {
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.N1 label.col2,
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.N2 label.col2,
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.N3 label.col2 {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
width: 50%;
|
|
background: RGB(213, 215, 237);
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.N1 label.col2 span,
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.N2 label.col2 span,
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.N3 label.col2 span {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
justify-content: center;
|
|
color: black;
|
|
font-weight: bold;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.N1 label.col2 input[type=text],
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.N1 label.col2 input[type=number],
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.N2 label.col2 input[type=text],
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.N2 label.col2 input[type=number],
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.N3 label.col2 input[type=text],
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.N3 label.col2 input[type=number] {
|
|
width: 100%;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
border-left: 0px;
|
|
border-bottom: 0px;
|
|
border-right: 0px;
|
|
text-align: center;
|
|
padding: 0px;
|
|
height: 29px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.N1 label.col2BL,
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.N2 label.col2BL,
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.N3 label.col2BL {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
width: calc(50% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
background: RGB(213, 215, 237);
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.N1 label.col2BL span,
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.N2 label.col2BL span,
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.N3 label.col2BL span {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
justify-content: center;
|
|
color: black;
|
|
font-weight: bold;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.N1 label.col2BL input[type=text],
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.N1 label.col2BL input[type=number],
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.N2 label.col2BL input[type=text],
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.N2 label.col2BL input[type=number],
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.N3 label.col2BL input[type=text],
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.N3 label.col2BL input[type=number] {
|
|
width: 100%;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
border-left: 0px;
|
|
border-bottom: 0px;
|
|
border-right: 0px;
|
|
text-align: center;
|
|
padding: 0px;
|
|
height: 29px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.N1 label.col3,
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.N2 label.col3,
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.N3 label.col3 {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
width: 33.3333333333%;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.N1 label.col3 span,
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.N2 label.col3 span,
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.N3 label.col3 span {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
justify-content: center;
|
|
color: black;
|
|
font-weight: bold;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.N1 label.col3 input[type=text],
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.N1 label.col3 input[type=number],
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.N2 label.col3 input[type=text],
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.N2 label.col3 input[type=number],
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.N3 label.col3 input[type=text],
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.N3 label.col3 input[type=number] {
|
|
width: 100%;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
border-left: 0px;
|
|
border-bottom: 0px;
|
|
border-right: 0px;
|
|
text-align: center;
|
|
padding: 0px;
|
|
height: 29px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.N1 label.col3BL,
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.N2 label.col3BL,
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.N3 label.col3BL {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
width: calc(33.3333333333% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.N1 label.col3BL span,
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.N2 label.col3BL span,
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.N3 label.col3BL span {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
justify-content: center;
|
|
color: black;
|
|
font-weight: bold;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.N1 label.col3BL input[type=text],
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.N1 label.col3BL input[type=number],
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.N2 label.col3BL input[type=text],
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.N2 label.col3BL input[type=number],
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.N3 label.col3BL input[type=text],
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.N3 label.col3BL input[type=number] {
|
|
width: 100%;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
border-left: 0px;
|
|
border-bottom: 0px;
|
|
border-right: 0px;
|
|
text-align: center;
|
|
padding: 0px;
|
|
height: 29px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.N1 label.col3SBL,
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.N2 label.col3SBL,
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.N3 label.col3SBL {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
width: calc(33.3333333333% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.N1 label.col3SBL span,
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.N2 label.col3SBL span,
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.N3 label.col3SBL span {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
justify-content: center;
|
|
color: black;
|
|
font-weight: bold;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.N1 label.col3SBL div,
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.N2 label.col3SBL div,
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.N3 label.col3SBL div {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.N1 label.col3SBL div input[type=text],
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.N1 label.col3SBL div input[type=number],
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.N2 label.col3SBL div input[type=text],
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.N2 label.col3SBL div input[type=number],
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.N3 label.col3SBL div input[type=text],
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.N3 label.col3SBL div input[type=number] {
|
|
width: calc(100% - 28px);
|
|
border-top: 0px;
|
|
border-left: 0px;
|
|
border-bottom: 0px;
|
|
text-align: center;
|
|
padding: 0px;
|
|
height: 28px;
|
|
border-right: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.berserkRage div.borderTop,
|
|
div.charsheet > div.content div.tabArmure div.berserkRage label.borderTop {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.effetsArmes {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.effetsArmes h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.effetsArmes div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.effetsArmes h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.effetsArmes select {
|
|
width: 100%;
|
|
padding: 0px;
|
|
border: 0px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.effetsArmes span {
|
|
display: flex;
|
|
width: 100%;
|
|
background-color: #f5f5f5;
|
|
min-height: 28px;
|
|
padding-right: 2px;
|
|
padding-left: 2px;
|
|
text-align: justify;
|
|
white-space: pre-line;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.druidModJetCompagnons {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(213, 215, 237);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
background: RGB(213, 215, 237);
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.druidModJetCompagnons h1 {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.druidModJetCompagnons h1 {
|
|
position: absolute;
|
|
width: calc(100% - 2px);
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: black;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: left;
|
|
font-size: 14px;
|
|
padding-left: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.druidModJetCompagnons input[type=text],
|
|
div.charsheet > div.content div.tabArmure div.druidModJetCompagnons input[type=number] {
|
|
position: absolute;
|
|
width: 30%;
|
|
height: 28px;
|
|
text-align: center;
|
|
border-top: 0px;
|
|
border-bottom: 0px;
|
|
border-right: 0px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
padding: 0px;
|
|
right: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.information {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
display: flex;
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
border-top: 1px solid RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.information h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.information div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.information h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.information div.autoex textarea {
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.druidModCompanions {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.druidModCompanions h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.druidModCompanions div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.druidModCompanions div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.druidModCompanions div.titre select.liste {
|
|
width: 70px;
|
|
text-align: center;
|
|
padding: 0px;
|
|
border: 0px;
|
|
height: 27px;
|
|
margin-left: auto;
|
|
z-index: 99;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.druidModCompanions div.button {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: space-evenly;
|
|
flex-wrap: wrap;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.druidModCompanions div.button button[type=action] {
|
|
display: flex;
|
|
width: 100px;
|
|
height: 26px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
margin-top: 1px;
|
|
margin-bottom: 1px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.druidModCompanions div.titre,
|
|
div.charsheet > div.content div.tabArmure div.druidModCompanions h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.druidModCompanions div.titre {
|
|
border-bottom: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.druidModCompanions input[type=hidden].choix[value=aucun] ~ .button button[type=action].aucun {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.druidModCompanions input[type=hidden].choix[value=lion] ~ .button button[type=action].lion {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.druidModCompanions input[type=hidden].choix[value=wolf] ~ .button button[type=action].wolf {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.druidModCompanions input[type=hidden].choix[value=crow] ~ .button button[type=action].crow {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.monkModeZen {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.monkModeZen h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.monkModeZen div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.monkModeZen div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.monkModeZen button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabArmure div.monkModeZen button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.monkModeZen button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabArmure div.monkModeZen button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.monkModeZen button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabArmure div.monkModeZen button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.monkModeZen div.titre,
|
|
div.charsheet > div.content div.tabArmure div.monkModeZen h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.monkModeZen div.ligne {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.monkModeZen div.ligne span {
|
|
width: 70%;
|
|
padding-left: 2px;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.monkModeZen div.ligne input[type=number] {
|
|
width: 30%;
|
|
text-align: center;
|
|
border: 0px;
|
|
padding: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.monkModeZen input[type=number].col2 {
|
|
width: 50%;
|
|
text-align: center;
|
|
padding: 0px;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
border-right: 0px;
|
|
border-bottom: 0px;
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.monkModeZen input[type=number].col2:first-of-type {
|
|
border-left: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.monkModeZen input[type=number].col2:last-of-type {
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.monkModeCea {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.monkModeCea h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.monkModeCea div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.monkModeCea div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.monkModeCea div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabArmure div.monkModeCea div.titre button[type=action].bonusCaracL2 {
|
|
width: 26px;
|
|
height: 26px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.monkModeCea div.titre button[type=action].bonusCaracL2 {
|
|
margin-right: auto;
|
|
margin-left: 3px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.monkModeCea button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabArmure div.monkModeCea button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.monkModeCea button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabArmure div.monkModeCea button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.monkModeCea button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabArmure div.monkModeCea button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.monkModeCea div.titre,
|
|
div.charsheet > div.content div.tabArmure div.monkModeCea h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.monkModeCea div.titre {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.monkModeCea select {
|
|
border: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.monkModeCea label.ligne2 {
|
|
display: flex;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
font-size: 14px;
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.monkModeCea label.ligne2 span {
|
|
width: calc(50% - 2px);
|
|
line-height: 28px;
|
|
padding-left: 2px;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.monkModeCea label.ligne2 input[type=number] {
|
|
width: 50%;
|
|
height: 28px;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
text-align: center;
|
|
border-top: 0px;
|
|
border-right: 0px;
|
|
border-bottom: 0px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.monkModeCea label.ligne2Special {
|
|
display: flex;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
font-size: 14px;
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.monkModeCea label.ligne2Special span {
|
|
width: calc(70% - 2px);
|
|
line-height: 28px;
|
|
padding-left: 2px;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.monkModeCea label.ligne2Special input[type=number] {
|
|
width: 30%;
|
|
height: 28px;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
text-align: center;
|
|
border-top: 0px;
|
|
border-right: 0px;
|
|
border-bottom: 0px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.monkModeCea div.rollPJ {
|
|
display: flex;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
font-size: 14px;
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.monkModeCea div.rollPJ select {
|
|
width: 50%;
|
|
padding: 0px;
|
|
height: 28px;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.monkModeCea div.rollPJ select:last-of-type {
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.monkModeCea div.bonusCarac {
|
|
display: none;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.monkModeCea div.bonusCarac select {
|
|
display: none;
|
|
padding: 0px;
|
|
height: 28px;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.monkModeCea input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1 {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.monkModeCea input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.monkModeCea input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac select:first-of-type {
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.monkModeCea input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabArmure div.monkModeCea input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2 {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.monkModeCea input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.monkModeCea input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:first-of-type {
|
|
display: inline-block;
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.monkModeCea input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:last-of-type {
|
|
display: inline-block;
|
|
width: 50%;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.monkModeCea label.col4 {
|
|
display: flex;
|
|
width: 25%;
|
|
flex-wrap: wrap;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.monkModeCea label.col4BL {
|
|
display: flex;
|
|
width: calc(25% - 1px);
|
|
flex-wrap: wrap;
|
|
background: RGB(213, 215, 237);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.monkModeCea label.col4 span,
|
|
div.charsheet > div.content div.tabArmure div.monkModeCea label.col4BL span {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.monkModeCea label.col4 input[type=number],
|
|
div.charsheet > div.content div.tabArmure div.monkModeCea label.col4 input[type=text],
|
|
div.charsheet > div.content div.tabArmure div.monkModeCea label.col4BL input[type=number],
|
|
div.charsheet > div.content div.tabArmure div.monkModeCea label.col4BL input[type=text] {
|
|
width: 100%;
|
|
min-width: 0px;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
border-bottom: 0px;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.monkModeCea input[type=text].ligne {
|
|
width: 100%;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
border-bottom: 0px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.paladinShrine {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.paladinShrine h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.paladinShrine div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.paladinShrine div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.paladinShrine div.titre button[type=action].active {
|
|
width: 100px;
|
|
height: 26px;
|
|
margin-left: auto;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.paladinShrine div.titre,
|
|
div.charsheet > div.content div.tabArmure div.paladinShrine h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.paladinShrine label.col3 {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
flex-wrap: wrap;
|
|
width: 33.3333333333%;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.paladinShrine label.col3 span {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
justify-content: center;
|
|
color: black;
|
|
font-weight: bold;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.paladinShrine label.col3 input[type=number] {
|
|
width: 100%;
|
|
height: 28px;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
border-bottom: 0px;
|
|
text-align: center;
|
|
padding: 0px;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.paladinShrine label.col3BL {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
flex-wrap: wrap;
|
|
width: calc(33.3333333333% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.paladinShrine label.col3BL span {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
justify-content: center;
|
|
color: black;
|
|
font-weight: bold;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.paladinShrine label.col3BL input[type=number] {
|
|
width: 100%;
|
|
height: 28px;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
border-bottom: 0px;
|
|
text-align: center;
|
|
padding: 0px;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.paladinShrine input[type=hidden].active[value^=Activ] ~ div.titre button[type=action].active {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.paladinWatchtower {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.paladinWatchtower h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.paladinWatchtower div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.paladinWatchtower div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.paladinWatchtower div.titre button[type=action].active {
|
|
width: 100px;
|
|
height: 26px;
|
|
margin-left: auto;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.paladinWatchtower div.titre,
|
|
div.charsheet > div.content div.tabArmure div.paladinWatchtower h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.paladinWatchtower label.ligne {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.paladinWatchtower label.ligne span {
|
|
display: flex;
|
|
width: calc(50% - 2px);
|
|
padding-left: 2px;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.paladinWatchtower label.ligne input[type=number] {
|
|
width: 50%;
|
|
border: 0px;
|
|
text-align: center;
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.paladinWatchtower input[type=hidden].active[value^=Activ] ~ div.titre button[type=action].active {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.paladinLenteEtLourde {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.paladinLenteEtLourde h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.paladinLenteEtLourde div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.paladinLenteEtLourde h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.paladinLenteEtLourde span {
|
|
background: RGB(213, 215, 237);
|
|
width: 100%;
|
|
padding: 2px;
|
|
text-align: justify;
|
|
}
|
|
div.charsheet > div.content div.tabArmure input[type=hidden].paladinLeL[value=on] ~ div.paladinLenteEtLourde {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.priestMechanic {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.priestMechanic h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.priestMechanic div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.priestMechanic button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabArmure div.priestMechanic button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.priestMechanic button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabArmure div.priestMechanic button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.priestMechanic button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabArmure div.priestMechanic button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.priestMechanic h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.priestMechanic div {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
position: relative;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.priestMechanic div span {
|
|
width: calc(50% - 2px);
|
|
padding-left: 2px;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: #333;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.priestMechanic div input[type=text],
|
|
div.charsheet > div.content div.tabArmure div.priestMechanic div input[type=number] {
|
|
position: absolute;
|
|
width: calc(50% - 29px);
|
|
height: 28px;
|
|
text-align: center;
|
|
border-top: 0px;
|
|
border-bottom: 0px;
|
|
border-right: 0px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
padding: 0px;
|
|
right: 29px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.priestMechanic div:not(:first-of-type) {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.priestNanoC {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.priestNanoC h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.priestNanoC div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.priestNanoC div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.priestNanoC div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabArmure div.priestNanoC div.titre button[type=action].bonusCaracL2 {
|
|
width: 26px;
|
|
height: 26px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.priestNanoC div.titre button[type=action].bonusCaracL2 {
|
|
margin-right: auto;
|
|
margin-left: 3px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.priestNanoC button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabArmure div.priestNanoC button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.priestNanoC button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabArmure div.priestNanoC button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.priestNanoC button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabArmure div.priestNanoC button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.priestNanoC div.titre,
|
|
div.charsheet > div.content div.tabArmure div.priestNanoC h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.priestNanoC div.titre {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.priestNanoC select {
|
|
border: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.priestNanoC label.ligne2 {
|
|
display: flex;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
font-size: 14px;
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.priestNanoC label.ligne2 span {
|
|
width: calc(50% - 2px);
|
|
line-height: 28px;
|
|
padding-left: 2px;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.priestNanoC label.ligne2 input[type=number] {
|
|
width: 50%;
|
|
height: 28px;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
text-align: center;
|
|
border-top: 0px;
|
|
border-right: 0px;
|
|
border-bottom: 0px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.priestNanoC div.rollPJ {
|
|
display: flex;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
font-size: 14px;
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.priestNanoC div.rollPJ select {
|
|
width: 50%;
|
|
padding: 0px;
|
|
height: 28px;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.priestNanoC div.rollPJ select:last-of-type {
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.priestNanoC div.bonusCarac {
|
|
display: none;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.priestNanoC div.bonusCarac select {
|
|
display: none;
|
|
padding: 0px;
|
|
height: 28px;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.priestNanoC input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1 {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.priestNanoC input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.priestNanoC input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac select:first-of-type {
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.priestNanoC input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabArmure div.priestNanoC input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2 {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.priestNanoC input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.priestNanoC input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:first-of-type {
|
|
display: inline-block;
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.priestNanoC input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:last-of-type {
|
|
display: inline-block;
|
|
width: 50%;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure .psion150,
|
|
div.charsheet > div.content div.tabArmure .psion200 {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabArmure input[type=hidden].psion150PG[value="0"] ~ div .psion150 {
|
|
display: none !important;
|
|
}
|
|
div.charsheet > div.content div.tabArmure input[type=hidden].psion150PG[value=on] ~ div .psion150 {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure input[type=hidden].psion200PG[value="0"] ~ div .psion200 {
|
|
display: none !important;
|
|
}
|
|
div.charsheet > div.content div.tabArmure input[type=hidden].psion200PG[value=on] ~ div .psion200 {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.psionPuppetMaster {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.psionPuppetMaster h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.psionPuppetMaster h2.titreBis {
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.psionPuppetMaster div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.psionPuppetMaster div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.psionPuppetMaster div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabArmure div.psionPuppetMaster div.titre button[type=action].bonusCaracL2 {
|
|
width: 26px;
|
|
height: 26px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.psionPuppetMaster div.titre button[type=action].bonusCaracL2 {
|
|
margin-right: auto;
|
|
margin-left: 3px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.psionPuppetMaster button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabArmure div.psionPuppetMaster button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.psionPuppetMaster button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabArmure div.psionPuppetMaster button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.psionPuppetMaster button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabArmure div.psionPuppetMaster button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.psionPuppetMaster div.titre,
|
|
div.charsheet > div.content div.tabArmure div.psionPuppetMaster h1.titre,
|
|
div.charsheet > div.content div.tabArmure div.psionPuppetMaster h2.titreBis {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.psionPuppetMaster h2.titreBis {
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.psionPuppetMaster select {
|
|
border: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.psionPuppetMaster div.rollPJ {
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
font-size: 14px;
|
|
justify-content: space-between;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.psionPuppetMaster div.rollPJ select {
|
|
width: 50%;
|
|
padding: 0px;
|
|
height: 28px;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.psionPuppetMaster div.rollPJ select:last-of-type {
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.psionPuppetMaster div.bonusCarac {
|
|
display: none;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-between;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.psionPuppetMaster div.bonusCarac select {
|
|
display: none;
|
|
padding: 0px;
|
|
height: 28px;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.psionPuppetMaster input[type=hidden].bonusCarac[value="0"] ~ div.bonusCarac {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.psionPuppetMaster input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1 {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.psionPuppetMaster input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.psionPuppetMaster input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac select:first-of-type {
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.psionPuppetMaster input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabArmure div.psionPuppetMaster input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2 {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.psionPuppetMaster input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.psionPuppetMaster input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:first-of-type {
|
|
display: inline-block;
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.psionPuppetMaster input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:last-of-type {
|
|
display: inline-block;
|
|
width: 50%;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.psionDiscord {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.psionDiscord h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.psionDiscord h2.titreBis {
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.psionDiscord div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.psionDiscord div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.psionDiscord div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabArmure div.psionDiscord div.titre button[type=action].bonusCaracL2 {
|
|
width: 26px;
|
|
height: 26px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.psionDiscord div.titre button[type=action].bonusCaracL2 {
|
|
margin-right: auto;
|
|
margin-left: 3px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.psionDiscord div.titre button[type=action].active {
|
|
width: 100px;
|
|
height: 26px;
|
|
margin-left: auto;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.psionDiscord button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabArmure div.psionDiscord button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.psionDiscord button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabArmure div.psionDiscord button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.psionDiscord button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabArmure div.psionDiscord button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.psionDiscord div.titre,
|
|
div.charsheet > div.content div.tabArmure div.psionDiscord h1.titre,
|
|
div.charsheet > div.content div.tabArmure div.psionDiscord h2.titreBis {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.psionDiscord select {
|
|
border: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.psionDiscord label.ligne2 {
|
|
display: flex;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
font-size: 14px;
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.psionDiscord label.ligne2 span {
|
|
width: calc(50% - 2px);
|
|
line-height: 28px;
|
|
padding-left: 2px;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.psionDiscord label.ligne2 input[type=number] {
|
|
width: 50%;
|
|
height: 28px;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
text-align: center;
|
|
border-top: 0px;
|
|
border-right: 0px;
|
|
border-bottom: 0px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.psionDiscord div.rollPJ {
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
font-size: 14px;
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.psionDiscord div.rollPJ select {
|
|
padding: 0px;
|
|
height: 28px;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.psionDiscord div.rollPJ select:first-of-type {
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.psionDiscord div.rollPJ select:last-of-type {
|
|
width: calc(50% - 29px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.psionDiscord div.bonusCarac {
|
|
display: none;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-between;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.psionDiscord div.bonusCarac select {
|
|
display: none;
|
|
padding: 0px;
|
|
height: 28px;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.psionDiscord input[type=hidden].bonusCarac[value="0"] ~ div.bonusCarac {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.psionDiscord input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1 {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.psionDiscord input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.psionDiscord input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac select:first-of-type {
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.psionDiscord input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabArmure div.psionDiscord input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2 {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.psionDiscord input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.psionDiscord input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:first-of-type {
|
|
display: inline-block;
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.psionDiscord input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:last-of-type {
|
|
display: inline-block;
|
|
width: 50%;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.psionDiscord label.col3 {
|
|
display: flex;
|
|
width: 33.3333333333%;
|
|
justify-content: space-between;
|
|
flex-wrap: wrap;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.psionDiscord label.col3 span {
|
|
display: flex;
|
|
justify-content: center;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.psionDiscord label.col3 input[type=text],
|
|
div.charsheet > div.content div.tabArmure div.psionDiscord label.col3 input[type=number] {
|
|
width: 100%;
|
|
border: 0px;
|
|
text-align: center;
|
|
padding: 0px;
|
|
height: 28px;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.psionDiscord label.col3BL {
|
|
display: flex;
|
|
width: calc(33.3333333333% - 1px);
|
|
justify-content: space-between;
|
|
flex-wrap: wrap;
|
|
background: RGB(213, 215, 237);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.psionDiscord label.col3BL span {
|
|
display: flex;
|
|
justify-content: center;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.psionDiscord label.col3BL input[type=text],
|
|
div.charsheet > div.content div.tabArmure div.psionDiscord label.col3BL input[type=number] {
|
|
width: 100%;
|
|
border: 0px;
|
|
text-align: center;
|
|
padding: 0px;
|
|
height: 28px;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.psionDiscord input[type=hidden].active[value^=Activ] ~ div.titre button[type=action].active {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.psionWindtalker {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.psionWindtalker h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.psionWindtalker h2.titreBis {
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.psionWindtalker div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.psionWindtalker h1.titre,
|
|
div.charsheet > div.content div.tabArmure div.psionWindtalker h2.titreBis {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.psionWindtalker h2.titreBis {
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerVision {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerVision h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerVision div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerVision div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerVision div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabArmure div.rangerVision div.titre button[type=action].bonusCaracL2 {
|
|
width: 26px;
|
|
height: 26px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerVision div.titre button[type=action].bonusCaracL2 {
|
|
margin-right: auto;
|
|
margin-left: 3px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerVision button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabArmure div.rangerVision button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerVision button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabArmure div.rangerVision button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerVision button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabArmure div.rangerVision button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerVision div.titre,
|
|
div.charsheet > div.content div.tabArmure div.rangerVision h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerVision div.titre {
|
|
border-bottom: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerVision select {
|
|
border: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerVision div.rollPJ {
|
|
display: flex;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
font-size: 14px;
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerVision div.rollPJ select {
|
|
width: 50%;
|
|
padding: 0px;
|
|
height: 28px;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerVision div.rollPJ select:last-of-type {
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerVision div.bonusCarac {
|
|
display: none;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerVision div.bonusCarac select {
|
|
display: none;
|
|
padding: 0px;
|
|
height: 28px;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerVision input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1 {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerVision input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerVision input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac select:first-of-type {
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerVision input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabArmure div.rangerVision input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2 {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerVision input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerVision input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:first-of-type {
|
|
display: inline-block;
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerVision input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:last-of-type {
|
|
display: inline-block;
|
|
width: 50%;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.portee {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.portee h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.portee div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.portee h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.portee div.col5 {
|
|
display: flex;
|
|
justify-content: center;
|
|
width: 20%;
|
|
flex-wrap: wrap;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.portee div.col5BL {
|
|
display: flex;
|
|
justify-content: center;
|
|
width: calc(20% - 1px);
|
|
flex-wrap: wrap;
|
|
background: RGB(213, 215, 237);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.portee div.col5 span,
|
|
div.charsheet > div.content div.tabArmure div.portee div.col5BL span {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
line-height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.portee div.col5 span:first-of-type,
|
|
div.charsheet > div.content div.tabArmure div.portee div.col5BL span:first-of-type {
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.portee div.col5 span:last-of-type,
|
|
div.charsheet > div.content div.tabArmure div.portee div.col5BL span:last-of-type {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure label.BMJets {
|
|
display: flex;
|
|
background: RGB(213, 215, 237);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure label.BMJets span {
|
|
position: absolute;
|
|
width: calc(100% - 2px);
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: black;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: left;
|
|
font-size: 14px;
|
|
padding-left: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure label.BMJets input[type=number] {
|
|
position: absolute;
|
|
width: 50%;
|
|
height: 28px;
|
|
text-align: center;
|
|
border-top: 0px;
|
|
border-bottom: 0px;
|
|
border-right: 0px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
padding: 0px;
|
|
right: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rogueGhost {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rogueGhost h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rogueGhost h2.titreBis {
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rogueGhost div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rogueGhost div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rogueGhost div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabArmure div.rogueGhost div.titre button[type=action].bonusCaracL2 {
|
|
width: 26px;
|
|
height: 26px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rogueGhost div.titre button[type=action].bonusCaracL2 {
|
|
margin-right: auto;
|
|
margin-left: 3px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rogueGhost div.titre button[type=action].active {
|
|
width: 100px;
|
|
height: 26px;
|
|
margin-left: auto;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rogueGhost button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabArmure div.rogueGhost button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rogueGhost button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabArmure div.rogueGhost button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rogueGhost button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabArmure div.rogueGhost button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rogueGhost div.titre,
|
|
div.charsheet > div.content div.tabArmure div.rogueGhost h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rogueGhost select {
|
|
border: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rogueGhost label.ligne2 {
|
|
display: flex;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
font-size: 14px;
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rogueGhost label.ligne2 span {
|
|
width: calc(50% - 2px);
|
|
line-height: 28px;
|
|
padding-left: 2px;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rogueGhost label.ligne2 input[type=number] {
|
|
width: 50%;
|
|
height: 28px;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
text-align: center;
|
|
border-top: 0px;
|
|
border-right: 0px;
|
|
border-bottom: 0px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rogueGhost div.rollPJ {
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
font-size: 14px;
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rogueGhost div.rollPJ select {
|
|
padding: 0px;
|
|
height: 28px;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rogueGhost div.rollPJ select:first-of-type {
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rogueGhost div.rollPJ select:last-of-type {
|
|
width: calc(50% - 29px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rogueGhost div.bonusCarac {
|
|
display: none;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rogueGhost div.bonusCarac select {
|
|
display: none;
|
|
padding: 0px;
|
|
height: 28px;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rogueGhost input[type=hidden].bonusCarac[value="0"] ~ div.bonusCarac {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rogueGhost input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1 {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rogueGhost input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rogueGhost input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac select:first-of-type {
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rogueGhost input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabArmure div.rogueGhost input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2 {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rogueGhost input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rogueGhost input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:first-of-type {
|
|
display: inline-block;
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rogueGhost input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:last-of-type {
|
|
display: inline-block;
|
|
width: 50%;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rogueGhost input[type=hidden].active[value^="{{modeGhost"] ~ div.titre button[type=action].active {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.shamanImpregnation,
|
|
div.charsheet > div.content div.tabArmure div.jet {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.shamanImpregnation h1.titre,
|
|
div.charsheet > div.content div.tabArmure div.jet h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.shamanImpregnation div.titre,
|
|
div.charsheet > div.content div.tabArmure div.jet div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.shamanImpregnation div.titre h1.titre,
|
|
div.charsheet > div.content div.tabArmure div.jet div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.shamanImpregnation div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabArmure div.shamanImpregnation div.titre button[type=action].bonusCaracL2,
|
|
div.charsheet > div.content div.tabArmure div.jet div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabArmure div.jet div.titre button[type=action].bonusCaracL2 {
|
|
width: 26px;
|
|
height: 26px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.shamanImpregnation div.titre button[type=action].bonusCaracL2,
|
|
div.charsheet > div.content div.tabArmure div.jet div.titre button[type=action].bonusCaracL2 {
|
|
margin-right: auto;
|
|
margin-left: 3px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.shamanImpregnation button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabArmure div.shamanImpregnation button[type=action].rollDice,
|
|
div.charsheet > div.content div.tabArmure div.jet button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabArmure div.jet button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.shamanImpregnation button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabArmure div.shamanImpregnation button[type=action].rollDice::before,
|
|
div.charsheet > div.content div.tabArmure div.jet button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabArmure div.jet button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.shamanImpregnation button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabArmure div.shamanImpregnation button[type=action].rollDice:hover,
|
|
div.charsheet > div.content div.tabArmure div.jet button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabArmure div.jet button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.shamanImpregnation div.titre,
|
|
div.charsheet > div.content div.tabArmure div.shamanImpregnation h1.titre,
|
|
div.charsheet > div.content div.tabArmure div.jet div.titre,
|
|
div.charsheet > div.content div.tabArmure div.jet h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.shamanImpregnation select,
|
|
div.charsheet > div.content div.tabArmure div.jet select {
|
|
border: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.shamanImpregnation label.ligne2,
|
|
div.charsheet > div.content div.tabArmure div.jet label.ligne2 {
|
|
display: flex;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
font-size: 14px;
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.shamanImpregnation label.ligne2 span,
|
|
div.charsheet > div.content div.tabArmure div.jet label.ligne2 span {
|
|
width: calc(50% - 2px);
|
|
line-height: 28px;
|
|
padding-left: 2px;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.shamanImpregnation label.ligne2 input[type=number],
|
|
div.charsheet > div.content div.tabArmure div.jet label.ligne2 input[type=number] {
|
|
width: 50%;
|
|
height: 28px;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
text-align: center;
|
|
border-top: 0px;
|
|
border-right: 0px;
|
|
border-bottom: 0px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.shamanImpregnation div.rollPJ,
|
|
div.charsheet > div.content div.tabArmure div.jet div.rollPJ {
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
font-size: 14px;
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.shamanImpregnation div.rollPJ select,
|
|
div.charsheet > div.content div.tabArmure div.jet div.rollPJ select {
|
|
width: 50%;
|
|
padding: 0px;
|
|
height: 28px;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.shamanImpregnation div.rollPJ select:last-of-type,
|
|
div.charsheet > div.content div.tabArmure div.jet div.rollPJ select:last-of-type {
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.shamanImpregnation div.rollPNJ,
|
|
div.charsheet > div.content div.tabArmure div.jet div.rollPNJ {
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.shamanImpregnation div.rollPNJ select,
|
|
div.charsheet > div.content div.tabArmure div.jet div.rollPNJ select {
|
|
width: 100%;
|
|
padding: 0px;
|
|
height: 28px;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.shamanImpregnation div.bonusCarac,
|
|
div.charsheet > div.content div.tabArmure div.jet div.bonusCarac {
|
|
display: none;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.shamanImpregnation div.bonusCarac select,
|
|
div.charsheet > div.content div.tabArmure div.jet div.bonusCarac select {
|
|
display: none;
|
|
padding: 0px;
|
|
height: 28px;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.shamanImpregnation input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabArmure div.jet input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1 {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.shamanImpregnation input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac,
|
|
div.charsheet > div.content div.tabArmure div.jet input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.shamanImpregnation input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac select:first-of-type,
|
|
div.charsheet > div.content div.tabArmure div.jet input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac select:first-of-type {
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.shamanImpregnation input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabArmure div.shamanImpregnation input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2,
|
|
div.charsheet > div.content div.tabArmure div.jet input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabArmure div.jet input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2 {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.shamanImpregnation input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac,
|
|
div.charsheet > div.content div.tabArmure div.jet input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.shamanImpregnation input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:first-of-type,
|
|
div.charsheet > div.content div.tabArmure div.jet input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:first-of-type {
|
|
display: inline-block;
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.shamanImpregnation input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:last-of-type,
|
|
div.charsheet > div.content div.tabArmure div.jet input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:last-of-type {
|
|
display: inline-block;
|
|
width: 50%;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.shamanTotem {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.shamanTotem h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.shamanTotem div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.shamanTotem h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.shamanTotem label.ligne2 {
|
|
display: flex;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
font-size: 14px;
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.shamanTotem label.ligne2 span {
|
|
width: calc(50% - 2px);
|
|
line-height: 28px;
|
|
padding-left: 2px;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.shamanTotem label.ligne2 input[type=number],
|
|
div.charsheet > div.content div.tabArmure div.shamanTotem label.ligne2 select {
|
|
width: 50%;
|
|
height: 28px;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
text-align: center;
|
|
border-top: 0px;
|
|
border-right: 0px;
|
|
border-bottom: 0px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.shamanTotem label.totem1,
|
|
div.charsheet > div.content div.tabArmure div.shamanTotem label.totem2,
|
|
div.charsheet > div.content div.tabArmure div.shamanTotem label.totem3 {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.shamanTotem input[type=hidden].nbreTotem[value="1"] ~ label.totem1 {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.shamanTotem input[type=hidden].nbreTotem[value="2"] ~ label.totem1, div.charsheet > div.content div.tabArmure div.shamanTotem input[type=hidden].nbreTotem[value="2"] ~ label.totem2 {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.shamanTotem input[type=hidden].nbreTotem[value="3"] ~ label.totem1, div.charsheet > div.content div.tabArmure div.shamanTotem input[type=hidden].nbreTotem[value="3"] ~ label.totem2, div.charsheet > div.content div.tabArmure div.shamanTotem input[type=hidden].nbreTotem[value="3"] ~ label.totem3 {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.shamanAscension {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.shamanAscension h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.shamanAscension div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.shamanAscension div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.shamanAscension div.titre button[type=action].active {
|
|
width: 100px;
|
|
height: 26px;
|
|
margin-left: auto;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.shamanAscension div.titre,
|
|
div.charsheet > div.content div.tabArmure div.shamanAscension h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.shamanAscension input[type=number] {
|
|
width: 100%;
|
|
border: 0px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.shamanAscension div.ligneTitre {
|
|
display: none;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.shamanAscension div.ligneTitre span {
|
|
display: flex;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.shamanAscension div.ligneTitre span:first-of-type {
|
|
padding-left: 2px;
|
|
width: calc(31% - 2px);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.shamanAscension div.ligneTitre span:not(:first-of-type) {
|
|
width: calc(23% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.shamanAscension label.ligne2 {
|
|
display: flex;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
font-size: 14px;
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.shamanAscension label.ligne2 span {
|
|
width: calc(50% - 2px);
|
|
line-height: 28px;
|
|
padding-left: 2px;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.shamanAscension label.ligne2 input[type=number] {
|
|
width: 50%;
|
|
height: 28px;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
text-align: center;
|
|
border-top: 0px;
|
|
border-right: 0px;
|
|
border-bottom: 0px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.shamanAscension div.ligne3 {
|
|
display: none;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.shamanAscension div.ligne3 span {
|
|
display: flex;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
padding-left: 2px;
|
|
width: calc(31% - 2px);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.shamanAscension div.ligne3 div {
|
|
width: calc(23% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.shamanAscension input[type=hidden].active[value^="1"] ~ div.ligne3, div.charsheet > div.content div.tabArmure div.shamanAscension input[type=hidden].active[value^="1"] ~ div.ligneTitre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.shamanAscension input[type=hidden].active[value^="1"] ~ div.titre button[type=action].active {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.col > div.choixShaman {
|
|
width: 100%;
|
|
margin-bottom: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.col > div.choixShaman > * {
|
|
width: 100%;
|
|
margin-bottom: 10px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure input[type=hidden].choixShaman[value=shaman] ~ div.choixShaman {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure input[type=hidden].choixShaman[value=shaman] ~ div.choixShaman input[type=hidden].PG200[value="1"] ~ div.shaman {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.sorcererMorph {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- label
|
|
- width : Width du label
|
|
- height : height du label
|
|
|
|
- span
|
|
- color : La color
|
|
- background : Le background
|
|
- border : S'il y a une bordure (true/false)
|
|
- width : Width du span
|
|
- height : height du height
|
|
|
|
- shadow : s'il y a une ombre (true/false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.sorcererMorph h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.sorcererMorph h2.titreBis {
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.sorcererMorph div.titreBis {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.sorcererMorph div.titreBis h2.titreBis {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.sorcererMorph div.titreBis button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabArmure div.sorcererMorph div.titreBis button[type=action].bonusCaracL2 {
|
|
width: 26px;
|
|
height: 26px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.sorcererMorph div.titreBis button[type=action].bonusCaracL2 {
|
|
margin-right: auto;
|
|
margin-left: 3px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.sorcererMorph div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.sorcererMorph div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.sorcererMorph div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabArmure div.sorcererMorph div.titre button[type=action].bonusCaracL2 {
|
|
width: 26px;
|
|
height: 26px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.sorcererMorph div.titre button[type=action].bonusCaracL2 {
|
|
margin-right: auto;
|
|
margin-left: 3px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.sorcererMorph div.titre button[type=action].active {
|
|
width: 100px;
|
|
height: 26px;
|
|
margin-left: auto;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.sorcererMorph button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabArmure div.sorcererMorph button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.sorcererMorph button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabArmure div.sorcererMorph button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.sorcererMorph button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabArmure div.sorcererMorph button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.sorcererMorph label.fakeButton {
|
|
position: relative;
|
|
width: 102px;
|
|
height: 27px;
|
|
font-size: 14px;
|
|
align-self: center;
|
|
margin-left: auto;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.sorcererMorph label.fakeButton input[type=checkbox],
|
|
div.charsheet > div.content div.tabArmure div.sorcererMorph label.fakeButton input[type=radio] {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 27px;
|
|
opacity: 0;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.sorcererMorph label.fakeButton input[type=checkbox]:checked ~ span::before,
|
|
div.charsheet > div.content div.tabArmure div.sorcererMorph label.fakeButton input[type=radio]:checked ~ span::before {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.sorcererMorph label.fakeButton span {
|
|
display: flex;
|
|
height: 27px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.sorcererMorph label.fakeButton span::before {
|
|
display: flex;
|
|
width: calc(100% - 2px);
|
|
line-height: 27px;
|
|
content: attr(title);
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.sorcererMorph div.titre,
|
|
div.charsheet > div.content div.tabArmure div.sorcererMorph h1.titre,
|
|
div.charsheet > div.content div.tabArmure div.sorcererMorph div.titreBis,
|
|
div.charsheet > div.content div.tabArmure div.sorcererMorph h2.titreBis {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.sorcererMorph select {
|
|
border: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.sorcererMorph label.ligne2 {
|
|
display: flex;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
font-size: 14px;
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.sorcererMorph label.ligne2 span {
|
|
width: calc(50% - 2px);
|
|
line-height: 28px;
|
|
padding-left: 2px;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.sorcererMorph label.ligne2 input[type=number] {
|
|
width: 50%;
|
|
height: 28px;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
text-align: center;
|
|
border-top: 0px;
|
|
border-right: 0px;
|
|
border-bottom: 0px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.sorcererMorph div.rollPJ {
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
font-size: 14px;
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.sorcererMorph div.rollPJ select {
|
|
width: 50%;
|
|
padding: 0px;
|
|
height: 28px;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.sorcererMorph div.rollPJ select:last-of-type {
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.sorcererMorph div.bonusCarac {
|
|
display: none;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.sorcererMorph div.bonusCarac select {
|
|
display: none;
|
|
padding: 0px;
|
|
height: 28px;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.sorcererMorph label.col2 {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
width: 50%;
|
|
background: RGB(213, 215, 237);
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.sorcererMorph label.col2 span {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
justify-content: center;
|
|
color: black;
|
|
font-weight: bold;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.sorcererMorph label.col2 input[type=text],
|
|
div.charsheet > div.content div.tabArmure div.sorcererMorph label.col2 input[type=number] {
|
|
width: 100%;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
border-left: 0px;
|
|
border-bottom: 0px;
|
|
border-right: 0px;
|
|
text-align: center;
|
|
padding: 0px;
|
|
height: 29px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.sorcererMorph label.col2BL {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
width: calc(50% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
background: RGB(213, 215, 237);
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.sorcererMorph label.col2BL span {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
justify-content: center;
|
|
color: black;
|
|
font-weight: bold;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.sorcererMorph label.col2BL input[type=text],
|
|
div.charsheet > div.content div.tabArmure div.sorcererMorph label.col2BL input[type=number] {
|
|
width: 100%;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
border-left: 0px;
|
|
border-bottom: 0px;
|
|
border-right: 0px;
|
|
text-align: center;
|
|
padding: 0px;
|
|
height: 29px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.sorcererMorph .borderCTop {
|
|
border-top: 1px solid RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.sorcererMorph .borderSBottom {
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.sorcererMorph .borderS {
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.sorcererMorph button[type=action].PG250 {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.sorcererMorph input[type=hidden].bonusCarac[value="0"] ~ div.bonusCarac {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.sorcererMorph input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1, div.charsheet > div.content div.tabArmure div.sorcererMorph input[type=hidden].bonusCarac[value="1"] ~ div.titreBis button[type=action].bonusCaracL1 {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.sorcererMorph input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.sorcererMorph input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac select:first-of-type {
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.sorcererMorph input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabArmure div.sorcererMorph input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2, div.charsheet > div.content div.tabArmure div.sorcererMorph input[type=hidden].bonusCarac[value="2"] ~ div.titreBis button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabArmure div.sorcererMorph input[type=hidden].bonusCarac[value="2"] ~ div.titreBis button[type=action].bonusCaracL2 {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.sorcererMorph input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.sorcererMorph input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:first-of-type {
|
|
display: inline-block;
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.sorcererMorph input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:last-of-type {
|
|
display: inline-block;
|
|
width: 50%;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.sorcererMorph input[type=hidden].sorcerer250[value=on] ~ div button[type=action].PG250 {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.sorcererMorph input[type=hidden].sorcerer250[value=on] ~ div label.not250PG {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.sorcererMorph input[type=hidden].activateModeMorph250[value="1"] ~ div button[type=action].active {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warlockForward,
|
|
div.charsheet > div.content div.tabArmure div.warlockRewind {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warlockForward h1.titre,
|
|
div.charsheet > div.content div.tabArmure div.warlockRewind h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warlockForward h2.titreBis,
|
|
div.charsheet > div.content div.tabArmure div.warlockRewind h2.titreBis {
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warlockForward div.titre,
|
|
div.charsheet > div.content div.tabArmure div.warlockRewind div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warlockForward div.titre h1.titre,
|
|
div.charsheet > div.content div.tabArmure div.warlockRewind div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warlockForward div.titre button[type=action].active,
|
|
div.charsheet > div.content div.tabArmure div.warlockRewind div.titre button[type=action].active {
|
|
width: 100px;
|
|
height: 26px;
|
|
margin-left: auto;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warlockForward div.titre,
|
|
div.charsheet > div.content div.tabArmure div.warlockForward h1.titre,
|
|
div.charsheet > div.content div.tabArmure div.warlockRewind div.titre,
|
|
div.charsheet > div.content div.tabArmure div.warlockRewind h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warlockForward input[type=hidden].active[value="1"] ~ div button[type=action].active,
|
|
div.charsheet > div.content div.tabArmure div.warlockRewind input[type=hidden].active[value="1"] ~ div button[type=action].active {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warlockForward div.titre {
|
|
border-bottom: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warlockRecord {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warlockRecord h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warlockRecord h2.titreBis {
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warlockRecord div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warlockRecord div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warlockRecord div.titre button[type=action].active {
|
|
width: 100px;
|
|
height: 26px;
|
|
margin-left: auto;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warlockRecord div.titre,
|
|
div.charsheet > div.content div.tabArmure div.warlockRecord h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warlockRecord label.ligne2 {
|
|
display: flex;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
font-size: 14px;
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warlockRecord label.ligne2 span {
|
|
width: calc(50% - 2px);
|
|
line-height: 28px;
|
|
padding-left: 2px;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warlockRecord label.ligne2 input[type=number] {
|
|
width: 50%;
|
|
height: 28px;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
text-align: center;
|
|
border-top: 0px;
|
|
border-right: 0px;
|
|
border-bottom: 0px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warlockRecord label.ligne2:not(:first-of-type) {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warlockRecord input[type=hidden].active[value="1"] ~ div button[type=action].active {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warlockContrecoups {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warlockContrecoups h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warlockContrecoups div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warlockContrecoups div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warlockContrecoups button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabArmure div.warlockContrecoups button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warlockContrecoups button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabArmure div.warlockContrecoups button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warlockContrecoups button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabArmure div.warlockContrecoups button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warlockContrecoups div.titre,
|
|
div.charsheet > div.content div.tabArmure div.warlockContrecoups h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warlockContrecoups div.titre {
|
|
border-bottom: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warmasterFalcon {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warmasterFalcon h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warmasterFalcon h2.titreBis {
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warmasterFalcon div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warmasterFalcon h1.titre,
|
|
div.charsheet > div.content div.tabArmure div.warmasterFalcon h2.titreBis {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warmasterFalcon h2.titreBis {
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warmasterWarlord {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- label
|
|
- width : Width du label
|
|
- height : height du label
|
|
|
|
- span
|
|
- color : La color
|
|
- background : Le background
|
|
- border : S'il y a une bordure (true/false)
|
|
- width : Width du span
|
|
- height : height du height
|
|
|
|
- shadow : s'il y a une ombre (true/false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warmasterWarlord h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warmasterWarlord h2.titreBis {
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warmasterWarlord div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warmasterWarlord div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warmasterWarlord div.titre button[type=action].active {
|
|
width: 100px;
|
|
height: 26px;
|
|
margin-left: auto;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warmasterWarlord div.titre button[type=action].personnel {
|
|
width: 100px;
|
|
height: 26px;
|
|
margin-right: auto;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warmasterWarlord label.fakeButton {
|
|
position: relative;
|
|
width: 102px;
|
|
height: 27px;
|
|
font-size: 14px;
|
|
align-self: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warmasterWarlord label.fakeButton input[type=checkbox],
|
|
div.charsheet > div.content div.tabArmure div.warmasterWarlord label.fakeButton input[type=radio] {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 27px;
|
|
opacity: 0;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warmasterWarlord label.fakeButton input[type=checkbox]:checked ~ span::before,
|
|
div.charsheet > div.content div.tabArmure div.warmasterWarlord label.fakeButton input[type=radio]:checked ~ span::before {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warmasterWarlord label.fakeButton span {
|
|
display: flex;
|
|
height: 27px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warmasterWarlord label.fakeButton span::before {
|
|
display: flex;
|
|
width: calc(100% - 2px);
|
|
line-height: 27px;
|
|
content: attr(title);
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warmasterWarlord div.button {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: space-evenly;
|
|
flex-wrap: wrap;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warmasterWarlord div.button button[type=action] {
|
|
display: flex;
|
|
width: 100px;
|
|
height: 26px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
margin-top: 1px;
|
|
margin-bottom: 1px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warmasterWarlord h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warmasterWarlord h2.titreBis {
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warmasterWarlord div.energie {
|
|
border-bottom: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warmasterWarlord div.action {
|
|
border-bottom: 1px solid RGB(213, 215, 237);
|
|
border-top: 1px solid RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warmasterWarlord label.ligne2 {
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
font-size: 14px;
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warmasterWarlord label.ligne2 span {
|
|
width: calc(50% - 2px);
|
|
line-height: 28px;
|
|
padding-left: 2px;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warmasterWarlord label.ligne2 input[type=number] {
|
|
width: 50%;
|
|
height: 28px;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
text-align: center;
|
|
border-top: 0px;
|
|
border-right: 0px;
|
|
border-bottom: 0px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warmasterWarlord label.ligne2:not(:first-of-type) {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warmasterWarlord label.col2 {
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
flex-wrap: wrap;
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warmasterWarlord label.col2 span {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
justify-content: center;
|
|
color: black;
|
|
font-weight: bold;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warmasterWarlord label.col2 input[type=number],
|
|
div.charsheet > div.content div.tabArmure div.warmasterWarlord label.col2 input[type=text] {
|
|
width: 100%;
|
|
height: 28px;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
border-bottom: 0px;
|
|
text-align: center;
|
|
padding: 0px;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warmasterWarlord label.col2BL {
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
flex-wrap: wrap;
|
|
width: calc(50% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warmasterWarlord label.col2BL span {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
justify-content: center;
|
|
color: black;
|
|
font-weight: bold;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warmasterWarlord label.col2BL input[type=number],
|
|
div.charsheet > div.content div.tabArmure div.warmasterWarlord label.col2BL input[type=text] {
|
|
width: 100%;
|
|
height: 28px;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
border-bottom: 0px;
|
|
text-align: center;
|
|
padding: 0px;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warmasterWarlord .action,
|
|
div.charsheet > div.content div.tabArmure div.warmasterWarlord .esquive,
|
|
div.charsheet > div.content div.tabArmure div.warmasterWarlord .force,
|
|
div.charsheet > div.content div.tabArmure div.warmasterWarlord .guerre,
|
|
div.charsheet > div.content div.tabArmure div.warmasterWarlord .energie {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warmasterWarlord input[type=hidden].active[value=on] ~ button[type=action].active {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warmasterWarlord input[type=hidden].personnel[value=on] ~ button[type=action].personnel {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warmasterWarlord input[type=hidden].action[value=on] ~ div.button button[type=action].action {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warmasterWarlord input[type=hidden].action[value=on] ~ .action {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warmasterWarlord input[type=hidden].esquive[value=on] ~ div.button button[type=action].esquive {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warmasterWarlord input[type=hidden].esquive[value=on] ~ .esquive {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warmasterWarlord input[type=hidden].force[value=on] ~ div.button button[type=action].force {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warmasterWarlord input[type=hidden].force[value=on] ~ .force {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warmasterWarlord input[type=hidden].guerre[value=on] ~ div.button button[type=action].guerre {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warmasterWarlord input[type=hidden].guerre[value=on] ~ .guerre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warmasterWarlord input[type=hidden].energie[value=on] ~ div.button button[type=action].energie {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warmasterWarlord input[type=hidden].energie[value=on] ~ .energie {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warmasterWarlord input[type=hidden].PG200[value=on] ~ div.button, div.charsheet > div.content div.tabArmure div.warmasterWarlord input[type=hidden].PG200[value=on] ~ h2.titreBis {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warmasterWarlord input[type=hidden].PG200[value=on] ~ .action {
|
|
border-top: 1px solid RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warmasterWarlord input[type=hidden].PG200[value=on] ~ .action, div.charsheet > div.content div.tabArmure div.warmasterWarlord input[type=hidden].PG200[value=on] ~ .esquive, div.charsheet > div.content div.tabArmure div.warmasterWarlord input[type=hidden].PG200[value=on] ~ .force, div.charsheet > div.content div.tabArmure div.warmasterWarlord input[type=hidden].PG200[value=on] ~ .guerre, div.charsheet > div.content div.tabArmure div.warmasterWarlord input[type=hidden].PG200[value=on] ~ .energie {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warriorTypes {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- label
|
|
- width : Width du label
|
|
- height : height du label
|
|
|
|
- span
|
|
- color : La color
|
|
- background : Le background
|
|
- border : S'il y a une bordure (true/false)
|
|
- width : Width du span
|
|
- height : height du height
|
|
|
|
- shadow : s'il y a une ombre (true/false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warriorTypes h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warriorTypes h2.titreBis {
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warriorTypes div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warriorTypes div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warriorTypes label.fakeButton {
|
|
position: relative;
|
|
width: 100px;
|
|
height: 27px;
|
|
font-size: 14px;
|
|
align-self: center;
|
|
margin-left: auto;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warriorTypes label.fakeButton input[type=checkbox],
|
|
div.charsheet > div.content div.tabArmure div.warriorTypes label.fakeButton input[type=radio] {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 27px;
|
|
opacity: 0;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warriorTypes label.fakeButton input[type=checkbox]:checked ~ span::before,
|
|
div.charsheet > div.content div.tabArmure div.warriorTypes label.fakeButton input[type=radio]:checked ~ span::before {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warriorTypes label.fakeButton span {
|
|
display: flex;
|
|
height: 27px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warriorTypes label.fakeButton span::before {
|
|
display: flex;
|
|
width: calc(100% - 2px);
|
|
line-height: 27px;
|
|
content: attr(title);
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warriorTypes div.button {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: space-evenly;
|
|
flex-wrap: wrap;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warriorTypes div.button button[type=action] {
|
|
display: flex;
|
|
width: 100px;
|
|
height: 26px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
margin-top: 1px;
|
|
margin-bottom: 1px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warriorTypes h1.titre,
|
|
div.charsheet > div.content div.tabArmure div.warriorTypes h2.titreBis {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warriorTypes h2.titreBis {
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warriorTypes label.col3 {
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
flex-wrap: wrap;
|
|
width: 33.3333333333%;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warriorTypes label.col3 span {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
justify-content: center;
|
|
color: black;
|
|
font-weight: bold;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warriorTypes label.col3 input[type=number],
|
|
div.charsheet > div.content div.tabArmure div.warriorTypes label.col3 input[type=text] {
|
|
width: 100%;
|
|
height: 28px;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
border-bottom: 0px;
|
|
text-align: center;
|
|
padding: 0px;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warriorTypes label.col3BL {
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
flex-wrap: wrap;
|
|
width: calc(33.3333333333% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warriorTypes label.col3BL span {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
justify-content: center;
|
|
color: black;
|
|
font-weight: bold;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warriorTypes label.col3BL input[type=number],
|
|
div.charsheet > div.content div.tabArmure div.warriorTypes label.col3BL input[type=text] {
|
|
width: 100%;
|
|
height: 28px;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
border-bottom: 0px;
|
|
text-align: center;
|
|
padding: 0px;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warriorTypes .soldier,
|
|
div.charsheet > div.content div.tabArmure div.warriorTypes .hunter,
|
|
div.charsheet > div.content div.tabArmure div.warriorTypes .scholar,
|
|
div.charsheet > div.content div.tabArmure div.warriorTypes .herald,
|
|
div.charsheet > div.content div.tabArmure div.warriorTypes .scout {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warriorTypes input[type=hidden].soldier[value=on] ~ div.button button[type=action].soldier {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warriorTypes input[type=hidden].soldier[value=on] ~ .soldier {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warriorTypes input[type=hidden].hunter[value=on] ~ div.button button[type=action].hunter {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warriorTypes input[type=hidden].hunter[value=on] ~ .hunter {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warriorTypes input[type=hidden].scholar[value=on] ~ div.button button[type=action].scholar {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warriorTypes input[type=hidden].scholar[value=on] ~ .scholar {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warriorTypes input[type=hidden].herald[value=on] ~ div.button button[type=action].herald {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warriorTypes input[type=hidden].herald[value=on] ~ .herald {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warriorTypes input[type=hidden].scout[value=on] ~ div.button button[type=action].scout {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warriorTypes input[type=hidden].scout[value=on] ~ .scout {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warriorTypes input[type=hidden].PG200[value=on] ~ .soldier, div.charsheet > div.content div.tabArmure div.warriorTypes input[type=hidden].PG200[value=on] ~ .hunter, div.charsheet > div.content div.tabArmure div.warriorTypes input[type=hidden].PG200[value=on] ~ .scholar, div.charsheet > div.content div.tabArmure div.warriorTypes input[type=hidden].PG200[value=on] ~ .herald, div.charsheet > div.content div.tabArmure div.warriorTypes input[type=hidden].PG200[value=on] ~ .scout {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warriorTypes input[type=hidden].PG200[value=on] ~ h1.titre {
|
|
border-bottom: 1px solid RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.warriorTypes input[type=hidden].PG200[value=on] ~ h2.titreBis, div.charsheet > div.content div.tabArmure div.warriorTypes input[type=hidden].PG200[value=on] ~ div.button {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.wizardBorealis {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.wizardBorealis h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.wizardBorealis h2.titreBis {
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.wizardBorealis div.titreBis {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.wizardBorealis div.titreBis h2.titreBis {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.wizardBorealis div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.wizardBorealis div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.wizardBorealis div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabArmure div.wizardBorealis div.titre button[type=action].bonusCaracL2 {
|
|
width: 26px;
|
|
height: 26px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.wizardBorealis div.titre button[type=action].bonusCaracL2 {
|
|
margin-right: auto;
|
|
margin-left: 3px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.wizardBorealis div.titre button[type=action].active {
|
|
width: 100px;
|
|
height: 26px;
|
|
margin-left: auto;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.wizardBorealis button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabArmure div.wizardBorealis button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.wizardBorealis button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabArmure div.wizardBorealis button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.wizardBorealis button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabArmure div.wizardBorealis button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.wizardBorealis div.titre,
|
|
div.charsheet > div.content div.tabArmure div.wizardBorealis h1.titre,
|
|
div.charsheet > div.content div.tabArmure div.wizardBorealis div.titreBis,
|
|
div.charsheet > div.content div.tabArmure div.wizardBorealis h2.titreBis {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.wizardBorealis select {
|
|
border: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.wizardBorealis label.ligne2 {
|
|
display: flex;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
font-size: 14px;
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.wizardBorealis label.ligne2 span {
|
|
width: calc(50% - 2px);
|
|
line-height: 28px;
|
|
padding-left: 2px;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.wizardBorealis label.ligne2 input[type=number],
|
|
div.charsheet > div.content div.tabArmure div.wizardBorealis label.ligne2 select {
|
|
width: 50%;
|
|
height: 28px;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
text-align: center;
|
|
border-top: 0px;
|
|
border-right: 0px;
|
|
border-bottom: 0px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.wizardBorealis div.rollPJ {
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
font-size: 14px;
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.wizardBorealis div.rollPJ select {
|
|
width: 50%;
|
|
padding: 0px;
|
|
height: 28px;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.wizardBorealis div.rollPJ select:last-of-type {
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.wizardBorealis div.bonusCarac {
|
|
display: none;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.wizardBorealis div.bonusCarac select {
|
|
display: none;
|
|
padding: 0px;
|
|
height: 28px;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.wizardBorealis label.col3 {
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
flex-wrap: wrap;
|
|
width: 33.3333333333%;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.wizardBorealis label.col3 span {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
justify-content: center;
|
|
color: black;
|
|
font-weight: bold;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.wizardBorealis label.col3 input[type=number],
|
|
div.charsheet > div.content div.tabArmure div.wizardBorealis label.col3 input[type=text] {
|
|
width: 100%;
|
|
height: 28px;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
border-bottom: 0px;
|
|
text-align: center;
|
|
padding: 0px;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.wizardBorealis label.col3BL {
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
flex-wrap: wrap;
|
|
width: calc(33.3333333333% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.wizardBorealis label.col3BL span {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
justify-content: center;
|
|
color: black;
|
|
font-weight: bold;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.wizardBorealis label.col3BL input[type=number],
|
|
div.charsheet > div.content div.tabArmure div.wizardBorealis label.col3BL input[type=text] {
|
|
width: 100%;
|
|
height: 28px;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
border-bottom: 0px;
|
|
text-align: center;
|
|
padding: 0px;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.wizardBorealis .borderTop {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.wizardBorealis button[type=action].rollDice {
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.wizardBorealis input[type=hidden].active[value=on] ~ div button[type=action].active {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.wizardBorealis input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1 {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.wizardBorealis input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.wizardBorealis input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac select:first-of-type {
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.wizardBorealis input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabArmure div.wizardBorealis input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2 {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.wizardBorealis input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.wizardBorealis input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:first-of-type {
|
|
display: inline-block;
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.wizardBorealis input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:last-of-type {
|
|
display: inline-block;
|
|
width: 50%;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.wizardBorealis input[type=text] {
|
|
width: 100%;
|
|
text-align: center;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
border-bottom: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.wizardOriflamme {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.wizardOriflamme h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.wizardOriflamme div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.wizardOriflamme div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.wizardOriflamme button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabArmure div.wizardOriflamme button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.wizardOriflamme button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabArmure div.wizardOriflamme button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.wizardOriflamme button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabArmure div.wizardOriflamme button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.wizardOriflamme div.titre,
|
|
div.charsheet > div.content div.tabArmure div.wizardOriflamme h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.wizardOriflamme select {
|
|
border: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.wizardOriflamme label.col3 {
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
flex-wrap: wrap;
|
|
width: 33.3333333333%;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.wizardOriflamme label.col3 span {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
justify-content: center;
|
|
color: black;
|
|
font-weight: bold;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.wizardOriflamme label.col3 input[type=number],
|
|
div.charsheet > div.content div.tabArmure div.wizardOriflamme label.col3 input[type=text] {
|
|
width: 100%;
|
|
height: 28px;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
border-bottom: 0px;
|
|
text-align: center;
|
|
padding: 0px;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.wizardOriflamme label.col3BL {
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
flex-wrap: wrap;
|
|
width: calc(33.3333333333% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.wizardOriflamme label.col3BL span {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
justify-content: center;
|
|
color: black;
|
|
font-weight: bold;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.wizardOriflamme label.col3BL input[type=number],
|
|
div.charsheet > div.content div.tabArmure div.wizardOriflamme label.col3BL input[type=text] {
|
|
width: 100%;
|
|
height: 28px;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
border-bottom: 0px;
|
|
text-align: center;
|
|
padding: 0px;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.wizardOriflamme .wizard250 {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.wizardOriflamme div.autoex {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.wizardOriflamme input[type=hidden].PG250[value=on] ~ div button[type=roll].wizard250 {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.wizardOriflamme input[type=hidden].PG250[value=on] ~ div button[type=roll].wizardNot250 {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.MAL {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.MAL > h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
border-bottom: 1px solid RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.MAL div.MALPriest,
|
|
div.charsheet > div.content div.tabArmure div.MAL div.MALPsion,
|
|
div.charsheet > div.content div.tabArmure div.MAL div.MALShaman,
|
|
div.charsheet > div.content div.tabArmure div.MAL div.MALWarlock,
|
|
div.charsheet > div.content div.tabArmure div.MAL div.MALWarmaster {
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.MAL div.MALPriest > div,
|
|
div.charsheet > div.content div.tabArmure div.MAL div.MALPsion > div,
|
|
div.charsheet > div.content div.tabArmure div.MAL div.MALShaman > div,
|
|
div.charsheet > div.content div.tabArmure div.MAL div.MALWarlock > div,
|
|
div.charsheet > div.content div.tabArmure div.MAL div.MALWarmaster > div {
|
|
border-top: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.MAL div.druidModJetCompagnons {
|
|
border-top: 0px;
|
|
border-bottom: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.MAL div.MALDCompagnon button[type=action].lion,
|
|
div.charsheet > div.content div.tabArmure div.MAL div.MALDCompagnon button[type=action].wolf,
|
|
div.charsheet > div.content div.tabArmure div.MAL div.MALDCompagnon button[type=action].crow {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.MAL div.MALDCompagnon input[type=hidden].legendeChoisie[value="1"] ~ div.button button[type=action].lion {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.MAL div.MALDCompagnon input[type=hidden].legendeChoisie[value="2"] ~ div.button button[type=action].wolf {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.MAL div.MALDCompagnon input[type=hidden].legendeChoisie[value="3"] ~ div.button button[type=action].crow {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.MAL div.MALPaladin,
|
|
div.charsheet > div.content div.tabArmure div.MAL div.MALRanger,
|
|
div.charsheet > div.content div.tabArmure div.MAL div.MALWarrior,
|
|
div.charsheet > div.content div.tabArmure div.MAL div.MALWizard {
|
|
border-top: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.MAL div.MALPriest > div {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.MAL div.MALPriest input[type=hidden].legendeChoisie[value="1"] ~ div.priestMechanic {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.MAL div.MALPriest input[type=hidden].legendeChoisie[value="1"] ~ div.priestMechanic div.titre {
|
|
border-top: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.MAL div.MALPriest input[type=hidden].legendeChoisie[value="2"] ~ div.priestNanoC {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.MAL div.MALPriest input[type=hidden].legendeChoisie[value="2"] ~ div.priestNanoC div.titre {
|
|
border-top: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.MAL div.MALPsion {
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.MAL div.MALPsion > div {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.MAL div.MALPsion > div:not(:first-of-type) {
|
|
border-top: 5px double RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.MAL div.MALPsion > div:first-of-type {
|
|
border-top: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.MAL div.MALPsion input[type=hidden].legendeChoisie[value="1"] ~ div.psionPuppetMaster,
|
|
div.charsheet > div.content div.tabArmure div.MAL div.MALPsion input[type=hidden].legendeChoisie2[value="1"] ~ div.psionPuppetMaster {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.MAL div.MALPsion input[type=hidden].legendeChoisie[value="2"] ~ div.psionDiscord,
|
|
div.charsheet > div.content div.tabArmure div.MAL div.MALPsion input[type=hidden].legendeChoisie2[value="2"] ~ div.psionDiscord {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.MAL div.MALPsion input[type=hidden].legendeChoisie[value="3"] ~ div.psionWindtalker,
|
|
div.charsheet > div.content div.tabArmure div.MAL div.MALPsion input[type=hidden].legendeChoisie2[value="3"] ~ div.psionWindtalker {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.MAL div.MALShaman {
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.MAL div.MALWarlock {
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.MAL div.MALWarlock > div {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.MAL div.MALWarlock div.warlockContrecoups {
|
|
border-bottom: 1px solid RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.MAL div.MALWarlock input[type=hidden].legendeChoisie[value="1"] ~ div.warlockContrecoups, div.charsheet > div.content div.tabArmure div.MAL div.MALWarlock input[type=hidden].legendeChoisie[value="1"] ~ div.warlockRecord {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.MAL div.MALWarlock input[type=hidden].legendeChoisie[value="1"] ~ div.warlockContrecoups div.titre, div.charsheet > div.content div.tabArmure div.MAL div.MALWarlock input[type=hidden].legendeChoisie[value="1"] ~ div.warlockRecord div.titre {
|
|
border-top: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.MAL div.MALWarlock input[type=hidden].legendeChoisie[value="2"] ~ div.warlockContrecoups, div.charsheet > div.content div.tabArmure div.MAL div.MALWarlock input[type=hidden].legendeChoisie[value="2"] ~ div.warlockRewind {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.MAL div.MALWarlock input[type=hidden].legendeChoisie[value="2"] ~ div.warlockContrecoups div.titre, div.charsheet > div.content div.tabArmure div.MAL div.MALWarlock input[type=hidden].legendeChoisie[value="2"] ~ div.warlockRewind div.titre {
|
|
border-top: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.MAL div.MALWarmaster > div {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.MAL div.MALWarmaster div.warmasterWarlord input[type=hidden].warlordChoisie[value="1"] ~ div.action, div.charsheet > div.content div.tabArmure div.MAL div.MALWarmaster div.warmasterWarlord input[type=hidden].warlordChoisie[value="1"] ~ div.esquive {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.MAL div.MALWarmaster div.warmasterWarlord input[type=hidden].warlordChoisie[value="2"] ~ div.action, div.charsheet > div.content div.tabArmure div.MAL div.MALWarmaster div.warmasterWarlord input[type=hidden].warlordChoisie[value="2"] ~ div.force {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.MAL div.MALWarmaster div.warmasterWarlord input[type=hidden].warlordChoisie[value="3"] ~ div.action, div.charsheet > div.content div.tabArmure div.MAL div.MALWarmaster div.warmasterWarlord input[type=hidden].warlordChoisie[value="3"] ~ div.guerre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.MAL div.MALWarmaster div.warmasterWarlord input[type=hidden].warlordChoisie[value="4"] ~ div.action, div.charsheet > div.content div.tabArmure div.MAL div.MALWarmaster div.warmasterWarlord input[type=hidden].warlordChoisie[value="4"] ~ div.energie {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.MAL div.MALWarmaster input[type=hidden].legendeChoisie[value="1"] ~ div.warmasterWarlord {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.MAL div.MALWarmaster input[type=hidden].legendeChoisie[value="1"] ~ div.warmasterWarlord div.titre {
|
|
border-top: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.MAL div.MALWarmaster input[type=hidden].legendeChoisie[value="2"] ~ div.warmasterFalcon {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.MAL div.MALWarmaster input[type=hidden].legendeChoisie[value="2"] ~ div.warmasterFalcon div.titre {
|
|
border-top: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.MAL div.MALWarrior input[type=hidden].legendeChoisie[value="1"] ~ .soldier {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.MAL div.MALWarrior input[type=hidden].legendeChoisie[value="2"] ~ .hunter {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.MAL div.MALWarrior input[type=hidden].legendeChoisie[value="3"] ~ .scholar {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.MAL div.MALWarrior input[type=hidden].legendeChoisie[value="4"] ~ .herald {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.MAL div.MALWarrior input[type=hidden].legendeChoisie[value="5"] ~ .scout {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.capacitesFanMade {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- label
|
|
- width : Width du label
|
|
- height : height du label
|
|
|
|
- span
|
|
- color : La color
|
|
- background : Le background
|
|
- border : S'il y a une bordure (true/false)
|
|
- width : Width du span
|
|
- height : height du height
|
|
|
|
- shadow : s'il y a une ombre (true/false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.capacitesFanMade h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.capacitesFanMade div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.capacitesFanMade label.fakeButton {
|
|
position: relative;
|
|
width: 150px;
|
|
height: 23px;
|
|
font-size: 14px;
|
|
align-self: center;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
font-size: 12px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.capacitesFanMade label.fakeButton input[type=checkbox],
|
|
div.charsheet > div.content div.tabArmure div.capacitesFanMade label.fakeButton input[type=radio] {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 23px;
|
|
opacity: 0;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.capacitesFanMade label.fakeButton span {
|
|
display: flex;
|
|
height: 23px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.capacitesFanMade label.fakeButton span::before {
|
|
display: flex;
|
|
width: calc(100% - 2px);
|
|
line-height: 23px;
|
|
content: attr(title);
|
|
border: 1px solid black;
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.capacitesFanMade h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.capacitesFanMade div {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: center;
|
|
background: RGB(213, 215, 237);
|
|
padding: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.capacitesFanMade input[type=checkbox]:checked ~ span::before {
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.capacitesSpeciales {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.capacitesSpeciales h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.capacitesSpeciales div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.capacitesSpeciales h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.capacitesSpeciales div {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: center;
|
|
background: RGB(213, 215, 237);
|
|
padding: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.capacitesSpeciales div button[type=action] {
|
|
display: flex;
|
|
width: 150px;
|
|
height: 23px;
|
|
justify-content: center;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
line-height: 22px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
margin-top: 1px;
|
|
margin-bottom: 1px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.capacites,
|
|
div.charsheet > div.content div.tabArmure div.capacitePhase2 {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.capacites h1.titre,
|
|
div.charsheet > div.content div.tabArmure div.capacitePhase2 h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.capacites div.titre,
|
|
div.charsheet > div.content div.tabArmure div.capacitePhase2 div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.capacites details[open] summary::before,
|
|
div.charsheet > div.content div.tabArmure div.capacitePhase2 details[open] summary::before {
|
|
content: "-";
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.capacites details summary::before,
|
|
div.charsheet > div.content div.tabArmure div.capacitePhase2 details summary::before {
|
|
display: flex;
|
|
content: "+";
|
|
width: 25px;
|
|
height: 27px;
|
|
background-color: RGB(93, 111, 179);
|
|
justify-content: center;
|
|
line-height: 21px;
|
|
font-size: 25px;
|
|
color: white;
|
|
cursor: pointer;
|
|
border-top: 1px solid RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.capacites h1.titre,
|
|
div.charsheet > div.content div.tabArmure div.capacitePhase2 h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.capacites div.repcontainer,
|
|
div.charsheet > div.content div.tabArmure div.capacitePhase2 div.repcontainer {
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.capacites div.repcontainer div.repitem,
|
|
div.charsheet > div.content div.tabArmure div.capacitePhase2 div.repcontainer div.repitem {
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.capacites div.repitem details,
|
|
div.charsheet > div.content div.tabArmure div.capacitePhase2 div.repitem details {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.capacites div.repitem details summary,
|
|
div.charsheet > div.content div.tabArmure div.capacitePhase2 div.repitem details summary {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.capacites div.repitem details summary input[type=text],
|
|
div.charsheet > div.content div.tabArmure div.capacitePhase2 div.repitem details summary input[type=text] {
|
|
width: calc(100% - 25px);
|
|
padding-top: 0px;
|
|
padding-left: 0px;
|
|
padding-bottom: 0px;
|
|
padding-right: 25px;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
border-bottom: 0px;
|
|
text-align: center;
|
|
height: 28px;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.capacites div.repitem div.autoex,
|
|
div.charsheet > div.content div.tabArmure div.capacitePhase2 div.repitem div.autoex {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.notes {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.notes h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.notes div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.notes h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.notes div.repcontainer {
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.notes div.repcontainer div.repitem {
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.notes div.autoex {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure input[type=hidden].druidCompanions[value=aucun] ~ div.DCLion, div.charsheet > div.content div.tabArmure input[type=hidden].druidCompanions[value=aucun] ~ div.DCWolf, div.charsheet > div.content div.tabArmure input[type=hidden].druidCompanions[value=aucun] ~ div.DCCrow, div.charsheet > div.content div.tabArmure input[type=hidden].druidCompanions[value=aucun] ~ h1.titre {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabArmure input[type=hidden].druidCompanions[value=lion] ~ div.DCWolf, div.charsheet > div.content div.tabArmure input[type=hidden].druidCompanions[value=lion] ~ div.DCCrow {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabArmure input[type=hidden].druidCompanions[value=wolf] ~ div.DCLion, div.charsheet > div.content div.tabArmure input[type=hidden].druidCompanions[value=wolf] ~ div.DCCrow {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabArmure input[type=hidden].druidCompanions[value=crow] ~ div.DCLion, div.charsheet > div.content div.tabArmure input[type=hidden].druidCompanions[value=crow] ~ div.DCWolf {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- justifyContent : règle la façon dont le contenu est justifié.
|
|
- width : width du div.
|
|
- color : Couleur du texte.
|
|
- background : Background des boutons
|
|
- borderColor : couleur de la bordure
|
|
- fontSize : font size du texte.
|
|
- fontBold : Si le font est Bold ou non (true/false)
|
|
- button
|
|
- width : width du bouton
|
|
- widthBL : width des boutons ayant une bordure à gauche.
|
|
- widthBLR : width des boutons ayant une bordure à gauche et à droite.
|
|
- height : height des boutons.
|
|
- lastLine : indique qu'il y a un bouton sur une seconde ligne (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabArmure div.DCLion button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabArmure div.DCLion button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabArmure div.DCLion button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion > div.subMenu {
|
|
display: flex;
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
align-items: flex-end;
|
|
align-content: flex-end;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion > div.subMenu button[type=action] {
|
|
display: flex;
|
|
padding: 0px;
|
|
width: 33.3333333333%;
|
|
height: 28px;
|
|
justify-content: center;
|
|
line-height: 28px;
|
|
font-size: 1.2em;
|
|
font-weight: bold;
|
|
border-top: 1px solid black;
|
|
border-bottom: 1px solid black;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion > div.subMenu button[type=action].BL {
|
|
width: calc(33.3333333333% - 1px);
|
|
border-left: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion > div.subMenu button[type=action].BR {
|
|
width: calc(33.3333333333% - 1px);
|
|
border-right: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion > div.subMenu button[type=action].BLR {
|
|
border-right: 1px solid black;
|
|
border-left: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion > div.subMenu button[type=action].NBT {
|
|
border-top: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.col4,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.col4BL {
|
|
width: 25%;
|
|
flex-wrap: wrap;
|
|
align-content: flex-start;
|
|
align-items: flex-start;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.col4 > h1.titre,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.col4BL > h1.titre {
|
|
border-top: 1px solid white;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.col4 div.ligne,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.col4BL div.ligne {
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.col4 div.ligne span,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.col4BL div.ligne span {
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.col4 div.ligne div.blockR,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.col4BL div.ligne div.blockR {
|
|
width: 50%;
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.col4 div.ligne:not(:first-of-type),
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.col4BL div.ligne:not(:first-of-type) {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.col4 div.aspect span,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.col4BL div.aspect span {
|
|
width: calc(50% - 2px);
|
|
padding-left: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.col4 div.aspect div.blockR input[type=number],
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.col4BL div.aspect div.blockR input[type=number] {
|
|
width: calc(100% - 28px);
|
|
border-top: 0px;
|
|
border-left: 0px;
|
|
border-bottom: 0px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
height: 28px;
|
|
border-right: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.col4 div.AE,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.col4BL div.AE {
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.col4 div.AE span.mineur,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.col4 div.AE span.majeur,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.col4BL div.AE span.mineur,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.col4BL div.AE span.majeur {
|
|
display: none;
|
|
margin-right: 2px;
|
|
width: min-content;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.col4 div.AE span.value,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.col4BL div.AE span.value {
|
|
display: flex;
|
|
width: min-content;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.col4 div.AE span.value::before,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.col4BL div.AE span.value::before {
|
|
content: "(";
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.col4 div.AE span.value::after,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.col4BL div.AE span.value::after {
|
|
content: ")";
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.col4 div.AE input[type=hidden][value="0"] ~ span.mineur, div.charsheet > div.content div.tabArmure div.DCLion div.col4 div.AE input[type=hidden][value="1"] ~ span.mineur, div.charsheet > div.content div.tabArmure div.DCLion div.col4 div.AE input[type=hidden][value="2"] ~ span.mineur, div.charsheet > div.content div.tabArmure div.DCLion div.col4 div.AE input[type=hidden][value="3"] ~ span.mineur, div.charsheet > div.content div.tabArmure div.DCLion div.col4 div.AE input[type=hidden][value="4"] ~ span.mineur, div.charsheet > div.content div.tabArmure div.DCLion div.col4 div.AE input[type=hidden][value="5"] ~ span.mineur,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.col4BL div.AE input[type=hidden][value="0"] ~ span.mineur,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.col4BL div.AE input[type=hidden][value="1"] ~ span.mineur,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.col4BL div.AE input[type=hidden][value="2"] ~ span.mineur,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.col4BL div.AE input[type=hidden][value="3"] ~ span.mineur,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.col4BL div.AE input[type=hidden][value="4"] ~ span.mineur,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.col4BL div.AE input[type=hidden][value="5"] ~ span.mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.col4 div.AE input[type=hidden][value="6"] ~ span.majeur, div.charsheet > div.content div.tabArmure div.DCLion div.col4 div.AE input[type=hidden][value="7"] ~ span.majeur, div.charsheet > div.content div.tabArmure div.DCLion div.col4 div.AE input[type=hidden][value="8"] ~ span.majeur, div.charsheet > div.content div.tabArmure div.DCLion div.col4 div.AE input[type=hidden][value="9"] ~ span.majeur, div.charsheet > div.content div.tabArmure div.DCLion div.col4 div.AE input[type=hidden][value="10"] ~ span.majeur,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.col4BL div.AE input[type=hidden][value="6"] ~ span.majeur,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.col4BL div.AE input[type=hidden][value="7"] ~ span.majeur,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.col4BL div.AE input[type=hidden][value="8"] ~ span.majeur,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.col4BL div.AE input[type=hidden][value="9"] ~ span.majeur,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.col4BL div.AE input[type=hidden][value="10"] ~ span.majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.col4 div.defense span,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.col4 div.reaction span,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.col4BL div.defense span,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.col4BL div.reaction span {
|
|
width: calc(50% - 2px);
|
|
padding-left: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.col4 div.defense div.blockR input[type=number],
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.col4 div.reaction div.blockR input[type=number],
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.col4BL div.defense div.blockR input[type=number],
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.col4BL div.reaction div.blockR input[type=number] {
|
|
width: 100%;
|
|
border: 0px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.col4 div.initiative span,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.col4BL div.initiative span {
|
|
width: calc(50% - 2px);
|
|
padding-left: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.col4 div.initiative div.blockR input[type=number],
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.col4BL div.initiative div.blockR input[type=number] {
|
|
width: calc(100% - 28px);
|
|
border-top: 0px;
|
|
border-left: 0px;
|
|
border-bottom: 0px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
height: 28px;
|
|
border-right: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.col4 div.armure span,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.col4 div.energie span,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.col4BL div.armure span,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.col4BL div.energie span {
|
|
width: calc(50% - 2px);
|
|
padding-left: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.col4 div.armure div.blockR input[type=number],
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.col4 div.energie div.blockR input[type=number],
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.col4BL div.armure div.blockR input[type=number],
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.col4BL div.energie div.blockR input[type=number] {
|
|
width: calc(100% - 3px);
|
|
border: 0px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.col4 div.armure div.blockR b,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.col4 div.energie div.blockR b,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.col4BL div.armure div.blockR b,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.col4BL div.energie div.blockR b {
|
|
display: flex;
|
|
width: 6px;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.col4 div.CDF input[type=number],
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.col4BL div.CDF input[type=number] {
|
|
width: 100%;
|
|
border: 0px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.col4BL > h1.titre {
|
|
border-left: 1px solid white;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.col4BL > div {
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes {
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- label
|
|
- width : Width du label
|
|
- height : height du label
|
|
|
|
- span
|
|
- color : La color
|
|
- background : Le background
|
|
- border : S'il y a une bordure (true/false)
|
|
- width : Width du span
|
|
- height : height du height
|
|
|
|
- shadow : s'il y a une ombre (true/false)
|
|
*/
|
|
display: none;
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes label.fakeButton {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 23px;
|
|
font-size: 14px;
|
|
align-self: center;
|
|
font-size: 12px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes label.fakeButton input[type=checkbox],
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes label.fakeButton input[type=radio] {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 23px;
|
|
opacity: 0;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes label.fakeButton span {
|
|
display: flex;
|
|
height: 23px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes label.fakeButton span::before {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 23px;
|
|
content: attr(title);
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.ligneTitre {
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.ligneTitre span {
|
|
display: flex;
|
|
justify-content: center;
|
|
color: black;
|
|
font-weight: bold;
|
|
font-size: 14px;
|
|
height: 28px;
|
|
line-height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.ligneTitre div.firstCol {
|
|
background: RGB(213, 215, 237);
|
|
width: calc(100% - 680px);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.ligneTitre div.firstCol span {
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.ligneTitre div.midCol {
|
|
background: RGB(213, 215, 237);
|
|
width: 169px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.ligneTitre div.midCol span {
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.ligneTitre div.lastCol {
|
|
background: RGB(213, 215, 237);
|
|
width: 169px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.ligneTitre div.lastCol span {
|
|
width: calc(100% - 28px);
|
|
margin-right: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes input[type=hidden].guidage:not([value="0"]) ~ div.bonus {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes input[type=hidden].guidage:not([value="0"]) ~ div.bonus label.guidage {
|
|
display: block;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes input[type=hidden].cadence:not([value="0"]) ~ div.bonus {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.cadence {
|
|
display: flex;
|
|
padding-right: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.guidage {
|
|
width: 99px;
|
|
margin-right: 0px !important;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups {
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- justifyContent : règle la façon dont le contenu est justifié.
|
|
- width : width du div.
|
|
- color : Couleur du texte.
|
|
- background : Background des boutons
|
|
- borderColor : couleur de la bordure
|
|
- fontSize : font size du texte.
|
|
- fontBold : Si le font est Bold ou non (true/false)
|
|
- button
|
|
- width : width du bouton
|
|
- widthBL : width des boutons ayant une bordure à gauche.
|
|
- widthBLR : width des boutons ayant une bordure à gauche et à droite.
|
|
- height : height des boutons.
|
|
- lastLine : indique qu'il y a un bouton sur une seconde ligne (true / false)
|
|
*/
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups > div.subMenu {
|
|
display: flex;
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
align-items: flex-end;
|
|
align-content: flex-end;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups > div.subMenu button[type=action] {
|
|
display: flex;
|
|
padding: 0px;
|
|
width: 100%;
|
|
height: 23px;
|
|
justify-content: center;
|
|
line-height: 23px;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
border-top: 1px solid black;
|
|
border-bottom: 1px solid black;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
background: transparent;
|
|
color: white;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups > div.subMenu button[type=action].BL {
|
|
width: calc(100% - 1px);
|
|
border-left: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups > div.subMenu button[type=action].BR {
|
|
width: calc(100% - 1px);
|
|
border-right: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups > div.subMenu button[type=action].BLR {
|
|
border-right: 1px solid black;
|
|
border-left: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups > div.subMenu button[type=action].NBT {
|
|
border-top: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups div.ligne {
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups div.ligne div.firstCol {
|
|
background: RGB(213, 215, 237);
|
|
width: calc(100% - 680px);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups div.ligne div.midCol,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups div.ligne div.lastCol {
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
width: 169px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups div.ligne div.aB1Nom input[type=text] {
|
|
width: 100%;
|
|
font-size: 14px;
|
|
height: 28px;
|
|
padding-top: 0px;
|
|
padding-right: 0px;
|
|
padding-bottom: 0px;
|
|
border: 0px;
|
|
padding-left: 4px;
|
|
min-width: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups div.ligne div.aB1Degats input[type=number],
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups div.ligne div.aB1Violence input[type=number] {
|
|
width: calc(50% - 14px);
|
|
font-size: 14px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
border: 0px;
|
|
min-width: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups div.ligne div.aB1Degats input[type=number].nbre,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups div.ligne div.aB1Violence input[type=number].nbre {
|
|
text-align: right;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups div.ligne div.aB1Degats input[type=number].bonus,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups div.ligne div.aB1Violence input[type=number].bonus {
|
|
text-align: left;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups div.ligne div.aB1Degats b,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups div.ligne div.aB1Violence b {
|
|
display: flex;
|
|
width: 28px;
|
|
height: 28px;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups div.ligne div.aB1Portee select {
|
|
width: 100%;
|
|
font-size: 14px;
|
|
height: 28px;
|
|
text-align: center;
|
|
padding-top: 0px;
|
|
padding-right: 0px;
|
|
padding-bottom: 0px;
|
|
border: 0px;
|
|
padding-left: 15px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups div.ligne div.aB1Aspect select {
|
|
width: calc(100% - 28px);
|
|
font-size: 14px;
|
|
height: 28px;
|
|
text-align: center;
|
|
padding-top: 0px;
|
|
padding-right: 0px;
|
|
padding-bottom: 0px;
|
|
border: 0px;
|
|
padding-left: 15px;
|
|
border-right: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups div.special {
|
|
display: none;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-evenly;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups div.special div.simple {
|
|
justify-content: space-between;
|
|
width: 150px;
|
|
height: 23px;
|
|
margin: 2px;
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups div.special div.simple input[type=checkbox]:not(:checked) ~ span::before {
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups div.special div.double {
|
|
justify-content: space-between;
|
|
width: 150px;
|
|
height: 23px;
|
|
margin: 2px;
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups div.special div.double label.fakeButton {
|
|
width: calc(100% - 30px);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups div.special div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before {
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups div.special div.doubleTexte {
|
|
width: 150px;
|
|
height: 46px;
|
|
margin: 2px;
|
|
flex-wrap: wrap;
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups div.special div.doubleTexte input[type=checkbox]:not(:checked) ~ span::before {
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups div.special div.doubleTexte input[type=text] {
|
|
width: 100%;
|
|
height: 23px;
|
|
text-align: center;
|
|
border: 1px solid black;
|
|
border-radius: 0px;
|
|
padding: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups div.special div.triple {
|
|
width: 150px;
|
|
height: 46px;
|
|
margin: 2px;
|
|
flex-wrap: wrap;
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups div.special div.triple div input[type=number] {
|
|
width: calc(50% - 14px);
|
|
height: 23px;
|
|
border-radius: 0px;
|
|
padding: 0px;
|
|
border-bottom: 0px;
|
|
border-right: 0px;
|
|
border-left: 0px;
|
|
border-top: 1px solid black;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups div.special div.triple div input[type=number].R {
|
|
text-align: left;
|
|
border-left: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups div.special div.triple div input[type=number].L {
|
|
text-align: right;
|
|
border-right: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups div.special div.triple div span {
|
|
display: flex;
|
|
background: RGB(93, 111, 179);
|
|
width: 28px;
|
|
height: 22px;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: white;
|
|
border-top: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups div.special div.triple input[type=hidden][value="0"] ~ label span::before, div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups div.special div.triple input[type=hidden][value="0"] ~ div span {
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups input[type=hidden].subMenu[value="1"] ~ div button[type=action].effets {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups input[type=hidden].subMenu[value="1"] ~ div.effets {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups input[type=hidden].subMenu[value="2"] ~ div button[type=action].ameliorationsArmes {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups input[type=hidden].subMenu[value="2"] ~ div.ameliorationsArmes {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups input[type=hidden].subMenu[value="3"] ~ div button[type=action].special {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups input[type=hidden].subMenu[value="3"] ~ div.special {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repcontainer,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem {
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem {
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- justifyContent : règle la façon dont le contenu est justifié.
|
|
- width : width du div.
|
|
- color : Couleur du texte.
|
|
- background : Background des boutons
|
|
- borderColor : couleur de la bordure
|
|
- fontSize : font size du texte.
|
|
- fontBold : Si le font est Bold ou non (true/false)
|
|
- button
|
|
- width : width du bouton
|
|
- widthBL : width des boutons ayant une bordure à gauche.
|
|
- widthBLR : width des boutons ayant une bordure à gauche et à droite.
|
|
- height : height des boutons.
|
|
- lastLine : indique qu'il y a un bouton sur une seconde ligne (true / false)
|
|
*/
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem > div.subMenu {
|
|
display: flex;
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
align-items: flex-end;
|
|
align-content: flex-end;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem > div.subMenu button[type=action] {
|
|
display: flex;
|
|
padding: 0px;
|
|
width: 33.3333333333%;
|
|
height: 23px;
|
|
justify-content: center;
|
|
line-height: 23px;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
border-top: 1px solid black;
|
|
border-bottom: 1px solid black;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
background: transparent;
|
|
color: white;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem > div.subMenu button[type=action].BL {
|
|
width: calc(33.3333333333% - 1px);
|
|
border-left: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem > div.subMenu button[type=action].BR {
|
|
width: calc(33.3333333333% - 1px);
|
|
border-right: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem > div.subMenu button[type=action].BLR {
|
|
border-right: 1px solid black;
|
|
border-left: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem > div.subMenu button[type=action].NBT {
|
|
border-top: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.data {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.ligne {
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.ligne div.firstCol {
|
|
background: RGB(213, 215, 237);
|
|
width: calc(100% - 680px);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.ligne div.midCol,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.ligne div.lastCol {
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
width: 169px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.ligne div.aNom input[type=text] {
|
|
width: 100%;
|
|
font-size: 14px;
|
|
height: 28px;
|
|
padding-top: 0px;
|
|
padding-right: 0px;
|
|
padding-bottom: 0px;
|
|
border: 0px;
|
|
padding-left: 4px;
|
|
min-width: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.ligne div.aDegats input[type=number],
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.ligne div.aViolence input[type=number] {
|
|
width: calc(50% - 14px);
|
|
font-size: 14px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
border: 0px;
|
|
min-width: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.ligne div.aDegats input[type=number].nbre,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.ligne div.aViolence input[type=number].nbre {
|
|
text-align: right;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.ligne div.aDegats input[type=number].bonus,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.ligne div.aViolence input[type=number].bonus {
|
|
text-align: left;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.ligne div.aDegats b,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.ligne div.aViolence b {
|
|
display: flex;
|
|
width: 28px;
|
|
height: 28px;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.ligne div.aPortee select {
|
|
width: 100%;
|
|
font-size: 14px;
|
|
height: 28px;
|
|
text-align: center;
|
|
padding-top: 0px;
|
|
padding-right: 0px;
|
|
padding-bottom: 0px;
|
|
border: 0px;
|
|
padding-left: 15px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.ligne div.aAspect select {
|
|
width: calc(100% - 28px);
|
|
font-size: 14px;
|
|
height: 28px;
|
|
text-align: center;
|
|
padding-top: 0px;
|
|
padding-right: 0px;
|
|
padding-bottom: 0px;
|
|
border: 0px;
|
|
padding-left: 15px;
|
|
border-right: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.bonus {
|
|
display: none;
|
|
width: 100%;
|
|
justify-content: flex-end;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.effets,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.ameliorationsArmes,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.special {
|
|
display: none;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-evenly;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.effets label.simple,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.ameliorationsArmes label.simple,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.special label.simple {
|
|
justify-content: space-between;
|
|
width: 150px;
|
|
height: 23px;
|
|
margin: 2px;
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.effets label.simple input[type=checkbox]:not(:checked) ~ span::before,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.ameliorationsArmes label.simple input[type=checkbox]:not(:checked) ~ span::before,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.special label.simple input[type=checkbox]:not(:checked) ~ span::before {
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.effets div.double,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.ameliorationsArmes div.double,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.special div.double {
|
|
justify-content: space-between;
|
|
width: 150px;
|
|
height: 23px;
|
|
margin: 2px;
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.effets div.double label.fakeButton,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.ameliorationsArmes div.double label.fakeButton,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.special div.double label.fakeButton {
|
|
width: calc(100% - 30px);
|
|
border: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.effets div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.ameliorationsArmes div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.special div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before {
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.effets div.double input[type=number],
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.ameliorationsArmes div.double input[type=number],
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.special div.double input[type=number] {
|
|
width: 30px;
|
|
height: 23px;
|
|
text-align: center;
|
|
border-top: 0px;
|
|
border-right: 0px;
|
|
border-left: 1px solid black;
|
|
border-bottom: 0px;
|
|
border-radius: 0px;
|
|
padding: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.effets div.doubleTexte,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.ameliorationsArmes div.doubleTexte,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.special div.doubleTexte {
|
|
width: 150px;
|
|
margin: 2px;
|
|
flex-wrap: wrap;
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.effets div.doubleTexte input[type=checkbox]:not(:checked) ~ span::before,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.ameliorationsArmes div.doubleTexte input[type=checkbox]:not(:checked) ~ span::before,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.special div.doubleTexte input[type=checkbox]:not(:checked) ~ span::before {
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.effets div.doubleTexte input[type=text],
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.ameliorationsArmes div.doubleTexte input[type=text],
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.special div.doubleTexte input[type=text] {
|
|
width: 100%;
|
|
height: 23px;
|
|
text-align: center;
|
|
border-top: 1px solid black;
|
|
border-right: 0px;
|
|
border-left: 0px;
|
|
border-bottom: 0px;
|
|
border-radius: 0px;
|
|
padding: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.effets div.doubleTexte input[type=text].borderBottom,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.ameliorationsArmes div.doubleTexte input[type=text].borderBottom,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.special div.doubleTexte input[type=text].borderBottom {
|
|
border-bottom: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.effets div.doubleTexte .borderTop,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.ameliorationsArmes div.doubleTexte .borderTop,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.special div.doubleTexte .borderTop {
|
|
border-top: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.effets div.triple,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.ameliorationsArmes div.triple,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.special div.triple {
|
|
width: 150px;
|
|
height: 46px;
|
|
margin: 2px;
|
|
flex-wrap: wrap;
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.effets div.triple div input[type=number],
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.ameliorationsArmes div.triple div input[type=number],
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.special div.triple div input[type=number] {
|
|
width: calc(50% - 14px);
|
|
height: 23px;
|
|
border-radius: 0px;
|
|
padding: 0px;
|
|
border-bottom: 0px;
|
|
border-right: 0px;
|
|
border-left: 0px;
|
|
border-top: 1px solid black;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.effets div.triple div input[type=number].R,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.ameliorationsArmes div.triple div input[type=number].R,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.special div.triple div input[type=number].R {
|
|
text-align: left;
|
|
border-left: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.effets div.triple div input[type=number].L,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.ameliorationsArmes div.triple div input[type=number].L,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.special div.triple div input[type=number].L {
|
|
text-align: right;
|
|
border-right: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.effets div.triple div span,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.ameliorationsArmes div.triple div span,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.special div.triple div span {
|
|
display: flex;
|
|
background: RGB(93, 111, 179);
|
|
width: 28px;
|
|
height: 22px;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: white;
|
|
border-top: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.effets div.triple input[type=hidden][value="0"] ~ label span::before, div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.effets div.triple input[type=hidden][value="0"] ~ div span,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.ameliorationsArmes div.triple input[type=hidden][value="0"] ~ label span::before,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.ameliorationsArmes div.triple input[type=hidden][value="0"] ~ div span,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.special div.triple input[type=hidden][value="0"] ~ label span::before,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.special div.triple input[type=hidden][value="0"] ~ div span {
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem input[type=hidden].subMenu[value="1"] ~ div button[type=action].effets {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem input[type=hidden].subMenu[value="1"] ~ div.effets {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem input[type=hidden].subMenu[value="2"] ~ div button[type=action].ameliorationsArmes {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem input[type=hidden].subMenu[value="2"] ~ div.ameliorationsArmes {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem input[type=hidden].subMenu[value="3"] ~ div button[type=action].special {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem input[type=hidden].subMenu[value="3"] ~ div.special {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.bonus {
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- label
|
|
- width : Width du label
|
|
- height : height du label
|
|
|
|
- span
|
|
- color : La color
|
|
- background : Le background
|
|
- border : S'il y a une bordure (true/false)
|
|
- width : Width du span
|
|
- height : height du height
|
|
|
|
- shadow : s'il y a une ombre (true/false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.bonus label.fakeButton {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 23px;
|
|
font-size: 14px;
|
|
align-self: center;
|
|
font-size: 12px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.bonus label.fakeButton input[type=checkbox],
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.bonus label.fakeButton input[type=radio] {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 23px;
|
|
opacity: 0;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.bonus label.fakeButton span {
|
|
display: flex;
|
|
height: 23px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.bonus label.fakeButton span::before {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 23px;
|
|
content: attr(title);
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.bonus label.cadence {
|
|
display: none;
|
|
width: 382px;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.bonus label.cadence span {
|
|
width: 236px;
|
|
padding-left: 2px;
|
|
line-height: 27px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.bonus label.cadence select {
|
|
width: 142px;
|
|
border: 0px;
|
|
padding: 0px;
|
|
padding-left: 15px;
|
|
height: 28px;
|
|
text-align: center;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
border-right: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.bonus label.guidage {
|
|
display: none;
|
|
margin-top: 1px;
|
|
width: 140px;
|
|
height: 28px;
|
|
margin: 0px;
|
|
margin-right: 29px;
|
|
border-right: 1px solid RGB(93, 111, 179);
|
|
border: 0px;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.bonus label.guidage span.actif,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.bonus label.guidage span.inactif {
|
|
display: none;
|
|
text-align: center;
|
|
color: black;
|
|
height: 28px;
|
|
line-height: 28px;
|
|
align-items: center;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.bonus label.guidage span.actif::before,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.bonus label.guidage span.inactif::before {
|
|
height: 28px;
|
|
line-height: 28px;
|
|
background: transparent;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.bonus label.guidage span.actif {
|
|
border-left: 1px solid RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.bonus label.guidage span.actif::before {
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
border-bottom: 1px solid RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.bonus label.guidage input[type=checkbox] {
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.bonus label.guidage input[type=checkbox]:checked ~ span.actif {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.bonus label.guidage input[type=checkbox]:not(:checked) ~ span.inactif {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.armes input[type=hidden].codexfm4[value="0"] ~ div div.codexfm4, div.charsheet > div.content div.tabArmure div.DCLion div.armes input[type=hidden].codexfm4[value="0"] ~ div label.codexfm4 {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.modules {
|
|
display: none;
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.modules button[type=action].buttonPlus {
|
|
display: flex;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
width: 27px;
|
|
font-size: 25px;
|
|
height: 28px;
|
|
line-height: 21px;
|
|
justify-content: center;
|
|
border-top: 0px;
|
|
border-left: 0px;
|
|
border-bottom: 0px;
|
|
border-right: 1px solid RGB(213, 215, 237);
|
|
padding: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.modules button[type=action].buttonPlus span {
|
|
display: none;
|
|
width: 100%;
|
|
font-size: 25px;
|
|
justify-content: center;
|
|
line-height: 23px;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.modules button[type=action].buttonArrow {
|
|
content: "]";
|
|
width: 17px;
|
|
color: white;
|
|
font-size: 20px;
|
|
font-weight: bold;
|
|
font-family: pictos;
|
|
line-height: 18px;
|
|
transform: rotate(90deg);
|
|
padding: 0px;
|
|
background: transparent;
|
|
border: 0px;
|
|
transition: transform 2s;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.modules h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.modules .ligne {
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.slots div.col6,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.slots div.col6BL {
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.slots div.col6 > span,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.slots div.col6BL > span {
|
|
width: max-content;
|
|
font-weight: bold;
|
|
font-variant: small-caps;
|
|
line-height: 28px;
|
|
padding-left: 3px;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.slots div.col6 div,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.slots div.col6BL div {
|
|
width: 45px;
|
|
height: 28px;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
align-items: center;
|
|
flex-wrap: nowrap;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.slots div.col6 div input[type=number],
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.slots div.col6BL div input[type=number] {
|
|
background: transparent;
|
|
border: none;
|
|
line-height: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
width: 19px;
|
|
font-weight: bold;
|
|
font-size: 13px;
|
|
margin-left: auto;
|
|
text-align: right;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.slots div.col6 div b,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.slots div.col6BL div b {
|
|
font-size: 14px;
|
|
line-height: 28px;
|
|
color: RGB(55, 53, 53);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.slots div.col6 div span,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.slots div.col6BL div span {
|
|
line-height: 28px;
|
|
margin-left: 0px;
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
width: auto;
|
|
text-align: center;
|
|
font-size: 13px;
|
|
margin-right: 2px;
|
|
color: black;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.slots div.col6 {
|
|
width: 16.6666666667%;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.slots div.col6BL {
|
|
width: calc(16.6666666667% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.repitem {
|
|
display: flex;
|
|
width: calc(50% - 10px);
|
|
justify-content: space-between;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(213, 215, 237);
|
|
align-self: flex-start;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.repitem div.titre {
|
|
display: flex;
|
|
position: initial;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.repitem div.ligne {
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.repitem input[type=hidden].expandSlots[value="1"] ~ div button[type=action].buttonArrow {
|
|
transform: rotate(-90deg);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.repitem input[type=hidden].expandSlots[value="1"] ~ .hSlots {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.repitem input[type=hidden].expandModule[value="0"] ~ div button[type=action].buttonPlus span.plus {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.repitem input[type=hidden].expandModule[value="0"] ~ .hModule, div.charsheet > div.content div.tabArmure div.DCLion div.modules div.repitem input[type=hidden].expandModule[value="0"] ~ .hSlots {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.repitem input[type=hidden].expandModule[value="1"] ~ div button[type=action].buttonPlus span.moins {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.repitem input[type=hidden].expandModule[value="1"] ~ .hModule {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.repitem div.titreModule input[type=text] {
|
|
width: calc(100% - 28px);
|
|
height: 28px;
|
|
text-align: center;
|
|
background: transparent;
|
|
color: white;
|
|
font-weight: bold;
|
|
font-variant: small-caps;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
padding-left: 0px;
|
|
padding-right: 25px;
|
|
border: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.repitem label.activation {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
width: calc(100% - 100px);
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.repitem label.activation span {
|
|
display: flex;
|
|
width: 78px;
|
|
padding-left: 2px;
|
|
font-size: 13px;
|
|
line-height: 28px;
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.repitem label.activation input[type=text] {
|
|
width: calc(100% - 80px);
|
|
height: 28px;
|
|
border: 0px;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
padding-right: 0px;
|
|
padding-left: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.repitem div.PE {
|
|
width: 100px;
|
|
height: 28px;
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.repitem div.PE button[type=action] {
|
|
width: 20px;
|
|
padding: 0px;
|
|
font-weight: bold;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
border-color: RGB(213, 215, 237);
|
|
border-width: 1px;
|
|
justify-content: center;
|
|
align-items: center;
|
|
margin-left: 1px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.repitem div.PE input[type=number] {
|
|
width: calc(100% - 23px);
|
|
height: 28px;
|
|
border: 0px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.repitem label.duree {
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
width: 100%;
|
|
height: 28px;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.repitem label.duree span {
|
|
display: flex;
|
|
width: 78px;
|
|
padding-left: 2px;
|
|
font-size: 13px;
|
|
line-height: 28px;
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.repitem label.duree input[type=text] {
|
|
width: calc(100% - 80px);
|
|
height: 28px;
|
|
border: 0px;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
padding-right: 0px;
|
|
padding-left: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.repitem div.autoex {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.repitem div.titreSlots input[type=number] {
|
|
width: 20px;
|
|
height: 28px;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
background: transparent;
|
|
border: 0px;
|
|
color: white;
|
|
font-size: 18px;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.repitem label.slot,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.repitem label.slotBL {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.repitem label.slot span,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.repitem label.slotBL span {
|
|
display: flex;
|
|
width: 105px;
|
|
height: 28px;
|
|
line-height: 28px;
|
|
padding-left: 2px;
|
|
font-size: 13px;
|
|
font-weight: bold;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.repitem label.slot input[type=number],
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.repitem label.slotBL input[type=number] {
|
|
width: calc(100% - 107px);
|
|
height: 28px;
|
|
border: 0px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.repitem label.slot {
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.repitem label.slotBL {
|
|
width: calc(50% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.repitem div.bTop {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.repitem .hModule,
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.repitem .hSlots {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.repitem:not(:nth-of-type(1)):not(:nth-of-type(2)) {
|
|
margin-top: 10px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.repcontainer {
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
padding: 2px;
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.repcontainer.editmode .repitem {
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.repcontainer.editmode .repitem:nth-of-type(2) {
|
|
margin-top: 10px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.evolutions {
|
|
display: none;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.evolutions div.aspects {
|
|
display: flex;
|
|
width: calc(50% - 10px);
|
|
background: RGB(213, 215, 237);
|
|
border-right: 1px solid RGB(93, 111, 179);
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.evolutions div.aspects div.ligneTitre {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.evolutions div.aspects div.ligneTitre span {
|
|
display: flex;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.evolutions div.aspects div.ligneTitre span:first-of-type {
|
|
width: calc(20% - 2px);
|
|
padding-left: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.evolutions div.aspects div.ligneTitre span:not(:first-of-type) {
|
|
width: calc(40% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.evolutions div.aspects div.ligne2 {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.evolutions div.aspects div.ligne2 span {
|
|
display: flex;
|
|
width: calc(20% - 2px);
|
|
padding-left: 2px;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.evolutions div.aspects div.ligne2 div {
|
|
display: flex;
|
|
width: calc(40% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.evolutions div.aspects div.ligne2 div input[type=number],
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.evolutions div.aspects div.ligne2 div select {
|
|
width: 100%;
|
|
text-align: center;
|
|
border: 0px;
|
|
padding: 0px;
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.evolutions div.aspects div.ligne2 div select {
|
|
padding-left: 20px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.evolutions div.VD {
|
|
display: flex;
|
|
width: calc(50% - 10px);
|
|
background: RGB(213, 215, 237);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.evolutions div.VD div.ligneTitre {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.evolutions div.VD div.ligneTitre span {
|
|
display: flex;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.evolutions div.VD div.ligneTitre span:first-of-type {
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.evolutions div.VD div.ligneTitre span:not(:first-of-type) {
|
|
width: calc(50% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.evolutions div.VD label.ligne1 {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.evolutions div.VD label.ligne1 span {
|
|
display: flex;
|
|
width: calc(50% - 2px);
|
|
padding-left: 2px;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion div.evolutions div.VD label.ligne1 input[type=number] {
|
|
width: 50%;
|
|
text-align: center;
|
|
border: 0px;
|
|
padding: 0px;
|
|
height: 28px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion > input[type=hidden].subMenu[value="1"] ~ div button[type=action].armes {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion > input[type=hidden].subMenu[value="1"] ~ div.armes {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion > input[type=hidden].subMenu[value="2"] ~ div button[type=action].modules {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion > input[type=hidden].subMenu[value="2"] ~ div.modules {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion > input[type=hidden].subMenu[value="3"] ~ div button[type=action].evolutions {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCLion > input[type=hidden].subMenu[value="3"] ~ div.evolutions {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- justifyContent : règle la façon dont le contenu est justifié.
|
|
- width : width du div.
|
|
- color : Couleur du texte.
|
|
- background : Background des boutons
|
|
- borderColor : couleur de la bordure
|
|
- fontSize : font size du texte.
|
|
- fontBold : Si le font est Bold ou non (true/false)
|
|
- button
|
|
- width : width du bouton
|
|
- widthBL : width des boutons ayant une bordure à gauche.
|
|
- widthBLR : width des boutons ayant une bordure à gauche et à droite.
|
|
- height : height des boutons.
|
|
- lastLine : indique qu'il y a un bouton sur une seconde ligne (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabArmure div.DCWolf button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabArmure div.DCWolf button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabArmure div.DCWolf button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf > div.subMenu {
|
|
display: flex;
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
align-items: flex-end;
|
|
align-content: flex-end;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf > div.subMenu button[type=action] {
|
|
display: flex;
|
|
padding: 0px;
|
|
width: 100%;
|
|
height: 28px;
|
|
justify-content: center;
|
|
line-height: 28px;
|
|
font-size: 1.2em;
|
|
font-weight: bold;
|
|
border-top: 1px solid black;
|
|
border-bottom: 1px solid black;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf > div.subMenu button[type=action].BL {
|
|
width: calc(100% - 1px);
|
|
border-left: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf > div.subMenu button[type=action].BR {
|
|
width: calc(100% - 1px);
|
|
border-right: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf > div.subMenu button[type=action].BLR {
|
|
border-right: 1px solid black;
|
|
border-left: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf > div.subMenu button[type=action].NBT {
|
|
border-top: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf .labor,
|
|
div.charsheet > div.content div.tabArmure div.DCWolf .medik,
|
|
div.charsheet > div.content div.tabArmure div.DCWolf .tech,
|
|
div.charsheet > div.content div.tabArmure div.DCWolf .fighter,
|
|
div.charsheet > div.content div.tabArmure div.DCWolf .recon,
|
|
div.charsheet > div.content div.tabArmure div.DCWolf .N1,
|
|
div.charsheet > div.content div.tabArmure div.DCWolf .N2,
|
|
div.charsheet > div.content div.tabArmure div.DCWolf .N3 {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.col4,
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL {
|
|
width: 25%;
|
|
flex-wrap: wrap;
|
|
align-content: flex-start;
|
|
align-items: flex-start;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.col4 > h1.titre,
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL > h1.titre {
|
|
border-top: 1px solid white;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.ligne,
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.ligne {
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.ligne span,
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.ligne span {
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.ligne div.blockR,
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.ligne div.blockR {
|
|
width: 50%;
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.ligne:not(:first-of-type),
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.ligne:not(:first-of-type) {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.aspect span,
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.aspect span {
|
|
width: calc(50% - 2px);
|
|
padding-left: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.aspect div.blockR input[type=number],
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.aspect div.blockR input[type=number] {
|
|
width: calc(100% - 28px);
|
|
border-top: 0px;
|
|
border-left: 0px;
|
|
border-bottom: 0px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
height: 28px;
|
|
border-right: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.AE,
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.AE {
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.AE span.mineur,
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.AE span.majeur,
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.AE span.mineur,
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.AE span.majeur {
|
|
display: none;
|
|
margin-right: 2px;
|
|
width: min-content;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.AE span.value,
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.AE span.value {
|
|
display: flex;
|
|
width: min-content;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.AE span.value::before,
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.AE span.value::before {
|
|
content: "(";
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.AE span.value::after,
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.AE span.value::after {
|
|
content: ")";
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.AE input[type=hidden][value="0"] ~ span.mineur, div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.AE input[type=hidden][value="1"] ~ span.mineur, div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.AE input[type=hidden][value="2"] ~ span.mineur, div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.AE input[type=hidden][value="3"] ~ span.mineur, div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.AE input[type=hidden][value="4"] ~ span.mineur, div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.AE input[type=hidden][value="5"] ~ span.mineur,
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.AE input[type=hidden][value="0"] ~ span.mineur,
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.AE input[type=hidden][value="1"] ~ span.mineur,
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.AE input[type=hidden][value="2"] ~ span.mineur,
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.AE input[type=hidden][value="3"] ~ span.mineur,
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.AE input[type=hidden][value="4"] ~ span.mineur,
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.AE input[type=hidden][value="5"] ~ span.mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.AE input[type=hidden][value="6"] ~ span.majeur, div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.AE input[type=hidden][value="7"] ~ span.majeur, div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.AE input[type=hidden][value="8"] ~ span.majeur, div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.AE input[type=hidden][value="9"] ~ span.majeur, div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.AE input[type=hidden][value="10"] ~ span.majeur,
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.AE input[type=hidden][value="6"] ~ span.majeur,
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.AE input[type=hidden][value="7"] ~ span.majeur,
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.AE input[type=hidden][value="8"] ~ span.majeur,
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.AE input[type=hidden][value="9"] ~ span.majeur,
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.AE input[type=hidden][value="10"] ~ span.majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.defense span,
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.reaction span,
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.defense span,
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.reaction span {
|
|
width: calc(50% - 2px);
|
|
padding-left: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.defense div.blockR input[type=number],
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.reaction div.blockR input[type=number],
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.defense div.blockR input[type=number],
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.reaction div.blockR input[type=number] {
|
|
width: 100%;
|
|
border: 0px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.initiative span,
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.initiative span {
|
|
width: calc(50% - 2px);
|
|
padding-left: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.initiative div.blockR input[type=number],
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.initiative div.blockR input[type=number] {
|
|
width: calc(100% - 28px);
|
|
border-top: 0px;
|
|
border-left: 0px;
|
|
border-bottom: 0px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
height: 28px;
|
|
border-right: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.armure span,
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.energie span,
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.armure span,
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.energie span {
|
|
width: calc(50% - 2px);
|
|
padding-left: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.armure div.blockR input[type=number],
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.energie div.blockR input[type=number],
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.armure div.blockR input[type=number],
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.energie div.blockR input[type=number] {
|
|
width: calc(100% - 3px);
|
|
border: 0px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.armure div.blockR b,
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.energie div.blockR b,
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.armure div.blockR b,
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.energie div.blockR b {
|
|
display: flex;
|
|
width: 6px;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.CDF input[type=number],
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.CDF input[type=number] {
|
|
width: 100%;
|
|
border: 0px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.configuration select,
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.configuration select {
|
|
width: calc(100% - 21px - 30px);
|
|
border: 0px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.configuration button[type=action],
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.configuration button[type=action] {
|
|
width: 20px;
|
|
padding: 0px;
|
|
font-weight: bold;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
border-color: RGB(213, 215, 237);
|
|
border-width: 1px;
|
|
justify-content: center;
|
|
align-items: center;
|
|
margin-left: 1px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.configuration input[type=number],
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.configuration input[type=number] {
|
|
width: 30px;
|
|
height: 28px;
|
|
border: 0px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.nbreCompanions select,
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.nbreCompanions select {
|
|
width: 100%;
|
|
border: 0px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.fighter span,
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.fighter span {
|
|
width: max-content;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
padding-left: 2px;
|
|
color: black;
|
|
font-weight: bold;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.fighter button[type=action],
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.fighter button[type=action] {
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL > h1.titre {
|
|
border-left: 1px solid white;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL > div {
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.description {
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.description span {
|
|
width: 100%;
|
|
text-align: justify;
|
|
padding-left: 2px;
|
|
padding-right: 2px;
|
|
padding-top: 2px;
|
|
padding-bottom: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.evolutions {
|
|
display: none;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
align-items: flex-start;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.evolutions div.aspects {
|
|
display: flex;
|
|
width: calc(50% - 10px);
|
|
background: RGB(213, 215, 237);
|
|
border-right: 1px solid RGB(93, 111, 179);
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.evolutions div.aspects div.ligneTitre {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.evolutions div.aspects div.ligneTitre span {
|
|
display: flex;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.evolutions div.aspects div.ligneTitre span:first-of-type {
|
|
width: calc(20% - 2px);
|
|
padding-left: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.evolutions div.aspects div.ligneTitre span:not(:first-of-type) {
|
|
width: calc(40% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.evolutions div.aspects div.ligne2 {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.evolutions div.aspects div.ligne2 span {
|
|
display: flex;
|
|
width: calc(20% - 2px);
|
|
padding-left: 2px;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.evolutions div.aspects div.ligne2 div {
|
|
display: flex;
|
|
width: calc(40% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.evolutions div.aspects div.ligne2 div input[type=number],
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.evolutions div.aspects div.ligne2 div select {
|
|
width: 100%;
|
|
text-align: center;
|
|
border: 0px;
|
|
padding: 0px;
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.evolutions div.aspects div.ligne2 div select {
|
|
padding-left: 20px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.evolutions div.companions {
|
|
display: flex;
|
|
width: calc(50% - 10px);
|
|
background: RGB(213, 215, 237);
|
|
align-content: flex-start;
|
|
align-self: stretch;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.evolutions div.companions:nth-of-type(even) {
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.evolutions div.companions:nth-of-type(odd) {
|
|
border-right: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.evolutions div.companions div.tCompanions {
|
|
display: flex;
|
|
width: 100%;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
position: relative;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.evolutions div.companions div.tCompanions h2 {
|
|
position: absolute;
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.evolutions div.companions div.tCompanions select {
|
|
width: 85px;
|
|
height: 28px;
|
|
line-height: 28px;
|
|
padding: 0px;
|
|
border: 0px;
|
|
margin-left: auto;
|
|
color: black;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.evolutions div.companions span {
|
|
padding: 2px;
|
|
text-align: justify;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf div.evolutions div.mT {
|
|
margin-top: 10px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].laborNiveau[value="1"] ~ div.labor .N1, div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].laborNiveau[value="1"] ~ div div.cLabor .N1 {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].laborNiveau[value="2"] ~ div.labor .N2, div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].laborNiveau[value="2"] ~ div div.cLabor .N2 {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].laborNiveau[value="3"] ~ div.labor .N3, div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].laborNiveau[value="3"] ~ div div.cLabor .N3 {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].medikNiveau[value="1"] ~ div.medik .N1, div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].medikNiveau[value="1"] ~ div div.cMedik .N1 {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].medikNiveau[value="2"] ~ div.medik .N2, div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].medikNiveau[value="2"] ~ div div.cMedik .N2 {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].medikNiveau[value="3"] ~ div.medik .N3, div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].medikNiveau[value="3"] ~ div div.cMedik .N3 {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].techNiveau[value="1"] ~ div.tech .N1, div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].techNiveau[value="1"] ~ div div.cTech .N1 {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].techNiveau[value="2"] ~ div.tech .N2, div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].techNiveau[value="2"] ~ div div.cTech .N2 {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].techNiveau[value="3"] ~ div.tech .N3, div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].techNiveau[value="3"] ~ div div.cTech .N3 {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].fighterNiveau[value="1"] ~ div.fighter .N1, div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].fighterNiveau[value="1"] ~ div div.cFighter .N1 {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].fighterNiveau[value="2"] ~ div.fighter .N2, div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].fighterNiveau[value="2"] ~ div div.cFighter .N2 {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].fighterNiveau[value="3"] ~ div.fighter .N3, div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].fighterNiveau[value="3"] ~ div div.cFighter .N3 {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].reconNiveau[value="1"] ~ div.recon .N1, div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].reconNiveau[value="1"] ~ div div.cRecon .N1 {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].reconNiveau[value="2"] ~ div.recon .N2, div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].reconNiveau[value="2"] ~ div div.cRecon .N2 {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].reconNiveau[value="3"] ~ div.recon .N3, div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].reconNiveau[value="3"] ~ div div.cRecon .N3 {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].choixConfiguration[value=Labor] ~ .labor, div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].choixConfiguration[value=Labor] ~ div .labor {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].choixConfiguration[value=Medic] ~ .medik, div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].choixConfiguration[value=Medic] ~ div .medik {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].choixConfiguration[value=Tech] ~ .tech, div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].choixConfiguration[value=Tech] ~ div .tech {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].choixConfiguration[value=Fighter] ~ .fighter, div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].choixConfiguration[value=Fighter] ~ div .fighter {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].choixConfiguration[value=Recon] ~ .recon, div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].choixConfiguration[value=Recon] ~ div .recon {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].subMenu[value="3"] ~ div button[type=action].evolutions {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].subMenu[value="3"] ~ div.evolutions {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCCrow {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- justifyContent : règle la façon dont le contenu est justifié.
|
|
- width : width du div.
|
|
- color : Couleur du texte.
|
|
- background : Background des boutons
|
|
- borderColor : couleur de la bordure
|
|
- fontSize : font size du texte.
|
|
- fontBold : Si le font est Bold ou non (true/false)
|
|
- button
|
|
- width : width du bouton
|
|
- widthBL : width des boutons ayant une bordure à gauche.
|
|
- widthBLR : width des boutons ayant une bordure à gauche et à droite.
|
|
- height : height des boutons.
|
|
- lastLine : indique qu'il y a un bouton sur une seconde ligne (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCCrow h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCCrow div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCCrow div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCCrow button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabArmure div.DCCrow button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCCrow button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabArmure div.DCCrow button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCCrow button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabArmure div.DCCrow button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCCrow > div.subMenu {
|
|
display: flex;
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
align-items: flex-end;
|
|
align-content: flex-end;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCCrow > div.subMenu button[type=action] {
|
|
display: flex;
|
|
padding: 0px;
|
|
width: 100%;
|
|
height: 28px;
|
|
justify-content: center;
|
|
line-height: 28px;
|
|
font-size: 1.2em;
|
|
font-weight: bold;
|
|
border-top: 1px solid black;
|
|
border-bottom: 1px solid black;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCCrow > div.subMenu button[type=action].BL {
|
|
width: calc(100% - 1px);
|
|
border-left: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCCrow > div.subMenu button[type=action].BR {
|
|
width: calc(100% - 1px);
|
|
border-right: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCCrow > div.subMenu button[type=action].BLR {
|
|
border-right: 1px solid black;
|
|
border-left: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCCrow > div.subMenu button[type=action].NBT {
|
|
border-top: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCCrow h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCCrow div.col4,
|
|
div.charsheet > div.content div.tabArmure div.DCCrow div.col4BL {
|
|
width: 33.3333333333%;
|
|
flex-wrap: wrap;
|
|
align-content: flex-start;
|
|
align-items: flex-start;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCCrow div.col4 > h1.titre,
|
|
div.charsheet > div.content div.tabArmure div.DCCrow div.col4BL > h1.titre {
|
|
border-top: 1px solid white;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCCrow div.col4 div.ligne,
|
|
div.charsheet > div.content div.tabArmure div.DCCrow div.col4BL div.ligne {
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCCrow div.col4 div.ligne span,
|
|
div.charsheet > div.content div.tabArmure div.DCCrow div.col4BL div.ligne span {
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCCrow div.col4 div.ligne div.blockR,
|
|
div.charsheet > div.content div.tabArmure div.DCCrow div.col4BL div.ligne div.blockR {
|
|
width: 50%;
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCCrow div.col4 div.ligne:not(:first-of-type),
|
|
div.charsheet > div.content div.tabArmure div.DCCrow div.col4BL div.ligne:not(:first-of-type) {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCCrow div.col4 div.aspect span,
|
|
div.charsheet > div.content div.tabArmure div.DCCrow div.col4BL div.aspect span {
|
|
width: calc(50% - 2px);
|
|
padding-left: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCCrow div.col4 div.aspect div.blockR input[type=number],
|
|
div.charsheet > div.content div.tabArmure div.DCCrow div.col4BL div.aspect div.blockR input[type=number] {
|
|
width: calc(100% - 28px);
|
|
border-top: 0px;
|
|
border-left: 0px;
|
|
border-bottom: 0px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
height: 28px;
|
|
border-right: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCCrow div.col4 div.defense span,
|
|
div.charsheet > div.content div.tabArmure div.DCCrow div.col4 div.reaction span,
|
|
div.charsheet > div.content div.tabArmure div.DCCrow div.col4 div.debordement span,
|
|
div.charsheet > div.content div.tabArmure div.DCCrow div.col4BL div.defense span,
|
|
div.charsheet > div.content div.tabArmure div.DCCrow div.col4BL div.reaction span,
|
|
div.charsheet > div.content div.tabArmure div.DCCrow div.col4BL div.debordement span {
|
|
width: calc(50% - 2px);
|
|
padding-left: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCCrow div.col4 div.defense div.blockR input[type=number],
|
|
div.charsheet > div.content div.tabArmure div.DCCrow div.col4 div.reaction div.blockR input[type=number],
|
|
div.charsheet > div.content div.tabArmure div.DCCrow div.col4 div.debordement div.blockR input[type=number],
|
|
div.charsheet > div.content div.tabArmure div.DCCrow div.col4BL div.defense div.blockR input[type=number],
|
|
div.charsheet > div.content div.tabArmure div.DCCrow div.col4BL div.reaction div.blockR input[type=number],
|
|
div.charsheet > div.content div.tabArmure div.DCCrow div.col4BL div.debordement div.blockR input[type=number] {
|
|
width: 100%;
|
|
border: 0px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCCrow div.col4 div.initiative span,
|
|
div.charsheet > div.content div.tabArmure div.DCCrow div.col4BL div.initiative span {
|
|
width: calc(50% - 2px);
|
|
padding-left: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCCrow div.col4 div.initiative div.blockR input[type=number],
|
|
div.charsheet > div.content div.tabArmure div.DCCrow div.col4BL div.initiative div.blockR input[type=number] {
|
|
width: calc(100% - 28px);
|
|
border-top: 0px;
|
|
border-left: 0px;
|
|
border-bottom: 0px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
height: 28px;
|
|
border-right: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCCrow div.col4 div.cohesion span,
|
|
div.charsheet > div.content div.tabArmure div.DCCrow div.col4BL div.cohesion span {
|
|
width: calc(50% - 2px);
|
|
padding-left: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCCrow div.col4 div.cohesion div.blockR input[type=number],
|
|
div.charsheet > div.content div.tabArmure div.DCCrow div.col4BL div.cohesion div.blockR input[type=number] {
|
|
width: calc(100% - 3px);
|
|
border: 0px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCCrow div.col4 div.cohesion div.blockR b,
|
|
div.charsheet > div.content div.tabArmure div.DCCrow div.col4BL div.cohesion div.blockR b {
|
|
display: flex;
|
|
width: 6px;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCCrow div.col4 div.CDF input[type=number],
|
|
div.charsheet > div.content div.tabArmure div.DCCrow div.col4BL div.CDF input[type=number] {
|
|
width: 100%;
|
|
border: 0px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCCrow div.col4 div.tourCombat span,
|
|
div.charsheet > div.content div.tabArmure div.DCCrow div.col4BL div.tourCombat span {
|
|
width: max-content;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
padding-left: 2px;
|
|
color: black;
|
|
font-weight: bold;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCCrow div.col4 div.tourCombat input[type=number],
|
|
div.charsheet > div.content div.tabArmure div.DCCrow div.col4BL div.tourCombat input[type=number] {
|
|
width: calc(100% - 29px);
|
|
border: 0px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCCrow div.col4 div.tourCombat button[type=action],
|
|
div.charsheet > div.content div.tabArmure div.DCCrow div.col4BL div.tourCombat button[type=action] {
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCCrow div.col4BL > h1.titre {
|
|
border-left: 1px solid white;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCCrow div.col4BL > div {
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCCrow span.specificites {
|
|
display: inline-block;
|
|
width: 100%;
|
|
padding: 2px;
|
|
background: RGB(213, 215, 237);
|
|
text-align: justify;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCCrow div.evolutions {
|
|
display: none;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCCrow div.evolutions div.aspects {
|
|
display: flex;
|
|
width: calc(50% - 10px);
|
|
background: RGB(213, 215, 237);
|
|
border-right: 1px solid RGB(93, 111, 179);
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCCrow div.evolutions div.aspects div.ligneTitre {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCCrow div.evolutions div.aspects div.ligneTitre span {
|
|
display: flex;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCCrow div.evolutions div.aspects div.ligneTitre span:first-of-type {
|
|
width: calc(40% - 2px);
|
|
padding-left: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCCrow div.evolutions div.aspects div.ligneTitre span:not(:first-of-type) {
|
|
width: calc(60% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCCrow div.evolutions div.aspects label.ligne1 {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCCrow div.evolutions div.aspects label.ligne1 span {
|
|
display: flex;
|
|
width: calc(40% - 2px);
|
|
padding-left: 2px;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCCrow div.evolutions div.aspects label.ligne1 div {
|
|
display: flex;
|
|
width: calc(60% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCCrow div.evolutions div.aspects label.ligne1 div input[type=number],
|
|
div.charsheet > div.content div.tabArmure div.DCCrow div.evolutions div.aspects label.ligne1 div select {
|
|
width: 100%;
|
|
text-align: center;
|
|
border: 0px;
|
|
padding: 0px;
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCCrow div.evolutions div.aspects label.ligne1 div select {
|
|
padding-left: 20px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCCrow > input[type=hidden].subMenu[value="3"] ~ div button[type=action].evolutions {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.DCCrow > input[type=hidden].subMenu[value="3"] ~ div.evolutions {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- justifyContent : règle la façon dont le contenu est justifié.
|
|
- width : width du div.
|
|
- color : Couleur du texte.
|
|
- background : Background des boutons
|
|
- borderColor : couleur de la bordure
|
|
- fontSize : font size du texte.
|
|
- fontBold : Si le font est Bold ou non (true/false)
|
|
- button
|
|
- width : width du bouton
|
|
- widthBL : width des boutons ayant une bordure à gauche.
|
|
- widthBLR : width des boutons ayant une bordure à gauche et à droite.
|
|
- height : height des boutons.
|
|
- lastLine : indique qu'il y a un bouton sur une seconde ligne (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow h2.titreBis {
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.titre button[type=action].bonusCaracL2 {
|
|
width: 26px;
|
|
height: 26px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.titre button[type=action].bonusCaracL2 {
|
|
margin-right: auto;
|
|
margin-left: 3px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow > div.subMenu {
|
|
display: flex;
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
align-items: flex-end;
|
|
align-content: flex-end;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow > div.subMenu button[type=action] {
|
|
display: flex;
|
|
padding: 0px;
|
|
width: 50%;
|
|
height: 23px;
|
|
justify-content: center;
|
|
line-height: 23px;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
border-top: 1px solid black;
|
|
border-bottom: 1px solid black;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
background: transparent;
|
|
color: white;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow > div.subMenu button[type=action].BL {
|
|
width: calc(50% - 1px);
|
|
border-left: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow > div.subMenu button[type=action].BR {
|
|
width: calc(50% - 1px);
|
|
border-right: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow > div.subMenu button[type=action].BLR {
|
|
border-right: 1px solid black;
|
|
border-left: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow > div.subMenu button[type=action].NBT {
|
|
border-top: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow > div.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow > div.titre h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow > div.titre span.depense {
|
|
font-size: 11px;
|
|
position: absolute;
|
|
right: 40px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.bonus,
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.bonusCarac,
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow label.pilonnage,
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow .PG50,
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow .PG50_2,
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow .PG100 {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.col5,
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.col5BL,
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.col5LargeBL {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.col5 span,
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.col5BL span,
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.col5LargeBL span {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
justify-content: center;
|
|
color: black;
|
|
font-weight: bold;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.col5 select,
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.col5BL select,
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.col5LargeBL select {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
text-align: center;
|
|
border-right: 0px;
|
|
border-left: 0px;
|
|
border-bottom: 0px;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.col5 {
|
|
width: 20%;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.col5 select,
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.col5BL select {
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.col5BL {
|
|
width: calc(20% - 1px);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.col5BL,
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.col5LargeBL {
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.col5LargeBL {
|
|
width: calc(40% - 1px);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.col5LargeBL select {
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.col5LargeBL select:last-of-type {
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.eCol3,
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.eCol3BL {
|
|
flex-wrap: wrap;
|
|
border-top: 1px solid RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.eCol3 h1.titre,
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.eCol3BL h1.titre {
|
|
background: RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.eCol3 h1.notPG100,
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.eCol3BL h1.notPG100 {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.eCol3 div.rangerBEffet,
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.eCol3BL div.rangerBEffet {
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- label
|
|
- width : Width du label
|
|
- height : height du label
|
|
|
|
- span
|
|
- color : La color
|
|
- background : Le background
|
|
- border : S'il y a une bordure (true/false)
|
|
- width : Width du span
|
|
- height : height du height
|
|
|
|
- shadow : s'il y a une ombre (true/false)
|
|
*/
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
justify-content: space-evenly;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.eCol3 div.rangerBEffet label.fakeButton,
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.eCol3BL div.rangerBEffet label.fakeButton {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 23px;
|
|
font-size: 14px;
|
|
align-self: center;
|
|
font-size: 12px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.eCol3 div.rangerBEffet label.fakeButton input[type=checkbox],
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.eCol3 div.rangerBEffet label.fakeButton input[type=radio],
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.eCol3BL div.rangerBEffet label.fakeButton input[type=checkbox],
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.eCol3BL div.rangerBEffet label.fakeButton input[type=radio] {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 23px;
|
|
opacity: 0;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.eCol3 div.rangerBEffet label.fakeButton span,
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.eCol3BL div.rangerBEffet label.fakeButton span {
|
|
display: flex;
|
|
height: 23px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.eCol3 div.rangerBEffet label.fakeButton span::before,
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.eCol3BL div.rangerBEffet label.fakeButton span::before {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 23px;
|
|
content: attr(title);
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.eCol3 div.rangerBEffet label.simple,
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.eCol3BL div.rangerBEffet label.simple {
|
|
justify-content: space-between;
|
|
width: 150px;
|
|
height: 23px;
|
|
margin: 2px;
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.eCol3 div.rangerBEffet label.simple input[type=checkbox]:not(:checked) ~ span::before,
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.eCol3BL div.rangerBEffet label.simple input[type=checkbox]:not(:checked) ~ span::before {
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.eCol3 div.rangerBEffet div.double,
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.eCol3BL div.rangerBEffet div.double {
|
|
justify-content: space-between;
|
|
width: 150px;
|
|
height: 23px;
|
|
margin: 2px;
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.eCol3 div.rangerBEffet div.double label.fakeButton,
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.eCol3BL div.rangerBEffet div.double label.fakeButton {
|
|
width: calc(100% - 30px);
|
|
border: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.eCol3 div.rangerBEffet div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before,
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.eCol3BL div.rangerBEffet div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before {
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.eCol3 div.rangerBEffet div.double input[type=number],
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.eCol3BL div.rangerBEffet div.double input[type=number] {
|
|
width: 30px;
|
|
height: 23px;
|
|
text-align: center;
|
|
border-top: 0px;
|
|
border-right: 0px;
|
|
border-left: 1px solid black;
|
|
border-bottom: 0px;
|
|
border-radius: 0px;
|
|
padding: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.eCol3,
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.eCol3BL {
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.eCol3BL h1.titre {
|
|
border-left: 1px solid RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.eCol3BL div.rangerBEffet {
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.bonus {
|
|
width: 100%;
|
|
justify-content: flex-end;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.bonusCarac {
|
|
display: none;
|
|
width: calc(40% - 1px);
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.bonusCarac select {
|
|
display: none;
|
|
border: 0px;
|
|
padding: 0px;
|
|
height: 28px;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow label.pilonnage {
|
|
display: none;
|
|
width: 40%;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow label.pilonnage span {
|
|
width: calc(50% - 2px);
|
|
padding-left: 2px;
|
|
line-height: 27px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow label.pilonnage input[type=number] {
|
|
width: 50%;
|
|
border: 0px;
|
|
padding: 0px;
|
|
height: 28px;
|
|
text-align: center;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow label.pilonnageDetails {
|
|
display: none;
|
|
width: calc(60% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow label.pilonnageDetails span {
|
|
width: max-content;
|
|
padding-left: 2px;
|
|
line-height: 27px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow label.pilonnageDetails select {
|
|
width: calc(33.3333333333% - 0.5px);
|
|
border: 0px;
|
|
padding: 0px;
|
|
height: 28px;
|
|
text-align: center;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
padding-left: 15px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow label.cadence {
|
|
display: none;
|
|
width: calc(60% - 1px);
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow label.cadence span {
|
|
width: max-content;
|
|
padding-left: 2px;
|
|
line-height: 27px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow label.cadence select {
|
|
width: calc(33.3333333333% - 0.5px);
|
|
border: 0px;
|
|
padding: 0px;
|
|
padding-left: 15px;
|
|
height: 28px;
|
|
text-align: center;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.ameliorationsArmes,
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.special {
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- label
|
|
- width : Width du label
|
|
- height : height du label
|
|
|
|
- span
|
|
- color : La color
|
|
- background : Le background
|
|
- border : S'il y a une bordure (true/false)
|
|
- width : Width du span
|
|
- height : height du height
|
|
|
|
- shadow : s'il y a une ombre (true/false)
|
|
*/
|
|
display: none;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-evenly;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.ameliorationsArmes label.fakeButton,
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.special label.fakeButton {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 23px;
|
|
font-size: 14px;
|
|
align-self: center;
|
|
font-size: 12px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.ameliorationsArmes label.fakeButton input[type=checkbox],
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.ameliorationsArmes label.fakeButton input[type=radio],
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.special label.fakeButton input[type=checkbox],
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.special label.fakeButton input[type=radio] {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 23px;
|
|
opacity: 0;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.ameliorationsArmes label.fakeButton span,
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.special label.fakeButton span {
|
|
display: flex;
|
|
height: 23px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.ameliorationsArmes label.fakeButton span::before,
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.special label.fakeButton span::before {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 23px;
|
|
content: attr(title);
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.ameliorationsArmes label.simple,
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.special label.simple {
|
|
justify-content: space-between;
|
|
width: 150px;
|
|
height: 23px;
|
|
margin: 2px;
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.ameliorationsArmes label.simple input[type=checkbox]:not(:checked) ~ span::before,
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.special label.simple input[type=checkbox]:not(:checked) ~ span::before {
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.ameliorationsArmes div.double,
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.special div.double {
|
|
justify-content: space-between;
|
|
width: 150px;
|
|
height: 23px;
|
|
margin: 2px;
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.ameliorationsArmes div.double label.fakeButton,
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.special div.double label.fakeButton {
|
|
width: calc(100% - 30px);
|
|
border: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.ameliorationsArmes div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before,
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.special div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before {
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.ameliorationsArmes div.double input[type=number],
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.special div.double input[type=number] {
|
|
width: 30px;
|
|
height: 23px;
|
|
text-align: center;
|
|
border-top: 0px;
|
|
border-right: 0px;
|
|
border-left: 1px solid black;
|
|
border-bottom: 0px;
|
|
border-radius: 0px;
|
|
padding: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.ameliorationsArmes div.doubleTexte,
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.special div.doubleTexte {
|
|
width: 150px;
|
|
height: 46px;
|
|
margin: 2px;
|
|
flex-wrap: wrap;
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.ameliorationsArmes div.doubleTexte input[type=checkbox]:not(:checked) ~ span::before,
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.special div.doubleTexte input[type=checkbox]:not(:checked) ~ span::before {
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.ameliorationsArmes div.doubleTexte input[type=text],
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.special div.doubleTexte input[type=text] {
|
|
width: 100%;
|
|
height: 23px;
|
|
text-align: center;
|
|
border-top: 1px solid black;
|
|
border-right: 0px;
|
|
border-left: 0px;
|
|
border-bottom: 0px;
|
|
border-radius: 0px;
|
|
padding: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.ameliorationsArmes div.triple,
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.special div.triple {
|
|
width: 150px;
|
|
height: 46px;
|
|
margin: 2px;
|
|
flex-wrap: wrap;
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.ameliorationsArmes div.triple div input[type=number],
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.special div.triple div input[type=number] {
|
|
width: calc(50% - 14px);
|
|
height: 23px;
|
|
border-radius: 0px;
|
|
padding: 0px;
|
|
border-bottom: 0px;
|
|
border-right: 0px;
|
|
border-left: 0px;
|
|
border-top: 1px solid black;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.ameliorationsArmes div.triple div input[type=number].R,
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.special div.triple div input[type=number].R {
|
|
text-align: left;
|
|
border-left: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.ameliorationsArmes div.triple div input[type=number].L,
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.special div.triple div input[type=number].L {
|
|
text-align: right;
|
|
border-right: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.ameliorationsArmes div.triple div span,
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.special div.triple div span {
|
|
display: flex;
|
|
background: RGB(93, 111, 179);
|
|
width: 28px;
|
|
height: 22px;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: white;
|
|
border-top: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.ameliorationsArmes div.triple input[type=hidden][value="0"] ~ label span::before, div.charsheet > div.content div.tabArmure div.rangerLongbow div.ameliorationsArmes div.triple input[type=hidden][value="0"] ~ div span,
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.special div.triple input[type=hidden][value="0"] ~ label span::before,
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow div.special div.triple input[type=hidden][value="0"] ~ div span {
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow input[type=hidden].subMenu[value="1"] ~ div button[type=action].ameliorationsArmes {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow input[type=hidden].subMenu[value="1"] ~ div.ameliorationsArmes {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow input[type=hidden].subMenu[value="2"] ~ div button[type=action].special {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow input[type=hidden].subMenu[value="2"] ~ div.special {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1 {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow input[type=hidden].bonusCarac[value="1"] ~ div.bonus {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow input[type=hidden].bonusCarac[value="1"] ~ div div.bonusCarac {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow input[type=hidden].bonusCarac[value="1"] ~ div div.bonusCarac select:first-of-type {
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2 {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow input[type=hidden].bonusCarac[value="2"] ~ div.bonus {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow input[type=hidden].bonusCarac[value="2"] ~ div.bonus label.pilonnage span {
|
|
border-right: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow input[type=hidden].bonusCarac[value="2"] ~ div.bonus label.pilonnage input[type=number] {
|
|
border-left: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow input[type=hidden].bonusCarac[value="2"] ~ div div.bonusCarac {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow input[type=hidden].bonusCarac[value="2"] ~ div div.bonusCarac select:first-of-type {
|
|
display: inline-block;
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow input[type=hidden].bonusCarac[value="2"] ~ div div.bonusCarac select:last-of-type {
|
|
display: inline-block;
|
|
width: 50%;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow input[type=hidden].styleCombat[value=pilonnage] ~ div.bonus {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow input[type=hidden].styleCombat[value=pilonnage] ~ div label.pilonnage {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow input[type=hidden].styleCombat[value=pilonnage] ~ div label.pilonnageDetails {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow input[type=hidden].PG50[value=on] ~ div.eCol3, div.charsheet > div.content div.tabArmure div.rangerLongbow input[type=hidden].PG50[value=on] ~ div.eCol3BL {
|
|
width: 33.3333333333%;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow input[type=hidden].PG50[value=on] ~ div.PG50, div.charsheet > div.content div.tabArmure div.rangerLongbow input[type=hidden].PG50[value=on] ~ div .PG50 {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow input[type=hidden].PG50_2[value=on] ~ .PG50_2, div.charsheet > div.content div.tabArmure div.rangerLongbow input[type=hidden].PG50_2[value=on] ~ div .PG50_2 {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow input[type=hidden].PG50_2[value=on] ~ .notPG50_2, div.charsheet > div.content div.tabArmure div.rangerLongbow input[type=hidden].PG50_2[value=on] ~ div .notPG50_2 {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow input[type=hidden].PG100[value=on] ~ .PG100, div.charsheet > div.content div.tabArmure div.rangerLongbow input[type=hidden].PG100[value=on] ~ div .PG100 {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow input[type=hidden].PG100[value=on] ~ .notPG100, div.charsheet > div.content div.tabArmure div.rangerLongbow input[type=hidden].PG100[value=on] ~ div .notPG100 {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow input[type=hidden].cadence:not([value="0"]) ~ div.bonus {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.rangerLongbow input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.cadence {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.customCapacite {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.customCapacite h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.customCapacite div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.customCapacite h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.customCapacite input {
|
|
width: 100%;
|
|
border: 0px;
|
|
text-align: center;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.customCapacite div.repitem {
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.customCapacite div.repitem:not(:first-of-type) input {
|
|
border-top: 5px double RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.customEvolutions {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- label
|
|
- width : Width du label
|
|
- height : height du label
|
|
|
|
- span
|
|
- color : La color
|
|
- background : Le background
|
|
- border : S'il y a une bordure (true/false)
|
|
- width : Width du span
|
|
- height : height du height
|
|
|
|
- shadow : s'il y a une ombre (true/false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.customEvolutions h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.customEvolutions div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.customEvolutions label.fakeButton {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 100%;
|
|
font-size: 14px;
|
|
align-self: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.customEvolutions label.fakeButton input[type=checkbox],
|
|
div.charsheet > div.content div.tabArmure div.customEvolutions label.fakeButton input[type=radio] {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
opacity: 0;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.customEvolutions label.fakeButton input[type=checkbox]:checked ~ span::before,
|
|
div.charsheet > div.content div.tabArmure div.customEvolutions label.fakeButton input[type=radio]:checked ~ span::before {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.customEvolutions label.fakeButton span {
|
|
display: flex;
|
|
height: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.customEvolutions label.fakeButton span::before {
|
|
display: flex;
|
|
width: calc(100% - 2px);
|
|
line-height: 100%;
|
|
content: attr(title);
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.customEvolutions label.fakeButton span::before {
|
|
width: 100%;
|
|
line-height: 23px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.customEvolutions h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.customEvolutions div.lineHeader {
|
|
display: grid;
|
|
width: 100%;
|
|
grid-template-columns: 1fr 150px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.customEvolutions div.lineHeader input {
|
|
width: 100%;
|
|
border: 0px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.customEvolutions div.repitem {
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.customEvolutions div.repitem:not(:first-of-type) input {
|
|
border-top: 5px double RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.slots {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.slots h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.slots div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.slots h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.slots div.ligneTitre {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.slots div.ligneTitre span {
|
|
display: flex;
|
|
width: 16.6666666667%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.slots div.ligneTitre span:not(:first-of-type) {
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.slots div.ligne6 {
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.slots div.ligne6 div {
|
|
width: 16.6666666667%;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.slots div.ligne6 div:not(:first-of-type) {
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.slots div.ligne6 input {
|
|
width: 100%;
|
|
border: 0px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure > div.MAL {
|
|
margin-top: 10px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.MALDruidCompanions {
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.MALDruidCompanions h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.MALDruidCompanions div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.MALDruidCompanions div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.MALDruidCompanions > h1.titre {
|
|
display: flex;
|
|
border-bottom: 1px solid RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabArmure div.col > * {
|
|
margin-bottom: 10px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat {
|
|
justify-content: space-between;
|
|
align-items: flex-start;
|
|
align-content: flex-start;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
align-items: flex-start;
|
|
align-content: flex-start;
|
|
width: 100%;
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- justifyContent : règle la façon dont le contenu est justifié.
|
|
- width : width du div.
|
|
- color : Couleur du texte.
|
|
- background : Background des boutons
|
|
- borderColor : couleur de la bordure
|
|
- fontSize : font size du texte.
|
|
- fontBold : Si le font est Bold ou non (true/false)
|
|
- button
|
|
- width : width du bouton
|
|
- widthBL : width des boutons ayant une bordure à gauche.
|
|
- widthBLR : width des boutons ayant une bordure à gauche et à droite.
|
|
- height : height des boutons.
|
|
- lastLine : indique qu'il y a un bouton sur une seconde ligne (true / false)
|
|
*/
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.col {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: flex-start;
|
|
align-content: flex-start;
|
|
width: calc(50% - 5px);
|
|
flex-wrap: wrap;
|
|
position: relative;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.col3 {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: flex-start;
|
|
align-content: flex-start;
|
|
width: calc(33.3333333333% - 5px);
|
|
flex-wrap: wrap;
|
|
position: relative;
|
|
}
|
|
div.charsheet > div.content div.tabCombat > div.subTab {
|
|
display: flex;
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
justify-content: space-evenly;
|
|
align-items: flex-end;
|
|
align-content: flex-end;
|
|
}
|
|
div.charsheet > div.content div.tabCombat > div.subTab button[type=action] {
|
|
display: flex;
|
|
padding: 0px;
|
|
width: 20%;
|
|
height: 28px;
|
|
justify-content: center;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border-top: 1px solid black;
|
|
border-bottom: 1px solid black;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
}
|
|
div.charsheet > div.content div.tabCombat > div.subTab button[type=action].BL {
|
|
width: calc(20% - 1px);
|
|
border-left: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat > div.subTab button[type=action].BR {
|
|
width: calc(20% - 1px);
|
|
border-right: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat > div.subTab button[type=action].BLR {
|
|
width: calc(20% - 2px);
|
|
border-right: 1px solid black;
|
|
border-left: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat > div.subTab button[type=action].BLRWLL {
|
|
width: calc(20% - 2px);
|
|
border-right: 1px solid black;
|
|
border-left: 1px solid black;
|
|
margin-left: 1px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat > div.subTab button[type=action].NBT {
|
|
border-top: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.dataArmure {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.dataArmure h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.dataArmure div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.dataArmure div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.dataArmure div.titre button[type=action].actionSpecial {
|
|
width: 98px;
|
|
height: 23px;
|
|
color: black;
|
|
padding: 0px;
|
|
margin-top: auto;
|
|
margin-right: 0px;
|
|
margin-bottom: auto;
|
|
margin-left: auto;
|
|
justify-content: center;
|
|
align-items: center;
|
|
background: RGB(213, 215, 237);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
font-size: 12px;
|
|
font-variant: small-caps;
|
|
font-weight: bold;
|
|
z-index: 50;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.dataArmure div.titre button[type=action].actionSpecial::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.dataArmure div.titre button[type=action].actionSpecial:hover {
|
|
box-shadow: inset 1px 1px 2px 2px black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.dataArmure input[type=number] {
|
|
width: 100%;
|
|
border: 0px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.dataArmure h1.titre {
|
|
text-transform: capitalize;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.dataArmure div.ligneTitre {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.dataArmure div.ligneTitre span {
|
|
display: flex;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.dataArmure div.ligneTitre span:first-of-type {
|
|
padding-left: 2px;
|
|
width: calc(31% - 2px);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.dataArmure div.ligneTitre span:not(:first-of-type) {
|
|
width: calc(23% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.dataArmure div.ligne3 {
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.dataArmure div.ligne3 span {
|
|
display: flex;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
padding-left: 2px;
|
|
width: calc(31% - 2px);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.dataArmure div.ligne3 div {
|
|
width: calc(23% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.dataArmure div.ligne1 {
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.dataArmure div.ligne1 span {
|
|
display: flex;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
padding-left: 2px;
|
|
width: calc(31% - 2px);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.dataArmure div.ligne1 div {
|
|
width: 23%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.dataArmure div.ligne1 div:nth-of-type(1), div.charsheet > div.content div.tabCombat div.dataArmure div.ligne1 div:nth-of-type(2) {
|
|
width: calc(23% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.sorcererPE {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(213, 215, 237);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
background: RGB(213, 215, 237);
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.sorcererPE button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabCombat div.sorcererPE button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.sorcererPE button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabCombat div.sorcererPE button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.sorcererPE button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabCombat div.sorcererPE button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.sorcererPE h1 {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.sorcererPE h1 {
|
|
position: absolute;
|
|
width: calc(100% - 2px);
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: black;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: left;
|
|
font-size: 14px;
|
|
padding-left: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.sorcererPE select {
|
|
position: absolute;
|
|
width: calc(50% - 28px);
|
|
text-align: center;
|
|
border-top: 0px;
|
|
border-bottom: 0px;
|
|
border-right: 0px;
|
|
padding: 0px;
|
|
right: 29px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.physiqueMental {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.physiqueMental h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.physiqueMental div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.physiqueMental input[type=number] {
|
|
width: 100%;
|
|
border: 0px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.physiqueMental div.ligneTitre {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.physiqueMental div.ligneTitre span {
|
|
display: flex;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.physiqueMental div.ligneTitre span:first-of-type {
|
|
padding-left: 2px;
|
|
width: calc(31% - 2px);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.physiqueMental div.ligneTitre span:not(:first-of-type) {
|
|
width: calc(23% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.physiqueMental div.ligne3 {
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.physiqueMental div.ligne3 span {
|
|
display: flex;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
padding-left: 2px;
|
|
width: calc(31% - 2px);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.physiqueMental div.ligne3 div {
|
|
width: calc(23% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.egide {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.egide h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.egide div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.egide div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.egide button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabCombat div.egide button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.egide button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabCombat div.egide button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.egide button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabCombat div.egide button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.egide input[type=number] {
|
|
width: 100%;
|
|
border: 0px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.egide div.ligneTitre {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.egide div.ligneTitre span {
|
|
display: flex;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.egide div.ligneTitre span:first-of-type {
|
|
width: 33.3333333333%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.egide div.ligneTitre span:not(:first-of-type) {
|
|
width: calc(33.3333333333% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.egide div.ligne3 {
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.egide div.ligne3 span {
|
|
display: flex;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
padding-left: 2px;
|
|
width: calc(31% - 2px);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.egide div.ligne3 div:first-of-type {
|
|
width: 33.3333333333%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.egide div.ligne3 div:not(:first-of-type) {
|
|
width: calc(33.3333333333% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.PES {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.PES h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.PES div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.PES input[type=number] {
|
|
width: 100%;
|
|
border: 0px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.PES div.ligneTitre {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.PES div.ligneTitre span {
|
|
display: flex;
|
|
width: 33.3333333333%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.PES div.ligneTitre span:not(:first-of-type) {
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.PES div.ligne2 {
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.PES div.ligne2 span {
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
width: calc(33.3333333333% - 2px);
|
|
padding-left: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.PES div.ligne2 div {
|
|
width: 33.3333333333%;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.PES div.resilience {
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.PES div.resilience div span {
|
|
display: flex;
|
|
width: calc(100% - 70px);
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.PES div.resilience div:first-of-type {
|
|
width: calc(33.3333333333% - 2px);
|
|
padding-left: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.PES div.resilience div:first-of-type button[type=action] {
|
|
width: 68px;
|
|
height: 26px;
|
|
padding: 0px;
|
|
justify-content: center;
|
|
align-items: center;
|
|
background: RGB(93, 111, 179);
|
|
border: 1px solid RGB(213, 215, 237);
|
|
font-size: 12px;
|
|
font-variant: small-caps;
|
|
font-weight: bold;
|
|
margin-top: auto;
|
|
margin-bottom: auto;
|
|
margin-left: auto;
|
|
color: white;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.PES div.resilience div:first-of-type button[type=action]:hover {
|
|
box-shadow: inset 1px 1px 2px 2px black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.PES div.resilience div:not(:first-of-type) {
|
|
width: 33.3333333333%;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.bandeDebordement {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.bandeDebordement h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.bandeDebordement div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.bandeDebordement div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.bandeDebordement button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabCombat div.bandeDebordement button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.bandeDebordement button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabCombat div.bandeDebordement button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.bandeDebordement button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabCombat div.bandeDebordement button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.bandeDebordement input[type=number] {
|
|
width: 100%;
|
|
border: 0px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.bandeDebordement div.ligneTitre {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.bandeDebordement div.ligneTitre span {
|
|
display: flex;
|
|
width: 50%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.bandeDebordement div.ligneTitre span:not(:first-of-type) {
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.bandeDebordement div.ligne2 {
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.bandeDebordement div.ligne2 span {
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
width: 50%;
|
|
padding-left: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.bandeDebordement div.ligne2 div {
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.bandeDebordement div.ligne2 div:not(:first-of-type) {
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.nods {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.nods h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.nods div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.nods div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.nods button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabCombat div.nods button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.nods button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabCombat div.nods button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.nods button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabCombat div.nods button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.nods h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.nods div.ligne {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.nods div.ligne span {
|
|
display: flex;
|
|
background: RGB(213, 215, 237);
|
|
width: calc(33.3333333333% - 2px);
|
|
padding-left: 2px;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.nods div.ligne div.blockM {
|
|
display: flex;
|
|
width: calc(66.6666666667% - 28px - 2px);
|
|
height: 28px;
|
|
justify-content: space-between;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
border-right: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.nods div.ligne div.blockM input[type=number] {
|
|
width: calc(50% - 3px);
|
|
height: 28px;
|
|
border: 0px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.nods div.ligne div.blockM b {
|
|
display: flex;
|
|
width: 6px;
|
|
height: 28px;
|
|
background: white;
|
|
font-weight: bold;
|
|
align-content: center;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.nods div.ligne:not(:first-of-type) {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.styleCombat {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.styleCombat h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.styleCombat div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.styleCombat h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.styleCombat select {
|
|
width: 100%;
|
|
padding: 0px;
|
|
border: 0px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.styleCombat div.puissant {
|
|
display: none;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.styleCombat div.puissant span {
|
|
width: 70px;
|
|
font-size: 14px;
|
|
height: 28px;
|
|
line-height: 28px;
|
|
font-weight: bold;
|
|
padding-left: 2px;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.styleCombat div.puissant select {
|
|
width: calc(50% - 35px);
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.styleCombat div.puissant input[type=number] {
|
|
width: calc(50% - 35px);
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
text-align: center;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.styleCombat div.suppression {
|
|
display: none;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.styleCombat div.suppression label {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.styleCombat div.suppression label span {
|
|
width: 150px;
|
|
font-size: 14px;
|
|
height: 28px;
|
|
line-height: 28px;
|
|
font-weight: bold;
|
|
padding-left: 2px;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.styleCombat div.suppression label input[type=number] {
|
|
width: calc(100% - 150px);
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.styleCombat div.suppression label:first-of-type {
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.styleCombat div.suppression label:not(:first-of-type) {
|
|
width: calc(50% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.styleCombat input[type=hidden][value=puissant] ~ div.puissant {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.styleCombat input[type=hidden][value=suppression] ~ div.suppression {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.herauts {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.herauts h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.herauts div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.herauts h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.herauts div {
|
|
display: flex;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-between;
|
|
flex-wrap: wrap;
|
|
padding-right: 2px;
|
|
padding-left: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.herauts div button[type=action] {
|
|
display: flex;
|
|
width: calc(50% - 5px);
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
justify-content: center;
|
|
border: 1px solid black;
|
|
padding: 0px;
|
|
margin-top: 2px;
|
|
margin-bottom: 2px;
|
|
font-weight: bold;
|
|
height: 25px;
|
|
line-height: 25px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.herauts div button[type=action]:nth-of-type(3) {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.herauts div input[type=hidden].devasterAnatheme[value="1"] ~ button[type=action].devasterAnatheme, div.charsheet > div.content div.tabCombat div.herauts div input[type=hidden].bourreauTenebres[value="1"] ~ button[type=action].bourreauTenebres, div.charsheet > div.content div.tabCombat div.herauts div input[type=hidden].equilibreBalance[value="1"] ~ button[type=action].equilibreBalance {
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
}
|
|
div.charsheet > div.content div.tabCombat label.BMJets {
|
|
display: flex;
|
|
background: RGB(213, 215, 237);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat label.BMJets span {
|
|
position: absolute;
|
|
width: calc(100% - 2px);
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: black;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: left;
|
|
font-size: 14px;
|
|
padding-left: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat label.BMJets input[type=number] {
|
|
position: absolute;
|
|
width: 50%;
|
|
height: 28px;
|
|
text-align: center;
|
|
border-top: 0px;
|
|
border-bottom: 0px;
|
|
border-right: 0px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
padding: 0px;
|
|
right: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.portee {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.portee h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.portee div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.portee h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.portee div.col5 {
|
|
display: flex;
|
|
justify-content: center;
|
|
width: 20%;
|
|
flex-wrap: wrap;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.portee div.col5BL {
|
|
display: flex;
|
|
justify-content: center;
|
|
width: calc(20% - 1px);
|
|
flex-wrap: wrap;
|
|
background: RGB(213, 215, 237);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.portee div.col5 span,
|
|
div.charsheet > div.content div.tabCombat div.portee div.col5BL span {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
line-height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.portee div.col5 span:first-of-type,
|
|
div.charsheet > div.content div.tabCombat div.portee div.col5BL span:first-of-type {
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.portee div.col5 span:last-of-type,
|
|
div.charsheet > div.content div.tabCombat div.portee div.col5BL span:last-of-type {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure {
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure > div {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.complet {
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.barbarianGoliath {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.barbarianGoliath h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.barbarianGoliath div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.barbarianGoliath h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.barbarianGoliath h1.borderBottom {
|
|
border-bottom: 1px solid RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.barbarianGoliath span {
|
|
display: flex;
|
|
font-size: 13px;
|
|
font-weight: bold;
|
|
padding-left: 2px;
|
|
line-height: 28px;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.barbarianGoliath input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.barbarianGoliath input[type=text] {
|
|
text-align: center;
|
|
padding: 0px;
|
|
height: 28px;
|
|
border: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.barbarianGoliath label.ligne {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.barbarianGoliath label.ligne span {
|
|
width: calc(50% - 2px);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.barbarianGoliath label.ligne input[type=number] {
|
|
width: 50%;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.barbarianGoliath label.col {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
background: RGB(213, 215, 237);
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.barbarianGoliath label.col span {
|
|
width: 100%;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.barbarianGoliath label.col input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.barbarianGoliath label.col input[type=text] {
|
|
width: 100%;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.barbarianGoliath label.colBL {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
background: RGB(213, 215, 237);
|
|
width: calc(50% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.barbarianGoliath label.colBL span {
|
|
width: 100%;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.barbarianGoliath label.colBL input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.barbarianGoliath label.colBL input[type=text] {
|
|
width: 100%;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.barbarianGoliath label.borderTop {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.bardChangeling {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.bardChangeling h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.bardChangeling div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.bardChangeling div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.bardChangeling div.titre button[type=action].active {
|
|
width: 100px;
|
|
height: 26px;
|
|
margin-left: auto;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.bardChangeling button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.bardChangeling button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.bardChangeling button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.bardChangeling button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.bardChangeling button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.bardChangeling button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.bardChangeling div.titre,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.bardChangeling h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.bardChangeling div.firstTitre {
|
|
border-bottom: 1px solid RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.bardChangeling input[type=text] {
|
|
text-align: center;
|
|
padding: 0px;
|
|
height: 28px;
|
|
border: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.bardChangeling div.bard250 {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.bardChangeling label.ligne {
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.bardChangeling label.ligne span {
|
|
display: flex;
|
|
width: calc(50% - 2px);
|
|
font-size: 13px;
|
|
font-weight: bold;
|
|
padding-left: 2px;
|
|
line-height: 28px;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.bardChangeling label.ligne input[type=text] {
|
|
width: 50%;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
border-right: 0px;
|
|
border-top: 0px;
|
|
border-bottom: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.bardChangeling input[type=text] {
|
|
width: 100%;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.bardChangeling div.bard250,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.bardChangeling label.bard250,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.bardChangeling input[type=text].bard250 {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.bardChangeling input[type=hidden].bard250[value=on] ~ div.bard250, div.charsheet > div.content div.tabCombat div.subTabArmure div.bardChangeling input[type=hidden].bard250[value=on] ~ label.bard250, div.charsheet > div.content div.tabCombat div.subTabArmure div.bardChangeling input[type=hidden].bard250[value=on] ~ input[type=text].bard250 {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.bardChangeling input[type=hidden].active[value^="{{modeChangeling"] ~ div.titre button[type=action].active {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination h2.titreBis {
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination div.titreInverse {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination div.titre button[type=action].active {
|
|
width: 100px;
|
|
height: 26px;
|
|
margin-left: auto;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination div.button {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: space-evenly;
|
|
flex-wrap: wrap;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination div.button button[type=action] {
|
|
display: flex;
|
|
width: 100px;
|
|
height: 26px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
margin-top: 1px;
|
|
margin-bottom: 1px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination h1.titre,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination h2.titreBis {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination div.titre,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination div.titreInverse {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination div.titre:not(:first-of-type),
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination div.titreInverse:not(:first-of-type) {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination div.titre input[type=hidden][value=on] ~ button[type=action],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination div.titreInverse input[type=hidden][value=on] ~ button[type=action] {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination h2.titreBis {
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination label {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination label span {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
justify-content: center;
|
|
color: black;
|
|
font-weight: bold;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination label input[type=text],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination label input[type=number] {
|
|
width: 100%;
|
|
border-bottom: 0px;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
text-align: center;
|
|
padding: 0px;
|
|
height: 28px;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
min-width: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination label.col1 {
|
|
flex-wrap: wrap;
|
|
background: RGB(213, 215, 237);
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination label.col2 {
|
|
flex-wrap: wrap;
|
|
background: RGB(213, 215, 237);
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination label.col2BL {
|
|
flex-wrap: wrap;
|
|
background: RGB(213, 215, 237);
|
|
width: calc(50% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination label.col3 {
|
|
flex-wrap: wrap;
|
|
background: RGB(213, 215, 237);
|
|
width: 33.3333333333%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination label.col3BL {
|
|
flex-wrap: wrap;
|
|
background: RGB(213, 215, 237);
|
|
width: calc(33.3333333333% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination input[type=text].ligne {
|
|
display: none;
|
|
width: 100%;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
border-bottom: 0px;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
text-align: center;
|
|
padding: 0px;
|
|
height: 28px;
|
|
min-width: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination input[type=hidden].blaze[value=on] ~ div.button button[type=action].blaze {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination input[type=hidden].blaze[value=on] ~ .blaze {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination input[type=hidden].candle[value=on] ~ div.button button[type=action].candle {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination input[type=hidden].candle[value=on] ~ .candle {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination input[type=hidden].beacon[value=on] ~ div.button button[type=action].beacon {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination input[type=hidden].beacon[value=on] ~ .beacon {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination input[type=hidden].torch[value=on] ~ div.button button[type=action].torch {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination input[type=hidden].torch[value=on] ~ .torch {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination input[type=hidden].projector[value=on] ~ div.button button[type=action].projector {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination input[type=hidden].projector[value=on] ~ .projector {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination input[type=hidden].lighthouse[value=on] ~ div.button button[type=action].lighthouse {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination input[type=hidden].lighthouse[value=on] ~ .lighthouse {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination input[type=hidden].lantern[value=on] ~ div.button button[type=action].lantern {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination input[type=hidden].lantern[value=on] ~ .lantern {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage h2.titreBis {
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.titre button[type=action].active {
|
|
width: 100px;
|
|
height: 26px;
|
|
margin-left: auto;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.button {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: space-evenly;
|
|
flex-wrap: wrap;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.button button[type=action] {
|
|
display: flex;
|
|
width: 100px;
|
|
height: 26px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
margin-top: 1px;
|
|
margin-bottom: 1px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.button,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.passif,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.niveaux,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N1,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N2,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N3 {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage input[type=hidden].niveau[value="1"] ~ div button[type=action].N1 {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage input[type=hidden].niveau[value="1"] ~ div.niveaux div.N1 {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage input[type=hidden].niveau[value="2"] ~ div button[type=action].N2 {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage input[type=hidden].niveau[value="2"] ~ div.niveaux div.N2 {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage input[type=hidden].niveau[value="3"] ~ div button[type=action].N3 {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage input[type=hidden].niveau[value="3"] ~ div.niveaux div.N3 {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage input[type=hidden].active[value=on] ~ div button[type=action].rageActive {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage input[type=hidden].active[value=on] ~ div.button, div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage input[type=hidden].active[value=on] ~ div.passif, div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage input[type=hidden].active[value=on] ~ div.niveaux {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.passif {
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.passif div.espoir {
|
|
display: flex;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.passif div.espoir span {
|
|
width: max-content;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
padding-left: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.passif div.espoir button[type=roll],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.passif div.espoir button[type=action] {
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.passif h2.titreBis {
|
|
display: flex;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.passif h2.titreBis:last-of-type {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.passif div.col4 {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
width: 25%;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.passif div.col4 span {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
justify-content: center;
|
|
color: black;
|
|
font-weight: bold;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.passif div.col4 div {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.passif div.col4 div input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.passif div.col4 div input[type=text] {
|
|
width: calc(100% - 28px);
|
|
border-top: 0px;
|
|
border-left: 0px;
|
|
border-bottom: 0px;
|
|
text-align: center;
|
|
padding: 0px;
|
|
height: 28px;
|
|
border-right: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.passif div.col4BL {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
width: calc(25% - 1px);
|
|
background: RGB(213, 215, 237);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.passif div.col4BL span {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
justify-content: center;
|
|
color: black;
|
|
font-weight: bold;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.passif div.col4BL div {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.passif div.col4BL div input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.passif div.col4BL div input[type=text] {
|
|
width: calc(100% - 28px);
|
|
border-top: 0px;
|
|
border-left: 0px;
|
|
border-bottom: 0px;
|
|
text-align: center;
|
|
padding: 0px;
|
|
height: 28px;
|
|
border-right: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.niveaux {
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N1,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N2,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N3 {
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N1 label.col2,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N2 label.col2,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N3 label.col2 {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
width: 50%;
|
|
background: RGB(213, 215, 237);
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N1 label.col2 span,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N2 label.col2 span,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N3 label.col2 span {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
justify-content: center;
|
|
color: black;
|
|
font-weight: bold;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N1 label.col2 input[type=text],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N1 label.col2 input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N2 label.col2 input[type=text],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N2 label.col2 input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N3 label.col2 input[type=text],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N3 label.col2 input[type=number] {
|
|
width: 100%;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
border-left: 0px;
|
|
border-bottom: 0px;
|
|
border-right: 0px;
|
|
text-align: center;
|
|
padding: 0px;
|
|
height: 29px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N1 label.col2BL,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N2 label.col2BL,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N3 label.col2BL {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
width: calc(50% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
background: RGB(213, 215, 237);
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N1 label.col2BL span,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N2 label.col2BL span,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N3 label.col2BL span {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
justify-content: center;
|
|
color: black;
|
|
font-weight: bold;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N1 label.col2BL input[type=text],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N1 label.col2BL input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N2 label.col2BL input[type=text],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N2 label.col2BL input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N3 label.col2BL input[type=text],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N3 label.col2BL input[type=number] {
|
|
width: 100%;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
border-left: 0px;
|
|
border-bottom: 0px;
|
|
border-right: 0px;
|
|
text-align: center;
|
|
padding: 0px;
|
|
height: 29px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N1 label.col3,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N2 label.col3,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N3 label.col3 {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
width: 33.3333333333%;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N1 label.col3 span,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N2 label.col3 span,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N3 label.col3 span {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
justify-content: center;
|
|
color: black;
|
|
font-weight: bold;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N1 label.col3 input[type=text],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N1 label.col3 input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N2 label.col3 input[type=text],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N2 label.col3 input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N3 label.col3 input[type=text],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N3 label.col3 input[type=number] {
|
|
width: 100%;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
border-left: 0px;
|
|
border-bottom: 0px;
|
|
border-right: 0px;
|
|
text-align: center;
|
|
padding: 0px;
|
|
height: 29px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N1 label.col3BL,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N2 label.col3BL,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N3 label.col3BL {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
width: calc(33.3333333333% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N1 label.col3BL span,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N2 label.col3BL span,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N3 label.col3BL span {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
justify-content: center;
|
|
color: black;
|
|
font-weight: bold;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N1 label.col3BL input[type=text],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N1 label.col3BL input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N2 label.col3BL input[type=text],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N2 label.col3BL input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N3 label.col3BL input[type=text],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N3 label.col3BL input[type=number] {
|
|
width: 100%;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
border-left: 0px;
|
|
border-bottom: 0px;
|
|
border-right: 0px;
|
|
text-align: center;
|
|
padding: 0px;
|
|
height: 29px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N1 label.col3SBL,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N2 label.col3SBL,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N3 label.col3SBL {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
width: calc(33.3333333333% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N1 label.col3SBL span,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N2 label.col3SBL span,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N3 label.col3SBL span {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
justify-content: center;
|
|
color: black;
|
|
font-weight: bold;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N1 label.col3SBL div,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N2 label.col3SBL div,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N3 label.col3SBL div {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N1 label.col3SBL div input[type=text],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N1 label.col3SBL div input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N2 label.col3SBL div input[type=text],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N2 label.col3SBL div input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N3 label.col3SBL div input[type=text],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N3 label.col3SBL div input[type=number] {
|
|
width: calc(100% - 28px);
|
|
border-top: 0px;
|
|
border-left: 0px;
|
|
border-bottom: 0px;
|
|
text-align: center;
|
|
padding: 0px;
|
|
height: 28px;
|
|
border-right: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.borderTop,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage label.borderTop {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.druidModJetCompagnons {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(213, 215, 237);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
background: RGB(213, 215, 237);
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.druidModJetCompagnons h1 {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.druidModJetCompagnons h1 {
|
|
position: absolute;
|
|
width: calc(100% - 2px);
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: black;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: left;
|
|
font-size: 14px;
|
|
padding-left: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.druidModJetCompagnons input[type=text],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.druidModJetCompagnons input[type=number] {
|
|
position: absolute;
|
|
width: 30%;
|
|
height: 28px;
|
|
text-align: center;
|
|
border-top: 0px;
|
|
border-bottom: 0px;
|
|
border-right: 0px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
padding: 0px;
|
|
right: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.druidModCompanions {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.druidModCompanions h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.druidModCompanions div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.druidModCompanions div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.druidModCompanions div.titre select.liste {
|
|
width: 70px;
|
|
text-align: center;
|
|
padding: 0px;
|
|
border: 0px;
|
|
height: 27px;
|
|
margin-left: auto;
|
|
z-index: 99;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.druidModCompanions div.button {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: space-evenly;
|
|
flex-wrap: wrap;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.druidModCompanions div.button button[type=action] {
|
|
display: flex;
|
|
width: 100px;
|
|
height: 26px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
margin-top: 1px;
|
|
margin-bottom: 1px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.druidModCompanions div.titre,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.druidModCompanions h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.druidModCompanions div.titre {
|
|
border-bottom: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.druidModCompanions input[type=hidden].choix[value=aucun] ~ .button button[type=action].aucun {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.druidModCompanions input[type=hidden].choix[value=lion] ~ .button button[type=action].lion {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.druidModCompanions input[type=hidden].choix[value=wolf] ~ .button button[type=action].wolf {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.druidModCompanions input[type=hidden].choix[value=crow] ~ .button button[type=action].crow {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure input[type=hidden].druidCompanions[value=aucun] ~ div.DCLion, div.charsheet > div.content div.tabCombat div.subTabArmure input[type=hidden].druidCompanions[value=aucun] ~ div.DCWolf, div.charsheet > div.content div.tabCombat div.subTabArmure input[type=hidden].druidCompanions[value=aucun] ~ div.DCCrow {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure input[type=hidden].druidCompanions[value=lion] ~ div.DCWolf, div.charsheet > div.content div.tabCombat div.subTabArmure input[type=hidden].druidCompanions[value=lion] ~ div.DCCrow {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure input[type=hidden].druidCompanions[value=wolf] ~ div.DCLion, div.charsheet > div.content div.tabCombat div.subTabArmure input[type=hidden].druidCompanions[value=wolf] ~ div.DCCrow {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure input[type=hidden].druidCompanions[value=crow] ~ div.DCLion, div.charsheet > div.content div.tabCombat div.subTabArmure input[type=hidden].druidCompanions[value=crow] ~ div.DCWolf {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- justifyContent : règle la façon dont le contenu est justifié.
|
|
- width : width du div.
|
|
- color : Couleur du texte.
|
|
- background : Background des boutons
|
|
- borderColor : couleur de la bordure
|
|
- fontSize : font size du texte.
|
|
- fontBold : Si le font est Bold ou non (true/false)
|
|
- button
|
|
- width : width du bouton
|
|
- widthBL : width des boutons ayant une bordure à gauche.
|
|
- widthBLR : width des boutons ayant une bordure à gauche et à droite.
|
|
- height : height des boutons.
|
|
- lastLine : indique qu'il y a un bouton sur une seconde ligne (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion > div.subMenu {
|
|
display: flex;
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
align-items: flex-end;
|
|
align-content: flex-end;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion > div.subMenu button[type=action] {
|
|
display: flex;
|
|
padding: 0px;
|
|
width: 33.3333333333%;
|
|
height: 28px;
|
|
justify-content: center;
|
|
line-height: 28px;
|
|
font-size: 1.2em;
|
|
font-weight: bold;
|
|
border-top: 1px solid black;
|
|
border-bottom: 1px solid black;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion > div.subMenu button[type=action].BL {
|
|
width: calc(33.3333333333% - 1px);
|
|
border-left: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion > div.subMenu button[type=action].BR {
|
|
width: calc(33.3333333333% - 1px);
|
|
border-right: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion > div.subMenu button[type=action].BLR {
|
|
border-right: 1px solid black;
|
|
border-left: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion > div.subMenu button[type=action].NBT {
|
|
border-top: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4BL {
|
|
width: 25%;
|
|
flex-wrap: wrap;
|
|
align-content: flex-start;
|
|
align-items: flex-start;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4 > h1.titre,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4BL > h1.titre {
|
|
border-top: 1px solid white;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4 div.ligne,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4BL div.ligne {
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4 div.ligne span,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4BL div.ligne span {
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4 div.ligne div.blockR,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4BL div.ligne div.blockR {
|
|
width: 50%;
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4 div.ligne:not(:first-of-type),
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4BL div.ligne:not(:first-of-type) {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4 div.aspect span,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4BL div.aspect span {
|
|
width: calc(50% - 2px);
|
|
padding-left: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4 div.aspect div.blockR input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4BL div.aspect div.blockR input[type=number] {
|
|
width: calc(100% - 28px);
|
|
border-top: 0px;
|
|
border-left: 0px;
|
|
border-bottom: 0px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
height: 28px;
|
|
border-right: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4 div.AE,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4BL div.AE {
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4 div.AE span.mineur,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4 div.AE span.majeur,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4BL div.AE span.mineur,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4BL div.AE span.majeur {
|
|
display: none;
|
|
margin-right: 2px;
|
|
width: min-content;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4 div.AE span.value,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4BL div.AE span.value {
|
|
display: flex;
|
|
width: min-content;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4 div.AE span.value::before,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4BL div.AE span.value::before {
|
|
content: "(";
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4 div.AE span.value::after,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4BL div.AE span.value::after {
|
|
content: ")";
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4 div.AE input[type=hidden][value="0"] ~ span.mineur, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4 div.AE input[type=hidden][value="1"] ~ span.mineur, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4 div.AE input[type=hidden][value="2"] ~ span.mineur, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4 div.AE input[type=hidden][value="3"] ~ span.mineur, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4 div.AE input[type=hidden][value="4"] ~ span.mineur, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4 div.AE input[type=hidden][value="5"] ~ span.mineur,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4BL div.AE input[type=hidden][value="0"] ~ span.mineur,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4BL div.AE input[type=hidden][value="1"] ~ span.mineur,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4BL div.AE input[type=hidden][value="2"] ~ span.mineur,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4BL div.AE input[type=hidden][value="3"] ~ span.mineur,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4BL div.AE input[type=hidden][value="4"] ~ span.mineur,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4BL div.AE input[type=hidden][value="5"] ~ span.mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4 div.AE input[type=hidden][value="6"] ~ span.majeur, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4 div.AE input[type=hidden][value="7"] ~ span.majeur, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4 div.AE input[type=hidden][value="8"] ~ span.majeur, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4 div.AE input[type=hidden][value="9"] ~ span.majeur, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4 div.AE input[type=hidden][value="10"] ~ span.majeur,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4BL div.AE input[type=hidden][value="6"] ~ span.majeur,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4BL div.AE input[type=hidden][value="7"] ~ span.majeur,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4BL div.AE input[type=hidden][value="8"] ~ span.majeur,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4BL div.AE input[type=hidden][value="9"] ~ span.majeur,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4BL div.AE input[type=hidden][value="10"] ~ span.majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4 div.defense span,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4 div.reaction span,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4BL div.defense span,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4BL div.reaction span {
|
|
width: calc(50% - 2px);
|
|
padding-left: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4 div.defense div.blockR input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4 div.reaction div.blockR input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4BL div.defense div.blockR input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4BL div.reaction div.blockR input[type=number] {
|
|
width: 100%;
|
|
border: 0px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4 div.initiative span,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4BL div.initiative span {
|
|
width: calc(50% - 2px);
|
|
padding-left: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4 div.initiative div.blockR input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4BL div.initiative div.blockR input[type=number] {
|
|
width: calc(100% - 28px);
|
|
border-top: 0px;
|
|
border-left: 0px;
|
|
border-bottom: 0px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
height: 28px;
|
|
border-right: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4 div.armure span,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4 div.energie span,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4BL div.armure span,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4BL div.energie span {
|
|
width: calc(50% - 2px);
|
|
padding-left: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4 div.armure div.blockR input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4 div.energie div.blockR input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4BL div.armure div.blockR input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4BL div.energie div.blockR input[type=number] {
|
|
width: calc(100% - 3px);
|
|
border: 0px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4 div.armure div.blockR b,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4 div.energie div.blockR b,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4BL div.armure div.blockR b,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4BL div.energie div.blockR b {
|
|
display: flex;
|
|
width: 6px;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4 div.CDF input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4BL div.CDF input[type=number] {
|
|
width: 100%;
|
|
border: 0px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4BL > h1.titre {
|
|
border-left: 1px solid white;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4BL > div {
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes {
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- label
|
|
- width : Width du label
|
|
- height : height du label
|
|
|
|
- span
|
|
- color : La color
|
|
- background : Le background
|
|
- border : S'il y a une bordure (true/false)
|
|
- width : Width du span
|
|
- height : height du height
|
|
|
|
- shadow : s'il y a une ombre (true/false)
|
|
*/
|
|
display: none;
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes label.fakeButton {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 23px;
|
|
font-size: 14px;
|
|
align-self: center;
|
|
font-size: 12px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes label.fakeButton input[type=checkbox],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes label.fakeButton input[type=radio] {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 23px;
|
|
opacity: 0;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes label.fakeButton span {
|
|
display: flex;
|
|
height: 23px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes label.fakeButton span::before {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 23px;
|
|
content: attr(title);
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.ligneTitre {
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.ligneTitre span {
|
|
display: flex;
|
|
justify-content: center;
|
|
color: black;
|
|
font-weight: bold;
|
|
font-size: 14px;
|
|
height: 28px;
|
|
line-height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.ligneTitre div.firstCol {
|
|
background: RGB(213, 215, 237);
|
|
width: calc(100% - 680px);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.ligneTitre div.firstCol span {
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.ligneTitre div.midCol {
|
|
background: RGB(213, 215, 237);
|
|
width: 169px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.ligneTitre div.midCol span {
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.ligneTitre div.lastCol {
|
|
background: RGB(213, 215, 237);
|
|
width: 169px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.ligneTitre div.lastCol span {
|
|
width: calc(100% - 28px);
|
|
margin-right: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes input[type=hidden].guidage:not([value="0"]) ~ div.bonus {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes input[type=hidden].guidage:not([value="0"]) ~ div.bonus label.guidage {
|
|
display: block;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes input[type=hidden].cadence:not([value="0"]) ~ div.bonus {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.cadence {
|
|
display: flex;
|
|
padding-right: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.guidage {
|
|
width: 99px;
|
|
margin-right: 0px !important;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups {
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- justifyContent : règle la façon dont le contenu est justifié.
|
|
- width : width du div.
|
|
- color : Couleur du texte.
|
|
- background : Background des boutons
|
|
- borderColor : couleur de la bordure
|
|
- fontSize : font size du texte.
|
|
- fontBold : Si le font est Bold ou non (true/false)
|
|
- button
|
|
- width : width du bouton
|
|
- widthBL : width des boutons ayant une bordure à gauche.
|
|
- widthBLR : width des boutons ayant une bordure à gauche et à droite.
|
|
- height : height des boutons.
|
|
- lastLine : indique qu'il y a un bouton sur une seconde ligne (true / false)
|
|
*/
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups > div.subMenu {
|
|
display: flex;
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
align-items: flex-end;
|
|
align-content: flex-end;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups > div.subMenu button[type=action] {
|
|
display: flex;
|
|
padding: 0px;
|
|
width: 100%;
|
|
height: 23px;
|
|
justify-content: center;
|
|
line-height: 23px;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
border-top: 1px solid black;
|
|
border-bottom: 1px solid black;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
background: transparent;
|
|
color: white;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups > div.subMenu button[type=action].BL {
|
|
width: calc(100% - 1px);
|
|
border-left: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups > div.subMenu button[type=action].BR {
|
|
width: calc(100% - 1px);
|
|
border-right: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups > div.subMenu button[type=action].BLR {
|
|
border-right: 1px solid black;
|
|
border-left: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups > div.subMenu button[type=action].NBT {
|
|
border-top: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups div.ligne {
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups div.ligne div.firstCol {
|
|
background: RGB(213, 215, 237);
|
|
width: calc(100% - 680px);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups div.ligne div.midCol,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups div.ligne div.lastCol {
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
width: 169px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups div.ligne div.aB1Nom input[type=text] {
|
|
width: 100%;
|
|
font-size: 14px;
|
|
height: 28px;
|
|
padding-top: 0px;
|
|
padding-right: 0px;
|
|
padding-bottom: 0px;
|
|
border: 0px;
|
|
padding-left: 4px;
|
|
min-width: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups div.ligne div.aB1Degats input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups div.ligne div.aB1Violence input[type=number] {
|
|
width: calc(50% - 14px);
|
|
font-size: 14px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
border: 0px;
|
|
min-width: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups div.ligne div.aB1Degats input[type=number].nbre,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups div.ligne div.aB1Violence input[type=number].nbre {
|
|
text-align: right;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups div.ligne div.aB1Degats input[type=number].bonus,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups div.ligne div.aB1Violence input[type=number].bonus {
|
|
text-align: left;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups div.ligne div.aB1Degats b,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups div.ligne div.aB1Violence b {
|
|
display: flex;
|
|
width: 28px;
|
|
height: 28px;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups div.ligne div.aB1Portee select {
|
|
width: 100%;
|
|
font-size: 14px;
|
|
height: 28px;
|
|
text-align: center;
|
|
padding-top: 0px;
|
|
padding-right: 0px;
|
|
padding-bottom: 0px;
|
|
border: 0px;
|
|
padding-left: 15px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups div.ligne div.aB1Aspect select {
|
|
width: calc(100% - 28px);
|
|
font-size: 14px;
|
|
height: 28px;
|
|
text-align: center;
|
|
padding-top: 0px;
|
|
padding-right: 0px;
|
|
padding-bottom: 0px;
|
|
border: 0px;
|
|
padding-left: 15px;
|
|
border-right: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups div.special {
|
|
display: none;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-evenly;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups div.special div.simple {
|
|
justify-content: space-between;
|
|
width: 150px;
|
|
height: 23px;
|
|
margin: 2px;
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups div.special div.simple input[type=checkbox]:not(:checked) ~ span::before {
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups div.special div.double {
|
|
justify-content: space-between;
|
|
width: 150px;
|
|
height: 23px;
|
|
margin: 2px;
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups div.special div.double label.fakeButton {
|
|
width: calc(100% - 30px);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups div.special div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before {
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups div.special div.doubleTexte {
|
|
width: 150px;
|
|
height: 46px;
|
|
margin: 2px;
|
|
flex-wrap: wrap;
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups div.special div.doubleTexte input[type=checkbox]:not(:checked) ~ span::before {
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups div.special div.doubleTexte input[type=text] {
|
|
width: 100%;
|
|
height: 23px;
|
|
text-align: center;
|
|
border: 1px solid black;
|
|
border-radius: 0px;
|
|
padding: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups div.special div.triple {
|
|
width: 150px;
|
|
height: 46px;
|
|
margin: 2px;
|
|
flex-wrap: wrap;
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups div.special div.triple div input[type=number] {
|
|
width: calc(50% - 14px);
|
|
height: 23px;
|
|
border-radius: 0px;
|
|
padding: 0px;
|
|
border-bottom: 0px;
|
|
border-right: 0px;
|
|
border-left: 0px;
|
|
border-top: 1px solid black;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups div.special div.triple div input[type=number].R {
|
|
text-align: left;
|
|
border-left: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups div.special div.triple div input[type=number].L {
|
|
text-align: right;
|
|
border-right: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups div.special div.triple div span {
|
|
display: flex;
|
|
background: RGB(93, 111, 179);
|
|
width: 28px;
|
|
height: 22px;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: white;
|
|
border-top: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups div.special div.triple input[type=hidden][value="0"] ~ label span::before, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups div.special div.triple input[type=hidden][value="0"] ~ div span {
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups input[type=hidden].subMenu[value="1"] ~ div button[type=action].effets {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups input[type=hidden].subMenu[value="1"] ~ div.effets {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups input[type=hidden].subMenu[value="2"] ~ div button[type=action].ameliorationsArmes {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups input[type=hidden].subMenu[value="2"] ~ div.ameliorationsArmes {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups input[type=hidden].subMenu[value="3"] ~ div button[type=action].special {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups input[type=hidden].subMenu[value="3"] ~ div.special {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repcontainer,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem {
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem {
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- justifyContent : règle la façon dont le contenu est justifié.
|
|
- width : width du div.
|
|
- color : Couleur du texte.
|
|
- background : Background des boutons
|
|
- borderColor : couleur de la bordure
|
|
- fontSize : font size du texte.
|
|
- fontBold : Si le font est Bold ou non (true/false)
|
|
- button
|
|
- width : width du bouton
|
|
- widthBL : width des boutons ayant une bordure à gauche.
|
|
- widthBLR : width des boutons ayant une bordure à gauche et à droite.
|
|
- height : height des boutons.
|
|
- lastLine : indique qu'il y a un bouton sur une seconde ligne (true / false)
|
|
*/
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem > div.subMenu {
|
|
display: flex;
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
align-items: flex-end;
|
|
align-content: flex-end;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem > div.subMenu button[type=action] {
|
|
display: flex;
|
|
padding: 0px;
|
|
width: 33.3333333333%;
|
|
height: 23px;
|
|
justify-content: center;
|
|
line-height: 23px;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
border-top: 1px solid black;
|
|
border-bottom: 1px solid black;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
background: transparent;
|
|
color: white;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem > div.subMenu button[type=action].BL {
|
|
width: calc(33.3333333333% - 1px);
|
|
border-left: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem > div.subMenu button[type=action].BR {
|
|
width: calc(33.3333333333% - 1px);
|
|
border-right: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem > div.subMenu button[type=action].BLR {
|
|
border-right: 1px solid black;
|
|
border-left: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem > div.subMenu button[type=action].NBT {
|
|
border-top: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.data {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.ligne {
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.ligne div.firstCol {
|
|
background: RGB(213, 215, 237);
|
|
width: calc(100% - 680px);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.ligne div.midCol,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.ligne div.lastCol {
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
width: 169px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.ligne div.aNom input[type=text] {
|
|
width: 100%;
|
|
font-size: 14px;
|
|
height: 28px;
|
|
padding-top: 0px;
|
|
padding-right: 0px;
|
|
padding-bottom: 0px;
|
|
border: 0px;
|
|
padding-left: 4px;
|
|
min-width: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.ligne div.aDegats input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.ligne div.aViolence input[type=number] {
|
|
width: calc(50% - 14px);
|
|
font-size: 14px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
border: 0px;
|
|
min-width: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.ligne div.aDegats input[type=number].nbre,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.ligne div.aViolence input[type=number].nbre {
|
|
text-align: right;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.ligne div.aDegats input[type=number].bonus,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.ligne div.aViolence input[type=number].bonus {
|
|
text-align: left;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.ligne div.aDegats b,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.ligne div.aViolence b {
|
|
display: flex;
|
|
width: 28px;
|
|
height: 28px;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.ligne div.aPortee select {
|
|
width: 100%;
|
|
font-size: 14px;
|
|
height: 28px;
|
|
text-align: center;
|
|
padding-top: 0px;
|
|
padding-right: 0px;
|
|
padding-bottom: 0px;
|
|
border: 0px;
|
|
padding-left: 15px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.ligne div.aAspect select {
|
|
width: calc(100% - 28px);
|
|
font-size: 14px;
|
|
height: 28px;
|
|
text-align: center;
|
|
padding-top: 0px;
|
|
padding-right: 0px;
|
|
padding-bottom: 0px;
|
|
border: 0px;
|
|
padding-left: 15px;
|
|
border-right: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.bonus {
|
|
display: none;
|
|
width: 100%;
|
|
justify-content: flex-end;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.effets,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.ameliorationsArmes,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.special {
|
|
display: none;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-evenly;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.effets label.simple,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.ameliorationsArmes label.simple,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.special label.simple {
|
|
justify-content: space-between;
|
|
width: 150px;
|
|
height: 23px;
|
|
margin: 2px;
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.effets label.simple input[type=checkbox]:not(:checked) ~ span::before,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.ameliorationsArmes label.simple input[type=checkbox]:not(:checked) ~ span::before,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.special label.simple input[type=checkbox]:not(:checked) ~ span::before {
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.effets div.double,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.ameliorationsArmes div.double,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.special div.double {
|
|
justify-content: space-between;
|
|
width: 150px;
|
|
height: 23px;
|
|
margin: 2px;
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.effets div.double label.fakeButton,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.ameliorationsArmes div.double label.fakeButton,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.special div.double label.fakeButton {
|
|
width: calc(100% - 30px);
|
|
border: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.effets div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.ameliorationsArmes div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.special div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before {
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.effets div.double input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.ameliorationsArmes div.double input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.special div.double input[type=number] {
|
|
width: 30px;
|
|
height: 23px;
|
|
text-align: center;
|
|
border-top: 0px;
|
|
border-right: 0px;
|
|
border-left: 1px solid black;
|
|
border-bottom: 0px;
|
|
border-radius: 0px;
|
|
padding: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.effets div.doubleTexte,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.ameliorationsArmes div.doubleTexte,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.special div.doubleTexte {
|
|
width: 150px;
|
|
margin: 2px;
|
|
flex-wrap: wrap;
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.effets div.doubleTexte input[type=checkbox]:not(:checked) ~ span::before,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.ameliorationsArmes div.doubleTexte input[type=checkbox]:not(:checked) ~ span::before,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.special div.doubleTexte input[type=checkbox]:not(:checked) ~ span::before {
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.effets div.doubleTexte input[type=text],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.ameliorationsArmes div.doubleTexte input[type=text],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.special div.doubleTexte input[type=text] {
|
|
width: 100%;
|
|
height: 23px;
|
|
text-align: center;
|
|
border-top: 1px solid black;
|
|
border-right: 0px;
|
|
border-left: 0px;
|
|
border-bottom: 0px;
|
|
border-radius: 0px;
|
|
padding: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.effets div.doubleTexte input[type=text].borderBottom,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.ameliorationsArmes div.doubleTexte input[type=text].borderBottom,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.special div.doubleTexte input[type=text].borderBottom {
|
|
border-bottom: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.effets div.doubleTexte .borderTop,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.ameliorationsArmes div.doubleTexte .borderTop,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.special div.doubleTexte .borderTop {
|
|
border-top: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.effets div.triple,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.ameliorationsArmes div.triple,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.special div.triple {
|
|
width: 150px;
|
|
height: 46px;
|
|
margin: 2px;
|
|
flex-wrap: wrap;
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.effets div.triple div input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.ameliorationsArmes div.triple div input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.special div.triple div input[type=number] {
|
|
width: calc(50% - 14px);
|
|
height: 23px;
|
|
border-radius: 0px;
|
|
padding: 0px;
|
|
border-bottom: 0px;
|
|
border-right: 0px;
|
|
border-left: 0px;
|
|
border-top: 1px solid black;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.effets div.triple div input[type=number].R,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.ameliorationsArmes div.triple div input[type=number].R,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.special div.triple div input[type=number].R {
|
|
text-align: left;
|
|
border-left: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.effets div.triple div input[type=number].L,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.ameliorationsArmes div.triple div input[type=number].L,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.special div.triple div input[type=number].L {
|
|
text-align: right;
|
|
border-right: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.effets div.triple div span,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.ameliorationsArmes div.triple div span,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.special div.triple div span {
|
|
display: flex;
|
|
background: RGB(93, 111, 179);
|
|
width: 28px;
|
|
height: 22px;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: white;
|
|
border-top: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.effets div.triple input[type=hidden][value="0"] ~ label span::before, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.effets div.triple input[type=hidden][value="0"] ~ div span,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.ameliorationsArmes div.triple input[type=hidden][value="0"] ~ label span::before,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.ameliorationsArmes div.triple input[type=hidden][value="0"] ~ div span,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.special div.triple input[type=hidden][value="0"] ~ label span::before,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.special div.triple input[type=hidden][value="0"] ~ div span {
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem input[type=hidden].subMenu[value="1"] ~ div button[type=action].effets {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem input[type=hidden].subMenu[value="1"] ~ div.effets {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem input[type=hidden].subMenu[value="2"] ~ div button[type=action].ameliorationsArmes {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem input[type=hidden].subMenu[value="2"] ~ div.ameliorationsArmes {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem input[type=hidden].subMenu[value="3"] ~ div button[type=action].special {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem input[type=hidden].subMenu[value="3"] ~ div.special {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.bonus {
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- label
|
|
- width : Width du label
|
|
- height : height du label
|
|
|
|
- span
|
|
- color : La color
|
|
- background : Le background
|
|
- border : S'il y a une bordure (true/false)
|
|
- width : Width du span
|
|
- height : height du height
|
|
|
|
- shadow : s'il y a une ombre (true/false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.bonus label.fakeButton {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 23px;
|
|
font-size: 14px;
|
|
align-self: center;
|
|
font-size: 12px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.bonus label.fakeButton input[type=checkbox],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.bonus label.fakeButton input[type=radio] {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 23px;
|
|
opacity: 0;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.bonus label.fakeButton span {
|
|
display: flex;
|
|
height: 23px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.bonus label.fakeButton span::before {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 23px;
|
|
content: attr(title);
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.bonus label.cadence {
|
|
display: none;
|
|
width: 382px;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.bonus label.cadence span {
|
|
width: 236px;
|
|
padding-left: 2px;
|
|
line-height: 27px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.bonus label.cadence select {
|
|
width: 142px;
|
|
border: 0px;
|
|
padding: 0px;
|
|
padding-left: 15px;
|
|
height: 28px;
|
|
text-align: center;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
border-right: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.bonus label.guidage {
|
|
display: none;
|
|
margin-top: 1px;
|
|
width: 140px;
|
|
height: 28px;
|
|
margin: 0px;
|
|
margin-right: 29px;
|
|
border-right: 1px solid RGB(93, 111, 179);
|
|
border: 0px;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.bonus label.guidage span.actif,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.bonus label.guidage span.inactif {
|
|
display: none;
|
|
text-align: center;
|
|
color: black;
|
|
height: 28px;
|
|
line-height: 28px;
|
|
align-items: center;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.bonus label.guidage span.actif::before,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.bonus label.guidage span.inactif::before {
|
|
height: 28px;
|
|
line-height: 28px;
|
|
background: transparent;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.bonus label.guidage span.actif {
|
|
border-left: 1px solid RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.bonus label.guidage span.actif::before {
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
border-bottom: 1px solid RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.bonus label.guidage input[type=checkbox] {
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.bonus label.guidage input[type=checkbox]:checked ~ span.actif {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.bonus label.guidage input[type=checkbox]:not(:checked) ~ span.inactif {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes input[type=hidden].codexfm4[value="0"] ~ div div.codexfm4, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes input[type=hidden].codexfm4[value="0"] ~ div label.codexfm4 {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules {
|
|
display: none;
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules button[type=action].buttonPlus {
|
|
display: flex;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
width: 27px;
|
|
font-size: 25px;
|
|
height: 28px;
|
|
line-height: 21px;
|
|
justify-content: center;
|
|
border-top: 0px;
|
|
border-left: 0px;
|
|
border-bottom: 0px;
|
|
border-right: 1px solid RGB(213, 215, 237);
|
|
padding: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules button[type=action].buttonPlus span {
|
|
display: none;
|
|
width: 100%;
|
|
font-size: 25px;
|
|
justify-content: center;
|
|
line-height: 23px;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules button[type=action].buttonArrow {
|
|
content: "]";
|
|
width: 17px;
|
|
color: white;
|
|
font-size: 20px;
|
|
font-weight: bold;
|
|
font-family: pictos;
|
|
line-height: 18px;
|
|
transform: rotate(90deg);
|
|
padding: 0px;
|
|
background: transparent;
|
|
border: 0px;
|
|
transition: transform 2s;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules .ligne {
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.slots div.col6,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.slots div.col6BL {
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.slots div.col6 > span,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.slots div.col6BL > span {
|
|
width: max-content;
|
|
font-weight: bold;
|
|
font-variant: small-caps;
|
|
line-height: 28px;
|
|
padding-left: 3px;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.slots div.col6 div,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.slots div.col6BL div {
|
|
width: 45px;
|
|
height: 28px;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
align-items: center;
|
|
flex-wrap: nowrap;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.slots div.col6 div input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.slots div.col6BL div input[type=number] {
|
|
background: transparent;
|
|
border: none;
|
|
line-height: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
width: 19px;
|
|
font-weight: bold;
|
|
font-size: 13px;
|
|
margin-left: auto;
|
|
text-align: right;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.slots div.col6 div b,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.slots div.col6BL div b {
|
|
font-size: 14px;
|
|
line-height: 28px;
|
|
color: RGB(55, 53, 53);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.slots div.col6 div span,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.slots div.col6BL div span {
|
|
line-height: 28px;
|
|
margin-left: 0px;
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
width: auto;
|
|
text-align: center;
|
|
font-size: 13px;
|
|
margin-right: 2px;
|
|
color: black;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.slots div.col6 {
|
|
width: 16.6666666667%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.slots div.col6BL {
|
|
width: calc(16.6666666667% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.repitem {
|
|
display: flex;
|
|
width: calc(50% - 10px);
|
|
justify-content: space-between;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(213, 215, 237);
|
|
align-self: flex-start;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.repitem div.titre {
|
|
display: flex;
|
|
position: initial;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.repitem div.ligne {
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.repitem input[type=hidden].expandSlots[value="1"] ~ div button[type=action].buttonArrow {
|
|
transform: rotate(-90deg);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.repitem input[type=hidden].expandSlots[value="1"] ~ .hSlots {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.repitem input[type=hidden].expandModule[value="0"] ~ div button[type=action].buttonPlus span.plus {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.repitem input[type=hidden].expandModule[value="0"] ~ .hModule, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.repitem input[type=hidden].expandModule[value="0"] ~ .hSlots {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.repitem input[type=hidden].expandModule[value="1"] ~ div button[type=action].buttonPlus span.moins {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.repitem input[type=hidden].expandModule[value="1"] ~ .hModule {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.repitem div.titreModule input[type=text] {
|
|
width: calc(100% - 28px);
|
|
height: 28px;
|
|
text-align: center;
|
|
background: transparent;
|
|
color: white;
|
|
font-weight: bold;
|
|
font-variant: small-caps;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
padding-left: 0px;
|
|
padding-right: 25px;
|
|
border: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.repitem label.activation {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
width: calc(100% - 100px);
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.repitem label.activation span {
|
|
display: flex;
|
|
width: 78px;
|
|
padding-left: 2px;
|
|
font-size: 13px;
|
|
line-height: 28px;
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.repitem label.activation input[type=text] {
|
|
width: calc(100% - 80px);
|
|
height: 28px;
|
|
border: 0px;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
padding-right: 0px;
|
|
padding-left: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.repitem div.PE {
|
|
width: 100px;
|
|
height: 28px;
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.repitem div.PE button[type=action] {
|
|
width: 20px;
|
|
padding: 0px;
|
|
font-weight: bold;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
border-color: RGB(213, 215, 237);
|
|
border-width: 1px;
|
|
justify-content: center;
|
|
align-items: center;
|
|
margin-left: 1px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.repitem div.PE input[type=number] {
|
|
width: calc(100% - 23px);
|
|
height: 28px;
|
|
border: 0px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.repitem label.duree {
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
width: 100%;
|
|
height: 28px;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.repitem label.duree span {
|
|
display: flex;
|
|
width: 78px;
|
|
padding-left: 2px;
|
|
font-size: 13px;
|
|
line-height: 28px;
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.repitem label.duree input[type=text] {
|
|
width: calc(100% - 80px);
|
|
height: 28px;
|
|
border: 0px;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
padding-right: 0px;
|
|
padding-left: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.repitem div.autoex {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.repitem div.titreSlots input[type=number] {
|
|
width: 20px;
|
|
height: 28px;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
background: transparent;
|
|
border: 0px;
|
|
color: white;
|
|
font-size: 18px;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.repitem label.slot,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.repitem label.slotBL {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.repitem label.slot span,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.repitem label.slotBL span {
|
|
display: flex;
|
|
width: 105px;
|
|
height: 28px;
|
|
line-height: 28px;
|
|
padding-left: 2px;
|
|
font-size: 13px;
|
|
font-weight: bold;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.repitem label.slot input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.repitem label.slotBL input[type=number] {
|
|
width: calc(100% - 107px);
|
|
height: 28px;
|
|
border: 0px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.repitem label.slot {
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.repitem label.slotBL {
|
|
width: calc(50% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.repitem div.bTop {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.repitem .hModule,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.repitem .hSlots {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.repitem:not(:nth-of-type(1)):not(:nth-of-type(2)) {
|
|
margin-top: 10px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.repcontainer {
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
padding: 2px;
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.repcontainer.editmode .repitem {
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.repcontainer.editmode .repitem:nth-of-type(2) {
|
|
margin-top: 10px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.evolutions {
|
|
display: none;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.evolutions div.aspects {
|
|
display: flex;
|
|
width: calc(50% - 10px);
|
|
background: RGB(213, 215, 237);
|
|
border-right: 1px solid RGB(93, 111, 179);
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.evolutions div.aspects div.ligneTitre {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.evolutions div.aspects div.ligneTitre span {
|
|
display: flex;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.evolutions div.aspects div.ligneTitre span:first-of-type {
|
|
width: calc(20% - 2px);
|
|
padding-left: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.evolutions div.aspects div.ligneTitre span:not(:first-of-type) {
|
|
width: calc(40% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.evolutions div.aspects div.ligne2 {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.evolutions div.aspects div.ligne2 span {
|
|
display: flex;
|
|
width: calc(20% - 2px);
|
|
padding-left: 2px;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.evolutions div.aspects div.ligne2 div {
|
|
display: flex;
|
|
width: calc(40% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.evolutions div.aspects div.ligne2 div input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.evolutions div.aspects div.ligne2 div select {
|
|
width: 100%;
|
|
text-align: center;
|
|
border: 0px;
|
|
padding: 0px;
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.evolutions div.aspects div.ligne2 div select {
|
|
padding-left: 20px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.evolutions div.VD {
|
|
display: flex;
|
|
width: calc(50% - 10px);
|
|
background: RGB(213, 215, 237);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.evolutions div.VD div.ligneTitre {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.evolutions div.VD div.ligneTitre span {
|
|
display: flex;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.evolutions div.VD div.ligneTitre span:first-of-type {
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.evolutions div.VD div.ligneTitre span:not(:first-of-type) {
|
|
width: calc(50% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.evolutions div.VD label.ligne1 {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.evolutions div.VD label.ligne1 span {
|
|
display: flex;
|
|
width: calc(50% - 2px);
|
|
padding-left: 2px;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.evolutions div.VD label.ligne1 input[type=number] {
|
|
width: 50%;
|
|
text-align: center;
|
|
border: 0px;
|
|
padding: 0px;
|
|
height: 28px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion > input[type=hidden].subMenu[value="1"] ~ div button[type=action].armes {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion > input[type=hidden].subMenu[value="1"] ~ div.armes {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion > input[type=hidden].subMenu[value="2"] ~ div button[type=action].modules {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion > input[type=hidden].subMenu[value="2"] ~ div.modules {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion > input[type=hidden].subMenu[value="3"] ~ div button[type=action].evolutions {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion > input[type=hidden].subMenu[value="3"] ~ div.evolutions {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- justifyContent : règle la façon dont le contenu est justifié.
|
|
- width : width du div.
|
|
- color : Couleur du texte.
|
|
- background : Background des boutons
|
|
- borderColor : couleur de la bordure
|
|
- fontSize : font size du texte.
|
|
- fontBold : Si le font est Bold ou non (true/false)
|
|
- button
|
|
- width : width du bouton
|
|
- widthBL : width des boutons ayant une bordure à gauche.
|
|
- widthBLR : width des boutons ayant une bordure à gauche et à droite.
|
|
- height : height des boutons.
|
|
- lastLine : indique qu'il y a un bouton sur une seconde ligne (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > div.subMenu {
|
|
display: flex;
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
align-items: flex-end;
|
|
align-content: flex-end;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > div.subMenu button[type=action] {
|
|
display: flex;
|
|
padding: 0px;
|
|
width: 100%;
|
|
height: 28px;
|
|
justify-content: center;
|
|
line-height: 28px;
|
|
font-size: 1.2em;
|
|
font-weight: bold;
|
|
border-top: 1px solid black;
|
|
border-bottom: 1px solid black;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > div.subMenu button[type=action].BL {
|
|
width: calc(100% - 1px);
|
|
border-left: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > div.subMenu button[type=action].BR {
|
|
width: calc(100% - 1px);
|
|
border-right: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > div.subMenu button[type=action].BLR {
|
|
border-right: 1px solid black;
|
|
border-left: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > div.subMenu button[type=action].NBT {
|
|
border-top: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf .labor,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf .medik,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf .tech,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf .fighter,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf .recon,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf .N1,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf .N2,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf .N3 {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL {
|
|
width: 25%;
|
|
flex-wrap: wrap;
|
|
align-content: flex-start;
|
|
align-items: flex-start;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 > h1.titre,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL > h1.titre {
|
|
border-top: 1px solid white;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.ligne,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.ligne {
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.ligne span,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.ligne span {
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.ligne div.blockR,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.ligne div.blockR {
|
|
width: 50%;
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.ligne:not(:first-of-type),
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.ligne:not(:first-of-type) {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.aspect span,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.aspect span {
|
|
width: calc(50% - 2px);
|
|
padding-left: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.aspect div.blockR input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.aspect div.blockR input[type=number] {
|
|
width: calc(100% - 28px);
|
|
border-top: 0px;
|
|
border-left: 0px;
|
|
border-bottom: 0px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
height: 28px;
|
|
border-right: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.AE,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.AE {
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.AE span.mineur,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.AE span.majeur,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.AE span.mineur,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.AE span.majeur {
|
|
display: none;
|
|
margin-right: 2px;
|
|
width: min-content;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.AE span.value,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.AE span.value {
|
|
display: flex;
|
|
width: min-content;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.AE span.value::before,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.AE span.value::before {
|
|
content: "(";
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.AE span.value::after,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.AE span.value::after {
|
|
content: ")";
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.AE input[type=hidden][value="0"] ~ span.mineur, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.AE input[type=hidden][value="1"] ~ span.mineur, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.AE input[type=hidden][value="2"] ~ span.mineur, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.AE input[type=hidden][value="3"] ~ span.mineur, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.AE input[type=hidden][value="4"] ~ span.mineur, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.AE input[type=hidden][value="5"] ~ span.mineur,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.AE input[type=hidden][value="0"] ~ span.mineur,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.AE input[type=hidden][value="1"] ~ span.mineur,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.AE input[type=hidden][value="2"] ~ span.mineur,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.AE input[type=hidden][value="3"] ~ span.mineur,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.AE input[type=hidden][value="4"] ~ span.mineur,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.AE input[type=hidden][value="5"] ~ span.mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.AE input[type=hidden][value="6"] ~ span.majeur, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.AE input[type=hidden][value="7"] ~ span.majeur, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.AE input[type=hidden][value="8"] ~ span.majeur, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.AE input[type=hidden][value="9"] ~ span.majeur, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.AE input[type=hidden][value="10"] ~ span.majeur,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.AE input[type=hidden][value="6"] ~ span.majeur,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.AE input[type=hidden][value="7"] ~ span.majeur,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.AE input[type=hidden][value="8"] ~ span.majeur,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.AE input[type=hidden][value="9"] ~ span.majeur,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.AE input[type=hidden][value="10"] ~ span.majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.defense span,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.reaction span,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.defense span,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.reaction span {
|
|
width: calc(50% - 2px);
|
|
padding-left: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.defense div.blockR input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.reaction div.blockR input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.defense div.blockR input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.reaction div.blockR input[type=number] {
|
|
width: 100%;
|
|
border: 0px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.initiative span,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.initiative span {
|
|
width: calc(50% - 2px);
|
|
padding-left: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.initiative div.blockR input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.initiative div.blockR input[type=number] {
|
|
width: calc(100% - 28px);
|
|
border-top: 0px;
|
|
border-left: 0px;
|
|
border-bottom: 0px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
height: 28px;
|
|
border-right: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.armure span,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.energie span,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.armure span,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.energie span {
|
|
width: calc(50% - 2px);
|
|
padding-left: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.armure div.blockR input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.energie div.blockR input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.armure div.blockR input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.energie div.blockR input[type=number] {
|
|
width: calc(100% - 3px);
|
|
border: 0px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.armure div.blockR b,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.energie div.blockR b,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.armure div.blockR b,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.energie div.blockR b {
|
|
display: flex;
|
|
width: 6px;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.CDF input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.CDF input[type=number] {
|
|
width: 100%;
|
|
border: 0px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.configuration select,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.configuration select {
|
|
width: calc(100% - 21px - 30px);
|
|
border: 0px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.configuration button[type=action],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.configuration button[type=action] {
|
|
width: 20px;
|
|
padding: 0px;
|
|
font-weight: bold;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
border-color: RGB(213, 215, 237);
|
|
border-width: 1px;
|
|
justify-content: center;
|
|
align-items: center;
|
|
margin-left: 1px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.configuration input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.configuration input[type=number] {
|
|
width: 30px;
|
|
height: 28px;
|
|
border: 0px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.nbreCompanions select,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.nbreCompanions select {
|
|
width: 100%;
|
|
border: 0px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.fighter span,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.fighter span {
|
|
width: max-content;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
padding-left: 2px;
|
|
color: black;
|
|
font-weight: bold;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.fighter button[type=roll],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.fighter button[type=action],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.fighter button[type=roll],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.fighter button[type=action] {
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL > h1.titre {
|
|
border-left: 1px solid white;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL > div {
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.description {
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.description span {
|
|
width: 100%;
|
|
text-align: justify;
|
|
padding-left: 2px;
|
|
padding-right: 2px;
|
|
padding-top: 2px;
|
|
padding-bottom: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.evolutions {
|
|
display: none;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
align-items: flex-start;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.evolutions div.aspects {
|
|
display: flex;
|
|
width: calc(50% - 10px);
|
|
background: RGB(213, 215, 237);
|
|
border-right: 1px solid RGB(93, 111, 179);
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.evolutions div.aspects div.ligneTitre {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.evolutions div.aspects div.ligneTitre span {
|
|
display: flex;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.evolutions div.aspects div.ligneTitre span:first-of-type {
|
|
width: calc(20% - 2px);
|
|
padding-left: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.evolutions div.aspects div.ligneTitre span:not(:first-of-type) {
|
|
width: calc(40% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.evolutions div.aspects div.ligne2 {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.evolutions div.aspects div.ligne2 span {
|
|
display: flex;
|
|
width: calc(20% - 2px);
|
|
padding-left: 2px;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.evolutions div.aspects div.ligne2 div {
|
|
display: flex;
|
|
width: calc(40% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.evolutions div.aspects div.ligne2 div input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.evolutions div.aspects div.ligne2 div select {
|
|
width: 100%;
|
|
text-align: center;
|
|
border: 0px;
|
|
padding: 0px;
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.evolutions div.aspects div.ligne2 div select {
|
|
padding-left: 20px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.evolutions div.companions {
|
|
display: flex;
|
|
width: calc(50% - 10px);
|
|
background: RGB(213, 215, 237);
|
|
align-content: flex-start;
|
|
align-self: stretch;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.evolutions div.companions:nth-of-type(even) {
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.evolutions div.companions:nth-of-type(odd) {
|
|
border-right: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.evolutions div.companions div.tCompanions {
|
|
display: flex;
|
|
width: 100%;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
position: relative;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.evolutions div.companions div.tCompanions h2 {
|
|
position: absolute;
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.evolutions div.companions div.tCompanions select {
|
|
width: 85px;
|
|
height: 28px;
|
|
line-height: 28px;
|
|
padding: 0px;
|
|
border: 0px;
|
|
margin-left: auto;
|
|
color: black;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.evolutions div.companions span {
|
|
padding: 2px;
|
|
text-align: justify;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.evolutions div.mT {
|
|
margin-top: 10px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].laborNiveau[value="1"] ~ div.labor .N1, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].laborNiveau[value="1"] ~ div div.cLabor .N1 {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].laborNiveau[value="2"] ~ div.labor .N2, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].laborNiveau[value="2"] ~ div div.cLabor .N2 {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].laborNiveau[value="3"] ~ div.labor .N3, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].laborNiveau[value="3"] ~ div div.cLabor .N3 {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].medikNiveau[value="1"] ~ div.medik .N1, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].medikNiveau[value="1"] ~ div div.cMedik .N1 {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].medikNiveau[value="2"] ~ div.medik .N2, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].medikNiveau[value="2"] ~ div div.cMedik .N2 {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].medikNiveau[value="3"] ~ div.medik .N3, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].medikNiveau[value="3"] ~ div div.cMedik .N3 {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].techNiveau[value="1"] ~ div.tech .N1, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].techNiveau[value="1"] ~ div div.cTech .N1 {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].techNiveau[value="2"] ~ div.tech .N2, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].techNiveau[value="2"] ~ div div.cTech .N2 {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].techNiveau[value="3"] ~ div.tech .N3, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].techNiveau[value="3"] ~ div div.cTech .N3 {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].fighterNiveau[value="1"] ~ div.fighter .N1, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].fighterNiveau[value="1"] ~ div div.cFighter .N1 {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].fighterNiveau[value="2"] ~ div.fighter .N2, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].fighterNiveau[value="2"] ~ div div.cFighter .N2 {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].fighterNiveau[value="3"] ~ div.fighter .N3, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].fighterNiveau[value="3"] ~ div div.cFighter .N3 {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].reconNiveau[value="1"] ~ div.recon .N1, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].reconNiveau[value="1"] ~ div div.cRecon .N1 {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].reconNiveau[value="2"] ~ div.recon .N2, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].reconNiveau[value="2"] ~ div div.cRecon .N2 {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].reconNiveau[value="3"] ~ div.recon .N3, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].reconNiveau[value="3"] ~ div div.cRecon .N3 {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].choixConfiguration[value=Labor] ~ .labor, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].choixConfiguration[value=Labor] ~ div .labor {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].choixConfiguration[value=Medic] ~ .medik, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].choixConfiguration[value=Medic] ~ div .medik {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].choixConfiguration[value=Tech] ~ .tech, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].choixConfiguration[value=Tech] ~ div .tech {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].choixConfiguration[value=Fighter] ~ .fighter, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].choixConfiguration[value=Fighter] ~ div .fighter {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].choixConfiguration[value=Recon] ~ .recon, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].choixConfiguration[value=Recon] ~ div .recon {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].subMenu[value="3"] ~ div button[type=action].evolutions {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].subMenu[value="3"] ~ div.evolutions {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- justifyContent : règle la façon dont le contenu est justifié.
|
|
- width : width du div.
|
|
- color : Couleur du texte.
|
|
- background : Background des boutons
|
|
- borderColor : couleur de la bordure
|
|
- fontSize : font size du texte.
|
|
- fontBold : Si le font est Bold ou non (true/false)
|
|
- button
|
|
- width : width du bouton
|
|
- widthBL : width des boutons ayant une bordure à gauche.
|
|
- widthBLR : width des boutons ayant une bordure à gauche et à droite.
|
|
- height : height des boutons.
|
|
- lastLine : indique qu'il y a un bouton sur une seconde ligne (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow > div.subMenu {
|
|
display: flex;
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
align-items: flex-end;
|
|
align-content: flex-end;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow > div.subMenu button[type=action] {
|
|
display: flex;
|
|
padding: 0px;
|
|
width: 100%;
|
|
height: 28px;
|
|
justify-content: center;
|
|
line-height: 28px;
|
|
font-size: 1.2em;
|
|
font-weight: bold;
|
|
border-top: 1px solid black;
|
|
border-bottom: 1px solid black;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow > div.subMenu button[type=action].BL {
|
|
width: calc(100% - 1px);
|
|
border-left: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow > div.subMenu button[type=action].BR {
|
|
width: calc(100% - 1px);
|
|
border-right: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow > div.subMenu button[type=action].BLR {
|
|
border-right: 1px solid black;
|
|
border-left: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow > div.subMenu button[type=action].NBT {
|
|
border-top: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4BL {
|
|
width: 33.3333333333%;
|
|
flex-wrap: wrap;
|
|
align-content: flex-start;
|
|
align-items: flex-start;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4 > h1.titre,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4BL > h1.titre {
|
|
border-top: 1px solid white;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4 div.ligne,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4BL div.ligne {
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4 div.ligne span,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4BL div.ligne span {
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4 div.ligne div.blockR,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4BL div.ligne div.blockR {
|
|
width: 50%;
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4 div.ligne:not(:first-of-type),
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4BL div.ligne:not(:first-of-type) {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4 div.aspect span,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4BL div.aspect span {
|
|
width: calc(50% - 2px);
|
|
padding-left: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4 div.aspect div.blockR input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4BL div.aspect div.blockR input[type=number] {
|
|
width: calc(100% - 28px);
|
|
border-top: 0px;
|
|
border-left: 0px;
|
|
border-bottom: 0px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
height: 28px;
|
|
border-right: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4 div.defense span,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4 div.reaction span,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4 div.debordement span,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4BL div.defense span,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4BL div.reaction span,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4BL div.debordement span {
|
|
width: calc(50% - 2px);
|
|
padding-left: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4 div.defense div.blockR input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4 div.reaction div.blockR input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4 div.debordement div.blockR input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4BL div.defense div.blockR input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4BL div.reaction div.blockR input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4BL div.debordement div.blockR input[type=number] {
|
|
width: 100%;
|
|
border: 0px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4 div.initiative span,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4BL div.initiative span {
|
|
width: calc(50% - 2px);
|
|
padding-left: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4 div.initiative div.blockR input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4BL div.initiative div.blockR input[type=number] {
|
|
width: calc(100% - 28px);
|
|
border-top: 0px;
|
|
border-left: 0px;
|
|
border-bottom: 0px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
height: 28px;
|
|
border-right: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4 div.cohesion span,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4BL div.cohesion span {
|
|
width: calc(50% - 2px);
|
|
padding-left: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4 div.cohesion div.blockR input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4BL div.cohesion div.blockR input[type=number] {
|
|
width: calc(100% - 3px);
|
|
border: 0px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4 div.cohesion div.blockR b,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4BL div.cohesion div.blockR b {
|
|
display: flex;
|
|
width: 6px;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4 div.CDF input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4BL div.CDF input[type=number] {
|
|
width: 100%;
|
|
border: 0px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4 div.tourCombat span,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4BL div.tourCombat span {
|
|
width: max-content;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
padding-left: 2px;
|
|
color: black;
|
|
font-weight: bold;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4 div.tourCombat input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4BL div.tourCombat input[type=number] {
|
|
width: calc(100% - 29px);
|
|
border: 0px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4 div.tourCombat button[type=roll],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4 div.tourCombat button[type=action],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4BL div.tourCombat button[type=roll],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4BL div.tourCombat button[type=action] {
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4BL > h1.titre {
|
|
border-left: 1px solid white;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4BL > div {
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow span.specificites {
|
|
display: inline-block;
|
|
width: 100%;
|
|
padding: 2px;
|
|
background: RGB(213, 215, 237);
|
|
text-align: justify;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.evolutions {
|
|
display: none;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.evolutions div.aspects {
|
|
display: flex;
|
|
width: calc(50% - 10px);
|
|
background: RGB(213, 215, 237);
|
|
border-right: 1px solid RGB(93, 111, 179);
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.evolutions div.aspects div.ligneTitre {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.evolutions div.aspects div.ligneTitre span {
|
|
display: flex;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.evolutions div.aspects div.ligneTitre span:first-of-type {
|
|
width: calc(40% - 2px);
|
|
padding-left: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.evolutions div.aspects div.ligneTitre span:not(:first-of-type) {
|
|
width: calc(60% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.evolutions div.aspects label.ligne1 {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.evolutions div.aspects label.ligne1 span {
|
|
display: flex;
|
|
width: calc(40% - 2px);
|
|
padding-left: 2px;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.evolutions div.aspects label.ligne1 div {
|
|
display: flex;
|
|
width: calc(60% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.evolutions div.aspects label.ligne1 div input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.evolutions div.aspects label.ligne1 div select {
|
|
width: 100%;
|
|
text-align: center;
|
|
border: 0px;
|
|
padding: 0px;
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.evolutions div.aspects label.ligne1 div select {
|
|
padding-left: 20px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow > input[type=hidden].subMenu[value="3"] ~ div button[type=action].evolutions {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow > input[type=hidden].subMenu[value="3"] ~ div.evolutions {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeZen {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeZen h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeZen div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeZen div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeZen button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeZen button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeZen button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeZen button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeZen button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeZen button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeZen div.titre,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeZen h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeZen div.ligne {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeZen div.ligne span {
|
|
width: 70%;
|
|
padding-left: 2px;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeZen div.ligne input[type=number] {
|
|
width: 30%;
|
|
text-align: center;
|
|
border: 0px;
|
|
padding: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeZen input[type=number].col2 {
|
|
width: 50%;
|
|
text-align: center;
|
|
padding: 0px;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
border-right: 0px;
|
|
border-bottom: 0px;
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeZen input[type=number].col2:first-of-type {
|
|
border-left: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeZen input[type=number].col2:last-of-type {
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea div.titre button[type=action].bonusCaracL2 {
|
|
width: 26px;
|
|
height: 26px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea div.titre button[type=action].bonusCaracL2 {
|
|
margin-right: auto;
|
|
margin-left: 3px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea div.titre,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea div.titre {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea div.borderBottom {
|
|
border-bottom: 1px solid RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea select {
|
|
border: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea label.ligne2 {
|
|
display: flex;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
font-size: 14px;
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea label.ligne2 span {
|
|
width: calc(50% - 2px);
|
|
line-height: 28px;
|
|
padding-left: 2px;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea label.ligne2 input[type=number] {
|
|
width: 50%;
|
|
height: 28px;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
text-align: center;
|
|
border-top: 0px;
|
|
border-right: 0px;
|
|
border-bottom: 0px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea label.ligne2Special {
|
|
display: flex;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
font-size: 14px;
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea label.ligne2Special span {
|
|
width: calc(70% - 2px);
|
|
line-height: 28px;
|
|
padding-left: 2px;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea label.ligne2Special input[type=number] {
|
|
width: 30%;
|
|
height: 28px;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
text-align: center;
|
|
border-top: 0px;
|
|
border-right: 0px;
|
|
border-bottom: 0px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea div.rollPJ {
|
|
display: flex;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
font-size: 14px;
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea div.rollPJ select {
|
|
width: 50%;
|
|
padding: 0px;
|
|
height: 28px;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea div.rollPJ select:last-of-type {
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea div.bonusCarac {
|
|
display: none;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea div.bonusCarac select {
|
|
display: none;
|
|
padding: 0px;
|
|
height: 28px;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1 {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac select:first-of-type {
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2 {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:first-of-type {
|
|
display: inline-block;
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:last-of-type {
|
|
display: inline-block;
|
|
width: 50%;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea label.col4 {
|
|
display: flex;
|
|
width: 25%;
|
|
flex-wrap: wrap;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea label.col4BL {
|
|
display: flex;
|
|
width: calc(25% - 1px);
|
|
flex-wrap: wrap;
|
|
background: RGB(213, 215, 237);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea label.col4 span,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea label.col4BL span {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea label.col4 input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea label.col4 input[type=text],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea label.col4BL input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea label.col4BL input[type=text] {
|
|
width: 100%;
|
|
min-width: 0px;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
border-bottom: 0px;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea input[type=text].ligne {
|
|
width: 100%;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
border-bottom: 0px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.paladinShrine {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.paladinShrine h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.paladinShrine div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.paladinShrine div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.paladinShrine div.titre button[type=action].active {
|
|
width: 100px;
|
|
height: 26px;
|
|
margin-left: auto;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.paladinShrine div.titre,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.paladinShrine h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.paladinShrine label.col3 {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
flex-wrap: wrap;
|
|
width: 33.3333333333%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.paladinShrine label.col3 span {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
justify-content: center;
|
|
color: black;
|
|
font-weight: bold;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.paladinShrine label.col3 input[type=number] {
|
|
width: 100%;
|
|
height: 28px;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
border-bottom: 0px;
|
|
text-align: center;
|
|
padding: 0px;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.paladinShrine label.col3BL {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
flex-wrap: wrap;
|
|
width: calc(33.3333333333% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.paladinShrine label.col3BL span {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
justify-content: center;
|
|
color: black;
|
|
font-weight: bold;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.paladinShrine label.col3BL input[type=number] {
|
|
width: 100%;
|
|
height: 28px;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
border-bottom: 0px;
|
|
text-align: center;
|
|
padding: 0px;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.paladinShrine input[type=hidden].active[value^=Activ] ~ div.titre button[type=action].active {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.paladinWatchtower {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.paladinWatchtower h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.paladinWatchtower div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.paladinWatchtower div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.paladinWatchtower div.titre button[type=action].active {
|
|
width: 100px;
|
|
height: 26px;
|
|
margin-left: auto;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.paladinWatchtower div.titre,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.paladinWatchtower h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.paladinWatchtower label.ligne {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.paladinWatchtower label.ligne span {
|
|
display: flex;
|
|
width: calc(50% - 2px);
|
|
padding-left: 2px;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.paladinWatchtower label.ligne input[type=number] {
|
|
width: 50%;
|
|
border: 0px;
|
|
text-align: center;
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.paladinWatchtower input[type=hidden].active[value^=Activ] ~ div.titre button[type=action].active {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestMechanic {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestMechanic h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestMechanic div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestMechanic button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestMechanic button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestMechanic button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestMechanic button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestMechanic button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestMechanic button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestMechanic h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestMechanic div {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
position: relative;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestMechanic div span {
|
|
width: calc(50% - 2px);
|
|
padding-left: 2px;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: #333;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestMechanic div input[type=text],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestMechanic div input[type=number] {
|
|
position: absolute;
|
|
width: calc(50% - 29px);
|
|
height: 28px;
|
|
text-align: center;
|
|
border-top: 0px;
|
|
border-bottom: 0px;
|
|
border-right: 0px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
padding: 0px;
|
|
right: 29px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestMechanic div:not(:first-of-type) {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestNanoC {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestNanoC h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestNanoC div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestNanoC div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestNanoC div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestNanoC div.titre button[type=action].bonusCaracL2 {
|
|
width: 26px;
|
|
height: 26px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestNanoC div.titre button[type=action].bonusCaracL2 {
|
|
margin-right: auto;
|
|
margin-left: 3px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestNanoC button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestNanoC button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestNanoC button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestNanoC button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestNanoC button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestNanoC button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestNanoC div.titre,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestNanoC h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestNanoC div.titre {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestNanoC select {
|
|
border: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestNanoC label.ligne2 {
|
|
display: flex;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
font-size: 14px;
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestNanoC label.ligne2 span {
|
|
width: calc(50% - 2px);
|
|
line-height: 28px;
|
|
padding-left: 2px;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestNanoC label.ligne2 input[type=number] {
|
|
width: 50%;
|
|
height: 28px;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
text-align: center;
|
|
border-top: 0px;
|
|
border-right: 0px;
|
|
border-bottom: 0px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestNanoC div.rollPJ {
|
|
display: flex;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
font-size: 14px;
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestNanoC div.rollPJ select {
|
|
width: 50%;
|
|
padding: 0px;
|
|
height: 28px;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestNanoC div.rollPJ select:last-of-type {
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestNanoC div.bonusCarac {
|
|
display: none;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestNanoC div.bonusCarac select {
|
|
display: none;
|
|
padding: 0px;
|
|
height: 28px;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestNanoC input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1 {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestNanoC input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestNanoC input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac select:first-of-type {
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestNanoC input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestNanoC input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2 {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestNanoC input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestNanoC input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:first-of-type {
|
|
display: inline-block;
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestNanoC input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:last-of-type {
|
|
display: inline-block;
|
|
width: 50%;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure .psion150,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure .psion200 {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure input[type=hidden].psion150PG[value="0"] ~ div .psion150 {
|
|
display: none !important;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure input[type=hidden].psion150PG[value=on] ~ div .psion150 {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure input[type=hidden].psion200PG[value="0"] ~ div .psion200 {
|
|
display: none !important;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure input[type=hidden].psion200PG[value=on] ~ div .psion200 {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionPuppetMaster {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionPuppetMaster h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionPuppetMaster h2.titreBis {
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionPuppetMaster div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionPuppetMaster div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionPuppetMaster div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionPuppetMaster div.titre button[type=action].bonusCaracL2 {
|
|
width: 26px;
|
|
height: 26px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionPuppetMaster div.titre button[type=action].bonusCaracL2 {
|
|
margin-right: auto;
|
|
margin-left: 3px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionPuppetMaster button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionPuppetMaster button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionPuppetMaster button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionPuppetMaster button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionPuppetMaster button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionPuppetMaster button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionPuppetMaster div.titre,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionPuppetMaster h1.titre,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionPuppetMaster h2.titreBis {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionPuppetMaster h2.titreBis {
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionPuppetMaster select {
|
|
border: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionPuppetMaster div.rollPJ {
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
font-size: 14px;
|
|
justify-content: space-between;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionPuppetMaster div.rollPJ select {
|
|
width: 50%;
|
|
padding: 0px;
|
|
height: 28px;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionPuppetMaster div.rollPJ select:last-of-type {
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionPuppetMaster div.bonusCarac {
|
|
display: none;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-between;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionPuppetMaster div.bonusCarac select {
|
|
display: none;
|
|
padding: 0px;
|
|
height: 28px;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionPuppetMaster input[type=hidden].bonusCarac[value="0"] ~ div.bonusCarac {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionPuppetMaster input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1 {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionPuppetMaster input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionPuppetMaster input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac select:first-of-type {
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionPuppetMaster input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionPuppetMaster input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2 {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionPuppetMaster input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionPuppetMaster input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:first-of-type {
|
|
display: inline-block;
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionPuppetMaster input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:last-of-type {
|
|
display: inline-block;
|
|
width: 50%;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord h2.titreBis {
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord div.titre button[type=action].bonusCaracL2 {
|
|
width: 26px;
|
|
height: 26px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord div.titre button[type=action].bonusCaracL2 {
|
|
margin-right: auto;
|
|
margin-left: 3px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord div.titre button[type=action].active {
|
|
width: 100px;
|
|
height: 26px;
|
|
margin-left: auto;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord div.titre,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord h1.titre,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord h2.titreBis {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord select {
|
|
border: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord label.ligne2 {
|
|
display: flex;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
font-size: 14px;
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord label.ligne2 span {
|
|
width: calc(50% - 2px);
|
|
line-height: 28px;
|
|
padding-left: 2px;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord label.ligne2 input[type=number] {
|
|
width: 50%;
|
|
height: 28px;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
text-align: center;
|
|
border-top: 0px;
|
|
border-right: 0px;
|
|
border-bottom: 0px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord div.rollPJ {
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
font-size: 14px;
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord div.rollPJ select {
|
|
padding: 0px;
|
|
height: 28px;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord div.rollPJ select:first-of-type {
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord div.rollPJ select:last-of-type {
|
|
width: calc(50% - 29px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord div.bonusCarac {
|
|
display: none;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-between;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord div.bonusCarac select {
|
|
display: none;
|
|
padding: 0px;
|
|
height: 28px;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord input[type=hidden].bonusCarac[value="0"] ~ div.bonusCarac {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1 {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac select:first-of-type {
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2 {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:first-of-type {
|
|
display: inline-block;
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:last-of-type {
|
|
display: inline-block;
|
|
width: 50%;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord label.col3 {
|
|
display: flex;
|
|
width: 33.3333333333%;
|
|
justify-content: space-between;
|
|
flex-wrap: wrap;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord label.col3 span {
|
|
display: flex;
|
|
justify-content: center;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord label.col3 input[type=text],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord label.col3 input[type=number] {
|
|
width: 100%;
|
|
border: 0px;
|
|
text-align: center;
|
|
padding: 0px;
|
|
height: 28px;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord label.col3BL {
|
|
display: flex;
|
|
width: calc(33.3333333333% - 1px);
|
|
justify-content: space-between;
|
|
flex-wrap: wrap;
|
|
background: RGB(213, 215, 237);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord label.col3BL span {
|
|
display: flex;
|
|
justify-content: center;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord label.col3BL input[type=text],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord label.col3BL input[type=number] {
|
|
width: 100%;
|
|
border: 0px;
|
|
text-align: center;
|
|
padding: 0px;
|
|
height: 28px;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord input[type=hidden].active[value^=Activ] ~ div.titre button[type=action].active {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionWindtalker {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionWindtalker h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionWindtalker h2.titreBis {
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionWindtalker div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionWindtalker h1.titre,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionWindtalker h2.titreBis {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionWindtalker h2.titreBis {
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerVision {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerVision h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerVision div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerVision div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerVision div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerVision div.titre button[type=action].bonusCaracL2 {
|
|
width: 26px;
|
|
height: 26px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerVision div.titre button[type=action].bonusCaracL2 {
|
|
margin-right: auto;
|
|
margin-left: 3px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerVision button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerVision button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerVision button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerVision button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerVision button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerVision button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerVision div.titre,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerVision h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerVision div.titre {
|
|
border-bottom: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerVision select {
|
|
border: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerVision div.rollPJ {
|
|
display: flex;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
font-size: 14px;
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerVision div.rollPJ select {
|
|
width: 50%;
|
|
padding: 0px;
|
|
height: 28px;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerVision div.rollPJ select:last-of-type {
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerVision div.bonusCarac {
|
|
display: none;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerVision div.bonusCarac select {
|
|
display: none;
|
|
padding: 0px;
|
|
height: 28px;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerVision input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1 {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerVision input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerVision input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac select:first-of-type {
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerVision input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerVision input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2 {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerVision input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerVision input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:first-of-type {
|
|
display: inline-block;
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerVision input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:last-of-type {
|
|
display: inline-block;
|
|
width: 50%;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- justifyContent : règle la façon dont le contenu est justifié.
|
|
- width : width du div.
|
|
- color : Couleur du texte.
|
|
- background : Background des boutons
|
|
- borderColor : couleur de la bordure
|
|
- fontSize : font size du texte.
|
|
- fontBold : Si le font est Bold ou non (true/false)
|
|
- button
|
|
- width : width du bouton
|
|
- widthBL : width des boutons ayant une bordure à gauche.
|
|
- widthBLR : width des boutons ayant une bordure à gauche et à droite.
|
|
- height : height des boutons.
|
|
- lastLine : indique qu'il y a un bouton sur une seconde ligne (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow h2.titreBis {
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.titre button[type=action].bonusCaracL2 {
|
|
width: 26px;
|
|
height: 26px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.titre button[type=action].bonusCaracL2 {
|
|
margin-right: auto;
|
|
margin-left: 3px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow > div.subMenu {
|
|
display: flex;
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
align-items: flex-end;
|
|
align-content: flex-end;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow > div.subMenu button[type=action] {
|
|
display: flex;
|
|
padding: 0px;
|
|
width: 50%;
|
|
height: 23px;
|
|
justify-content: center;
|
|
line-height: 23px;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
border-top: 1px solid black;
|
|
border-bottom: 1px solid black;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
background: transparent;
|
|
color: white;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow > div.subMenu button[type=action].BL {
|
|
width: calc(50% - 1px);
|
|
border-left: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow > div.subMenu button[type=action].BR {
|
|
width: calc(50% - 1px);
|
|
border-right: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow > div.subMenu button[type=action].BLR {
|
|
border-right: 1px solid black;
|
|
border-left: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow > div.subMenu button[type=action].NBT {
|
|
border-top: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow > div.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow > div.titre h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.data,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.bonus,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.bonusCarac,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow label.pilonnage,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow .PG50,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow .PG50_2,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow .PG100 {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.col5,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.col5BL,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.col5LargeBL {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.col5 span,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.col5BL span,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.col5LargeBL span {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
justify-content: center;
|
|
color: black;
|
|
font-weight: bold;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.col5 select,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.col5BL select,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.col5LargeBL select {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
text-align: center;
|
|
border-right: 0px;
|
|
border-left: 0px;
|
|
border-bottom: 0px;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.col5 {
|
|
width: 20%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.col5 select,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.col5BL select {
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.col5BL {
|
|
width: calc(20% - 1px);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.col5BL,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.col5LargeBL {
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.col5LargeBL {
|
|
width: calc(40% - 1px);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.col5LargeBL select {
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.col5LargeBL select:last-of-type {
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.eCol3,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.eCol3BL {
|
|
flex-wrap: wrap;
|
|
border-top: 1px solid RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.eCol3 h1.titre,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.eCol3BL h1.titre {
|
|
background: RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.eCol3 h1.notPG100,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.eCol3BL h1.notPG100 {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.eCol3 div.rangerBEffet,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.eCol3BL div.rangerBEffet {
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- label
|
|
- width : Width du label
|
|
- height : height du label
|
|
|
|
- span
|
|
- color : La color
|
|
- background : Le background
|
|
- border : S'il y a une bordure (true/false)
|
|
- width : Width du span
|
|
- height : height du height
|
|
|
|
- shadow : s'il y a une ombre (true/false)
|
|
*/
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
justify-content: space-evenly;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.eCol3 div.rangerBEffet label.fakeButton,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.eCol3BL div.rangerBEffet label.fakeButton {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 23px;
|
|
font-size: 14px;
|
|
align-self: center;
|
|
font-size: 12px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.eCol3 div.rangerBEffet label.fakeButton input[type=checkbox],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.eCol3 div.rangerBEffet label.fakeButton input[type=radio],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.eCol3BL div.rangerBEffet label.fakeButton input[type=checkbox],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.eCol3BL div.rangerBEffet label.fakeButton input[type=radio] {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 23px;
|
|
opacity: 0;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.eCol3 div.rangerBEffet label.fakeButton span,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.eCol3BL div.rangerBEffet label.fakeButton span {
|
|
display: flex;
|
|
height: 23px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.eCol3 div.rangerBEffet label.fakeButton span::before,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.eCol3BL div.rangerBEffet label.fakeButton span::before {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 23px;
|
|
content: attr(title);
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.eCol3 div.rangerBEffet label.simple,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.eCol3BL div.rangerBEffet label.simple {
|
|
justify-content: space-between;
|
|
width: 150px;
|
|
height: 23px;
|
|
margin: 2px;
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.eCol3 div.rangerBEffet label.simple input[type=checkbox]:not(:checked) ~ span::before,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.eCol3BL div.rangerBEffet label.simple input[type=checkbox]:not(:checked) ~ span::before {
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.eCol3 div.rangerBEffet div.double,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.eCol3BL div.rangerBEffet div.double {
|
|
justify-content: space-between;
|
|
width: 150px;
|
|
height: 23px;
|
|
margin: 2px;
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.eCol3 div.rangerBEffet div.double label.fakeButton,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.eCol3BL div.rangerBEffet div.double label.fakeButton {
|
|
width: calc(100% - 30px);
|
|
border: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.eCol3 div.rangerBEffet div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.eCol3BL div.rangerBEffet div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before {
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.eCol3 div.rangerBEffet div.double input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.eCol3BL div.rangerBEffet div.double input[type=number] {
|
|
width: 30px;
|
|
height: 23px;
|
|
text-align: center;
|
|
border-top: 0px;
|
|
border-right: 0px;
|
|
border-left: 1px solid black;
|
|
border-bottom: 0px;
|
|
border-radius: 0px;
|
|
padding: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.eCol3,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.eCol3BL {
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.eCol3BL h1.titre {
|
|
border-left: 1px solid RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.eCol3BL div.rangerBEffet {
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.bonus {
|
|
width: 100%;
|
|
justify-content: flex-end;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.bonusCarac {
|
|
display: none;
|
|
width: calc(40% - 1px);
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.bonusCarac select {
|
|
display: none;
|
|
border: 0px;
|
|
padding: 0px;
|
|
height: 28px;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow label.pilonnage {
|
|
display: none;
|
|
width: 40%;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow label.pilonnage span {
|
|
width: calc(50% - 2px);
|
|
padding-left: 2px;
|
|
line-height: 27px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow label.pilonnage input[type=number] {
|
|
width: 50%;
|
|
border: 0px;
|
|
padding: 0px;
|
|
height: 28px;
|
|
text-align: center;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow label.pilonnageDetails {
|
|
display: none;
|
|
width: calc(60% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow label.pilonnageDetails span {
|
|
width: max-content;
|
|
padding-left: 2px;
|
|
line-height: 27px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow label.pilonnageDetails select {
|
|
width: calc(33.3333333333% - 0.5px);
|
|
border: 0px;
|
|
padding: 0px;
|
|
height: 28px;
|
|
text-align: center;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
padding-left: 15px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow label.cadence {
|
|
display: none;
|
|
width: calc(60% - 1px);
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow label.cadence span {
|
|
width: max-content;
|
|
padding-left: 2px;
|
|
line-height: 27px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow label.cadence select {
|
|
width: calc(33.3333333333% - 0.5px);
|
|
border: 0px;
|
|
padding: 0px;
|
|
padding-left: 15px;
|
|
height: 28px;
|
|
text-align: center;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.ameliorationsArmes,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.special {
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- label
|
|
- width : Width du label
|
|
- height : height du label
|
|
|
|
- span
|
|
- color : La color
|
|
- background : Le background
|
|
- border : S'il y a une bordure (true/false)
|
|
- width : Width du span
|
|
- height : height du height
|
|
|
|
- shadow : s'il y a une ombre (true/false)
|
|
*/
|
|
display: none;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-evenly;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.ameliorationsArmes label.fakeButton,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.special label.fakeButton {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 23px;
|
|
font-size: 14px;
|
|
align-self: center;
|
|
font-size: 12px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.ameliorationsArmes label.fakeButton input[type=checkbox],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.ameliorationsArmes label.fakeButton input[type=radio],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.special label.fakeButton input[type=checkbox],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.special label.fakeButton input[type=radio] {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 23px;
|
|
opacity: 0;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.ameliorationsArmes label.fakeButton span,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.special label.fakeButton span {
|
|
display: flex;
|
|
height: 23px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.ameliorationsArmes label.fakeButton span::before,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.special label.fakeButton span::before {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 23px;
|
|
content: attr(title);
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.ameliorationsArmes label.simple,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.special label.simple {
|
|
justify-content: space-between;
|
|
width: 150px;
|
|
height: 23px;
|
|
margin: 2px;
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.ameliorationsArmes label.simple input[type=checkbox]:not(:checked) ~ span::before,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.special label.simple input[type=checkbox]:not(:checked) ~ span::before {
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.ameliorationsArmes div.double,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.special div.double {
|
|
justify-content: space-between;
|
|
width: 150px;
|
|
height: 23px;
|
|
margin: 2px;
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.ameliorationsArmes div.double label.fakeButton,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.special div.double label.fakeButton {
|
|
width: calc(100% - 30px);
|
|
border: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.ameliorationsArmes div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.special div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before {
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.ameliorationsArmes div.double input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.special div.double input[type=number] {
|
|
width: 30px;
|
|
height: 23px;
|
|
text-align: center;
|
|
border-top: 0px;
|
|
border-right: 0px;
|
|
border-left: 1px solid black;
|
|
border-bottom: 0px;
|
|
border-radius: 0px;
|
|
padding: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.ameliorationsArmes div.doubleTexte,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.special div.doubleTexte {
|
|
width: 150px;
|
|
height: 46px;
|
|
margin: 2px;
|
|
flex-wrap: wrap;
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.ameliorationsArmes div.doubleTexte input[type=checkbox]:not(:checked) ~ span::before,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.special div.doubleTexte input[type=checkbox]:not(:checked) ~ span::before {
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.ameliorationsArmes div.doubleTexte input[type=text],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.special div.doubleTexte input[type=text] {
|
|
width: 100%;
|
|
height: 23px;
|
|
text-align: center;
|
|
border-top: 1px solid black;
|
|
border-right: 0px;
|
|
border-left: 0px;
|
|
border-bottom: 0px;
|
|
border-radius: 0px;
|
|
padding: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.ameliorationsArmes div.triple,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.special div.triple {
|
|
width: 150px;
|
|
height: 46px;
|
|
margin: 2px;
|
|
flex-wrap: wrap;
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.ameliorationsArmes div.triple div input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.special div.triple div input[type=number] {
|
|
width: calc(50% - 14px);
|
|
height: 23px;
|
|
border-radius: 0px;
|
|
padding: 0px;
|
|
border-bottom: 0px;
|
|
border-right: 0px;
|
|
border-left: 0px;
|
|
border-top: 1px solid black;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.ameliorationsArmes div.triple div input[type=number].R,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.special div.triple div input[type=number].R {
|
|
text-align: left;
|
|
border-left: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.ameliorationsArmes div.triple div input[type=number].L,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.special div.triple div input[type=number].L {
|
|
text-align: right;
|
|
border-right: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.ameliorationsArmes div.triple div span,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.special div.triple div span {
|
|
display: flex;
|
|
background: RGB(93, 111, 179);
|
|
width: 28px;
|
|
height: 22px;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: white;
|
|
border-top: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.ameliorationsArmes div.triple input[type=hidden][value="0"] ~ label span::before, div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.ameliorationsArmes div.triple input[type=hidden][value="0"] ~ div span,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.special div.triple input[type=hidden][value="0"] ~ label span::before,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.special div.triple input[type=hidden][value="0"] ~ div span {
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow input[type=hidden].subMenu[value="1"] ~ div button[type=action].ameliorationsArmes {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow input[type=hidden].subMenu[value="1"] ~ div.ameliorationsArmes {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow input[type=hidden].subMenu[value="2"] ~ div button[type=action].special {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow input[type=hidden].subMenu[value="2"] ~ div.special {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1 {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow input[type=hidden].bonusCarac[value="1"] ~ div.bonus {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow input[type=hidden].bonusCarac[value="1"] ~ div.bonus label.pilonnage span,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow input[type=hidden].bonusCarac[value="1"] ~ div.bonus label.pilonnageDetails span {
|
|
border-right: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow input[type=hidden].bonusCarac[value="1"] ~ div.bonus label.pilonnage input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow input[type=hidden].bonusCarac[value="1"] ~ div.bonus label.pilonnageDetails input[type=number] {
|
|
border-left: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow input[type=hidden].bonusCarac[value="1"] ~ div div.bonusCarac {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow input[type=hidden].bonusCarac[value="1"] ~ div div.bonusCarac select:first-of-type {
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2 {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow input[type=hidden].bonusCarac[value="2"] ~ div.bonus {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow input[type=hidden].bonusCarac[value="2"] ~ div.bonus label.pilonnage span,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow input[type=hidden].bonusCarac[value="2"] ~ div.bonus label.pilonnageDetails span {
|
|
border-right: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow input[type=hidden].bonusCarac[value="2"] ~ div.bonus label.pilonnage input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow input[type=hidden].bonusCarac[value="2"] ~ div.bonus label.pilonnageDetails input[type=number] {
|
|
border-left: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow input[type=hidden].bonusCarac[value="2"] ~ div div.bonusCarac {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow input[type=hidden].bonusCarac[value="2"] ~ div div.bonusCarac select:first-of-type {
|
|
display: inline-block;
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow input[type=hidden].bonusCarac[value="2"] ~ div div.bonusCarac select:last-of-type {
|
|
display: inline-block;
|
|
width: 50%;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow input[type=hidden].styleCombat[value=pilonnage] ~ div.bonus {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow input[type=hidden].styleCombat[value=pilonnage] ~ div label.pilonnage {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow input[type=hidden].styleCombat[value=pilonnage] ~ div label.pilonnageDetails {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow input[type=hidden].PG50[value=on] ~ div.eCol3, div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow input[type=hidden].PG50[value=on] ~ div.eCol3BL {
|
|
width: 33.3333333333%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow input[type=hidden].PG50[value=on] ~ div.PG50, div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow input[type=hidden].PG50[value=on] ~ div .PG50 {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow input[type=hidden].PG50_2[value=on] ~ .PG50_2, div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow input[type=hidden].PG50_2[value=on] ~ div .PG50_2 {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow input[type=hidden].PG50_2[value=on] ~ .notPG50_2, div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow input[type=hidden].PG50_2[value=on] ~ div .notPG50_2 {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow input[type=hidden].PG100[value=on] ~ .PG100, div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow input[type=hidden].PG100[value=on] ~ div .PG100 {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow input[type=hidden].PG100[value=on] ~ .notPG100, div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow input[type=hidden].PG100[value=on] ~ div .notPG100 {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow input[type=hidden].cadence:not([value="0"]) ~ div.bonus {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.cadence {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rogueGhost {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rogueGhost h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rogueGhost h2.titreBis {
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rogueGhost div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rogueGhost div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rogueGhost div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rogueGhost div.titre button[type=action].bonusCaracL2 {
|
|
width: 26px;
|
|
height: 26px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rogueGhost div.titre button[type=action].bonusCaracL2 {
|
|
margin-right: auto;
|
|
margin-left: 3px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rogueGhost div.titre button[type=action].active {
|
|
width: 100px;
|
|
height: 26px;
|
|
margin-left: auto;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rogueGhost button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rogueGhost button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rogueGhost button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rogueGhost button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rogueGhost button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rogueGhost button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rogueGhost div.titre,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rogueGhost h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rogueGhost select {
|
|
border: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rogueGhost label.ligne2 {
|
|
display: flex;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
font-size: 14px;
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rogueGhost label.ligne2 span {
|
|
width: calc(50% - 2px);
|
|
line-height: 28px;
|
|
padding-left: 2px;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rogueGhost label.ligne2 input[type=number] {
|
|
width: 50%;
|
|
height: 28px;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
text-align: center;
|
|
border-top: 0px;
|
|
border-right: 0px;
|
|
border-bottom: 0px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rogueGhost div.rollPJ {
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
font-size: 14px;
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rogueGhost div.rollPJ select {
|
|
padding: 0px;
|
|
height: 28px;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rogueGhost div.rollPJ select:first-of-type {
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rogueGhost div.rollPJ select:last-of-type {
|
|
width: calc(50% - 29px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rogueGhost div.bonusCarac {
|
|
display: none;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rogueGhost div.bonusCarac select {
|
|
display: none;
|
|
padding: 0px;
|
|
height: 28px;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rogueGhost input[type=hidden].bonusCarac[value="0"] ~ div.bonusCarac {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rogueGhost input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1 {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rogueGhost input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rogueGhost input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac select:first-of-type {
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rogueGhost input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rogueGhost input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2 {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rogueGhost input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rogueGhost input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:first-of-type {
|
|
display: inline-block;
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rogueGhost input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:last-of-type {
|
|
display: inline-block;
|
|
width: 50%;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.rogueGhost input[type=hidden].active[value^="{{modeGhost"] ~ div.titre button[type=action].active {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanImpregnation,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.jet {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanImpregnation h1.titre,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.jet h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanImpregnation div.titre,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.jet div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanImpregnation div.titre h1.titre,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.jet div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanImpregnation div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanImpregnation div.titre button[type=action].bonusCaracL2,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.jet div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.jet div.titre button[type=action].bonusCaracL2 {
|
|
width: 26px;
|
|
height: 26px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanImpregnation div.titre button[type=action].bonusCaracL2,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.jet div.titre button[type=action].bonusCaracL2 {
|
|
margin-right: auto;
|
|
margin-left: 3px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanImpregnation button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanImpregnation button[type=action].rollDice,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.jet button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.jet button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanImpregnation button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanImpregnation button[type=action].rollDice::before,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.jet button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.jet button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanImpregnation button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanImpregnation button[type=action].rollDice:hover,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.jet button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.jet button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanImpregnation div.titre,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanImpregnation h1.titre,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.jet div.titre,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.jet h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanImpregnation select,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.jet select {
|
|
border: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanImpregnation label.ligne2,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.jet label.ligne2 {
|
|
display: flex;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
font-size: 14px;
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanImpregnation label.ligne2 span,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.jet label.ligne2 span {
|
|
width: calc(50% - 2px);
|
|
line-height: 28px;
|
|
padding-left: 2px;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanImpregnation label.ligne2 input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.jet label.ligne2 input[type=number] {
|
|
width: 50%;
|
|
height: 28px;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
text-align: center;
|
|
border-top: 0px;
|
|
border-right: 0px;
|
|
border-bottom: 0px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanImpregnation div.rollPJ,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.jet div.rollPJ {
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
font-size: 14px;
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanImpregnation div.rollPJ select,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.jet div.rollPJ select {
|
|
width: 50%;
|
|
padding: 0px;
|
|
height: 28px;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanImpregnation div.rollPJ select:last-of-type,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.jet div.rollPJ select:last-of-type {
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanImpregnation div.rollPNJ,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.jet div.rollPNJ {
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanImpregnation div.rollPNJ select,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.jet div.rollPNJ select {
|
|
width: 100%;
|
|
padding: 0px;
|
|
height: 28px;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanImpregnation div.bonusCarac,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.jet div.bonusCarac {
|
|
display: none;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanImpregnation div.bonusCarac select,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.jet div.bonusCarac select {
|
|
display: none;
|
|
padding: 0px;
|
|
height: 28px;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanImpregnation input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.jet input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1 {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanImpregnation input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.jet input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanImpregnation input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac select:first-of-type,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.jet input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac select:first-of-type {
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanImpregnation input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanImpregnation input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.jet input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.jet input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2 {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanImpregnation input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.jet input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanImpregnation input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:first-of-type,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.jet input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:first-of-type {
|
|
display: inline-block;
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanImpregnation input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:last-of-type,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.jet input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:last-of-type {
|
|
display: inline-block;
|
|
width: 50%;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanTotem {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanTotem h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanTotem div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanTotem h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanTotem label.ligne2 {
|
|
display: flex;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
font-size: 14px;
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanTotem label.ligne2 span {
|
|
width: calc(50% - 2px);
|
|
line-height: 28px;
|
|
padding-left: 2px;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanTotem label.ligne2 input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanTotem label.ligne2 select {
|
|
width: 50%;
|
|
height: 28px;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
text-align: center;
|
|
border-top: 0px;
|
|
border-right: 0px;
|
|
border-bottom: 0px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanTotem label.totem1,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanTotem label.totem2,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanTotem label.totem3 {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanTotem input[type=hidden].nbreTotem[value="1"] ~ label.totem1 {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanTotem input[type=hidden].nbreTotem[value="2"] ~ label.totem1, div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanTotem input[type=hidden].nbreTotem[value="2"] ~ label.totem2 {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanTotem input[type=hidden].nbreTotem[value="3"] ~ label.totem1, div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanTotem input[type=hidden].nbreTotem[value="3"] ~ label.totem2, div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanTotem input[type=hidden].nbreTotem[value="3"] ~ label.totem3 {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanAscension {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanAscension h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanAscension div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanAscension div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanAscension div.titre button[type=action].active {
|
|
width: 100px;
|
|
height: 26px;
|
|
margin-left: auto;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanAscension div.titre,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanAscension h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanAscension input[type=number] {
|
|
width: 100%;
|
|
border: 0px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanAscension div.ligneTitre {
|
|
display: none;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanAscension div.ligneTitre span {
|
|
display: flex;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanAscension div.ligneTitre span:first-of-type {
|
|
padding-left: 2px;
|
|
width: calc(31% - 2px);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanAscension div.ligneTitre span:not(:first-of-type) {
|
|
width: calc(23% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanAscension label.ligne2 {
|
|
display: flex;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
font-size: 14px;
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanAscension label.ligne2 span {
|
|
width: calc(50% - 2px);
|
|
line-height: 28px;
|
|
padding-left: 2px;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanAscension label.ligne2 input[type=number] {
|
|
width: 50%;
|
|
height: 28px;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
text-align: center;
|
|
border-top: 0px;
|
|
border-right: 0px;
|
|
border-bottom: 0px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanAscension div.ligne3 {
|
|
display: none;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanAscension div.ligne3 span {
|
|
display: flex;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
padding-left: 2px;
|
|
width: calc(31% - 2px);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanAscension div.ligne3 div {
|
|
width: calc(23% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanAscension input[type=hidden].active[value^="1"] ~ div.ligne3, div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanAscension input[type=hidden].active[value^="1"] ~ div.ligneTitre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanAscension input[type=hidden].active[value^="1"] ~ div.titre button[type=action].active {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- label
|
|
- width : Width du label
|
|
- height : height du label
|
|
|
|
- span
|
|
- color : La color
|
|
- background : Le background
|
|
- border : S'il y a une bordure (true/false)
|
|
- width : Width du span
|
|
- height : height du height
|
|
|
|
- shadow : s'il y a une ombre (true/false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph h2.titreBis {
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph div.titreBis {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph div.titreBis h2.titreBis {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph div.titreBis button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph div.titreBis button[type=action].bonusCaracL2 {
|
|
width: 26px;
|
|
height: 26px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph div.titreBis button[type=action].bonusCaracL2 {
|
|
margin-right: auto;
|
|
margin-left: 3px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph div.titre button[type=action].bonusCaracL2 {
|
|
width: 26px;
|
|
height: 26px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph div.titre button[type=action].bonusCaracL2 {
|
|
margin-right: auto;
|
|
margin-left: 3px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph div.titre button[type=action].active {
|
|
width: 100px;
|
|
height: 26px;
|
|
margin-left: auto;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph label.fakeButton {
|
|
position: relative;
|
|
width: 102px;
|
|
height: 27px;
|
|
font-size: 14px;
|
|
align-self: center;
|
|
margin-left: auto;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph label.fakeButton input[type=checkbox],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph label.fakeButton input[type=radio] {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 27px;
|
|
opacity: 0;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph label.fakeButton input[type=checkbox]:checked ~ span::before,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph label.fakeButton input[type=radio]:checked ~ span::before {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph label.fakeButton span {
|
|
display: flex;
|
|
height: 27px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph label.fakeButton span::before {
|
|
display: flex;
|
|
width: calc(100% - 2px);
|
|
line-height: 27px;
|
|
content: attr(title);
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph div.titre,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph h1.titre,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph div.titreBis,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph h2.titreBis {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph select {
|
|
border: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph label.ligne2 {
|
|
display: flex;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
font-size: 14px;
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph label.ligne2 span {
|
|
width: calc(50% - 2px);
|
|
line-height: 28px;
|
|
padding-left: 2px;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph label.ligne2 input[type=number] {
|
|
width: 50%;
|
|
height: 28px;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
text-align: center;
|
|
border-top: 0px;
|
|
border-right: 0px;
|
|
border-bottom: 0px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph div.rollPJ {
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
font-size: 14px;
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph div.rollPJ select {
|
|
width: 50%;
|
|
padding: 0px;
|
|
height: 28px;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph div.rollPJ select:last-of-type {
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph div.bonusCarac {
|
|
display: none;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph div.bonusCarac select {
|
|
display: none;
|
|
padding: 0px;
|
|
height: 28px;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph label.col2 {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
width: 50%;
|
|
background: RGB(213, 215, 237);
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph label.col2 span {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
justify-content: center;
|
|
color: black;
|
|
font-weight: bold;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph label.col2 input[type=text],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph label.col2 input[type=number] {
|
|
width: 100%;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
border-left: 0px;
|
|
border-bottom: 0px;
|
|
border-right: 0px;
|
|
text-align: center;
|
|
padding: 0px;
|
|
height: 29px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph label.col2BL {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
width: calc(50% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
background: RGB(213, 215, 237);
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph label.col2BL span {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
justify-content: center;
|
|
color: black;
|
|
font-weight: bold;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph label.col2BL input[type=text],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph label.col2BL input[type=number] {
|
|
width: 100%;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
border-left: 0px;
|
|
border-bottom: 0px;
|
|
border-right: 0px;
|
|
text-align: center;
|
|
padding: 0px;
|
|
height: 29px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph .borderCTop {
|
|
border-top: 1px solid RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph .borderSBottom {
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph .borderS {
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph button[type=action].PG250 {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph input[type=hidden].bonusCarac[value="0"] ~ div.bonusCarac {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1, div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph input[type=hidden].bonusCarac[value="1"] ~ div.titreBis button[type=action].bonusCaracL1 {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac select:first-of-type {
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2, div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph input[type=hidden].bonusCarac[value="2"] ~ div.titreBis button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph input[type=hidden].bonusCarac[value="2"] ~ div.titreBis button[type=action].bonusCaracL2 {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:first-of-type {
|
|
display: inline-block;
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:last-of-type {
|
|
display: inline-block;
|
|
width: 50%;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph input[type=hidden].sorcerer250[value=on] ~ div button[type=action].PG250 {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph input[type=hidden].sorcerer250[value=on] ~ div label.not250PG {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph input[type=hidden].activateModeMorph250[value="1"] ~ div button[type=action].active {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockForward,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockRewind {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockForward h1.titre,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockRewind h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockForward h2.titreBis,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockRewind h2.titreBis {
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockForward div.titre,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockRewind div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockForward div.titre h1.titre,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockRewind div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockForward div.titre button[type=action].active,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockRewind div.titre button[type=action].active {
|
|
width: 100px;
|
|
height: 26px;
|
|
margin-left: auto;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockForward div.titre,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockForward h1.titre,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockRewind div.titre,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockRewind h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockForward input[type=hidden].active[value="1"] ~ div button[type=action].active,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockRewind input[type=hidden].active[value="1"] ~ div button[type=action].active {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockForward div.titre {
|
|
border-bottom: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockRecord {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockRecord h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockRecord h2.titreBis {
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockRecord div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockRecord div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockRecord div.titre button[type=action].active {
|
|
width: 100px;
|
|
height: 26px;
|
|
margin-left: auto;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockRecord div.titre,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockRecord h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockRecord label.ligne2 {
|
|
display: flex;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
font-size: 14px;
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockRecord label.ligne2 span {
|
|
width: calc(50% - 2px);
|
|
line-height: 28px;
|
|
padding-left: 2px;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockRecord label.ligne2 input[type=number] {
|
|
width: 50%;
|
|
height: 28px;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
text-align: center;
|
|
border-top: 0px;
|
|
border-right: 0px;
|
|
border-bottom: 0px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockRecord label.ligne2:not(:first-of-type) {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockRecord input[type=hidden].active[value="1"] ~ div button[type=action].active {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockContrecoups {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockContrecoups h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockContrecoups div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockContrecoups div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockContrecoups button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockContrecoups button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockContrecoups button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockContrecoups button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockContrecoups button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockContrecoups button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockContrecoups div.titre,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockContrecoups h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockContrecoups div.titre {
|
|
border-bottom: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterFalcon {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterFalcon h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterFalcon h2.titreBis {
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterFalcon div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterFalcon h1.titre,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterFalcon h2.titreBis {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterFalcon h2.titreBis {
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- label
|
|
- width : Width du label
|
|
- height : height du label
|
|
|
|
- span
|
|
- color : La color
|
|
- background : Le background
|
|
- border : S'il y a une bordure (true/false)
|
|
- width : Width du span
|
|
- height : height du height
|
|
|
|
- shadow : s'il y a une ombre (true/false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord h2.titreBis {
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord div.titre button[type=action].active {
|
|
width: 100px;
|
|
height: 26px;
|
|
margin-left: auto;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord div.titre button[type=action].personnel {
|
|
width: 100px;
|
|
height: 26px;
|
|
margin-right: auto;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord label.fakeButton {
|
|
position: relative;
|
|
width: 102px;
|
|
height: 27px;
|
|
font-size: 14px;
|
|
align-self: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord label.fakeButton input[type=checkbox],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord label.fakeButton input[type=radio] {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 27px;
|
|
opacity: 0;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord label.fakeButton input[type=checkbox]:checked ~ span::before,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord label.fakeButton input[type=radio]:checked ~ span::before {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord label.fakeButton span {
|
|
display: flex;
|
|
height: 27px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord label.fakeButton span::before {
|
|
display: flex;
|
|
width: calc(100% - 2px);
|
|
line-height: 27px;
|
|
content: attr(title);
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord div.button {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: space-evenly;
|
|
flex-wrap: wrap;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord div.button button[type=action] {
|
|
display: flex;
|
|
width: 100px;
|
|
height: 26px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
margin-top: 1px;
|
|
margin-bottom: 1px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord h2.titreBis {
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord div.energie {
|
|
border-bottom: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord div.action {
|
|
border-bottom: 1px solid RGB(213, 215, 237);
|
|
border-top: 1px solid RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord label.ligne2 {
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
font-size: 14px;
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord label.ligne2 span {
|
|
width: calc(50% - 2px);
|
|
line-height: 28px;
|
|
padding-left: 2px;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord label.ligne2 input[type=number] {
|
|
width: 50%;
|
|
height: 28px;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
text-align: center;
|
|
border-top: 0px;
|
|
border-right: 0px;
|
|
border-bottom: 0px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord label.ligne2:not(:first-of-type) {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord label.col2 {
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
flex-wrap: wrap;
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord label.col2 span {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
justify-content: center;
|
|
color: black;
|
|
font-weight: bold;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord label.col2 input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord label.col2 input[type=text] {
|
|
width: 100%;
|
|
height: 28px;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
border-bottom: 0px;
|
|
text-align: center;
|
|
padding: 0px;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord label.col2BL {
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
flex-wrap: wrap;
|
|
width: calc(50% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord label.col2BL span {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
justify-content: center;
|
|
color: black;
|
|
font-weight: bold;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord label.col2BL input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord label.col2BL input[type=text] {
|
|
width: 100%;
|
|
height: 28px;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
border-bottom: 0px;
|
|
text-align: center;
|
|
padding: 0px;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord .action,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord .esquive,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord .force,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord .guerre,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord .energie {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord input[type=hidden].active[value=on] ~ button[type=action].active {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord input[type=hidden].personnel[value=on] ~ button[type=action].personnel {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord input[type=hidden].action[value=on] ~ div.button button[type=action].action {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord input[type=hidden].action[value=on] ~ .action {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord input[type=hidden].esquive[value=on] ~ div.button button[type=action].esquive {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord input[type=hidden].esquive[value=on] ~ .esquive {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord input[type=hidden].force[value=on] ~ div.button button[type=action].force {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord input[type=hidden].force[value=on] ~ .force {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord input[type=hidden].guerre[value=on] ~ div.button button[type=action].guerre {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord input[type=hidden].guerre[value=on] ~ .guerre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord input[type=hidden].energie[value=on] ~ div.button button[type=action].energie {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord input[type=hidden].energie[value=on] ~ .energie {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord input[type=hidden].PG200[value=on] ~ div.button, div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord input[type=hidden].PG200[value=on] ~ h2.titreBis {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord input[type=hidden].PG200[value=on] ~ .action {
|
|
border-top: 1px solid RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord input[type=hidden].PG200[value=on] ~ .action, div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord input[type=hidden].PG200[value=on] ~ .esquive, div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord input[type=hidden].PG200[value=on] ~ .force, div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord input[type=hidden].PG200[value=on] ~ .guerre, div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord input[type=hidden].PG200[value=on] ~ .energie {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- label
|
|
- width : Width du label
|
|
- height : height du label
|
|
|
|
- span
|
|
- color : La color
|
|
- background : Le background
|
|
- border : S'il y a une bordure (true/false)
|
|
- width : Width du span
|
|
- height : height du height
|
|
|
|
- shadow : s'il y a une ombre (true/false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes h2.titreBis {
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes label.fakeButton {
|
|
position: relative;
|
|
width: 100px;
|
|
height: 27px;
|
|
font-size: 14px;
|
|
align-self: center;
|
|
margin-left: auto;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes label.fakeButton input[type=checkbox],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes label.fakeButton input[type=radio] {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 27px;
|
|
opacity: 0;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes label.fakeButton input[type=checkbox]:checked ~ span::before,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes label.fakeButton input[type=radio]:checked ~ span::before {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes label.fakeButton span {
|
|
display: flex;
|
|
height: 27px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes label.fakeButton span::before {
|
|
display: flex;
|
|
width: calc(100% - 2px);
|
|
line-height: 27px;
|
|
content: attr(title);
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes div.button {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: space-evenly;
|
|
flex-wrap: wrap;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes div.button button[type=action] {
|
|
display: flex;
|
|
width: 100px;
|
|
height: 26px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
margin-top: 1px;
|
|
margin-bottom: 1px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes h1.titre,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes h2.titreBis {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes h1.borderBottom {
|
|
border-bottom: 1px solid RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes h2.titreBis {
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes label.col3 {
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
flex-wrap: wrap;
|
|
width: 33.3333333333%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes label.col3 span {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
justify-content: center;
|
|
color: black;
|
|
font-weight: bold;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes label.col3 input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes label.col3 input[type=text] {
|
|
width: 100%;
|
|
height: 28px;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
border-bottom: 0px;
|
|
text-align: center;
|
|
padding: 0px;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes label.col3BL {
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
flex-wrap: wrap;
|
|
width: calc(33.3333333333% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes label.col3BL span {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
justify-content: center;
|
|
color: black;
|
|
font-weight: bold;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes label.col3BL input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes label.col3BL input[type=text] {
|
|
width: 100%;
|
|
height: 28px;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
border-bottom: 0px;
|
|
text-align: center;
|
|
padding: 0px;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes .soldier,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes .hunter,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes .scholar,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes .herald,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes .scout {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes input[type=hidden].soldier[value=on] ~ div.button button[type=action].soldier {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes input[type=hidden].soldier[value=on] ~ .soldier {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes input[type=hidden].hunter[value=on] ~ div.button button[type=action].hunter {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes input[type=hidden].hunter[value=on] ~ .hunter {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes input[type=hidden].scholar[value=on] ~ div.button button[type=action].scholar {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes input[type=hidden].scholar[value=on] ~ .scholar {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes input[type=hidden].herald[value=on] ~ div.button button[type=action].herald {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes input[type=hidden].herald[value=on] ~ .herald {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes input[type=hidden].scout[value=on] ~ div.button button[type=action].scout {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes input[type=hidden].scout[value=on] ~ .scout {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes input[type=hidden].PG200[value=on] ~ .soldier, div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes input[type=hidden].PG200[value=on] ~ .hunter, div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes input[type=hidden].PG200[value=on] ~ .scholar, div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes input[type=hidden].PG200[value=on] ~ .herald, div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes input[type=hidden].PG200[value=on] ~ .scout {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes input[type=hidden].PG200[value=on] ~ h1.titre {
|
|
border-bottom: 1px solid RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes input[type=hidden].PG200[value=on] ~ h2.titreBis, div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes input[type=hidden].PG200[value=on] ~ div.button {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis h2.titreBis {
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis div.titreBis {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis div.titreBis h2.titreBis {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis div.titre button[type=action].bonusCaracL2 {
|
|
width: 26px;
|
|
height: 26px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis div.titre button[type=action].bonusCaracL2 {
|
|
margin-right: auto;
|
|
margin-left: 3px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis div.titre button[type=action].active {
|
|
width: 100px;
|
|
height: 26px;
|
|
margin-left: auto;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis div.titre,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis h1.titre,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis div.titreBis,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis h2.titreBis {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis select {
|
|
border: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis label.ligne2 {
|
|
display: flex;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
font-size: 14px;
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis label.ligne2 span {
|
|
width: calc(50% - 2px);
|
|
line-height: 28px;
|
|
padding-left: 2px;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis label.ligne2 input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis label.ligne2 select {
|
|
width: 50%;
|
|
height: 28px;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
text-align: center;
|
|
border-top: 0px;
|
|
border-right: 0px;
|
|
border-bottom: 0px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis div.rollPJ {
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
font-size: 14px;
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis div.rollPJ select {
|
|
width: 50%;
|
|
padding: 0px;
|
|
height: 28px;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis div.rollPJ select:last-of-type {
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis div.bonusCarac {
|
|
display: none;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis div.bonusCarac select {
|
|
display: none;
|
|
padding: 0px;
|
|
height: 28px;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis label.col3 {
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
flex-wrap: wrap;
|
|
width: 33.3333333333%;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis label.col3 span {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
justify-content: center;
|
|
color: black;
|
|
font-weight: bold;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis label.col3 input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis label.col3 input[type=text] {
|
|
width: 100%;
|
|
height: 28px;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
border-bottom: 0px;
|
|
text-align: center;
|
|
padding: 0px;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis label.col3BL {
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
flex-wrap: wrap;
|
|
width: calc(33.3333333333% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis label.col3BL span {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
justify-content: center;
|
|
color: black;
|
|
font-weight: bold;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis label.col3BL input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis label.col3BL input[type=text] {
|
|
width: 100%;
|
|
height: 28px;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
border-bottom: 0px;
|
|
text-align: center;
|
|
padding: 0px;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis .borderTop {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis button[type=action].rollDice {
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis input[type=hidden].active[value=on] ~ div button[type=action].active {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1 {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac select:first-of-type {
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2 {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:first-of-type {
|
|
display: inline-block;
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:last-of-type {
|
|
display: inline-block;
|
|
width: 50%;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis input[type=text] {
|
|
width: 100%;
|
|
text-align: center;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
border-bottom: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardOriflamme {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardOriflamme h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardOriflamme div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardOriflamme div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardOriflamme button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardOriflamme button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardOriflamme button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardOriflamme button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardOriflamme button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardOriflamme button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardOriflamme div.titre,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardOriflamme h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardOriflamme select {
|
|
border: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardOriflamme label.col3 {
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
flex-wrap: wrap;
|
|
width: 33.3333333333%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardOriflamme label.col3 span {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
justify-content: center;
|
|
color: black;
|
|
font-weight: bold;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardOriflamme label.col3 input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardOriflamme label.col3 input[type=text] {
|
|
width: 100%;
|
|
height: 28px;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
border-bottom: 0px;
|
|
text-align: center;
|
|
padding: 0px;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardOriflamme label.col3BL {
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
flex-wrap: wrap;
|
|
width: calc(33.3333333333% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardOriflamme label.col3BL span {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
justify-content: center;
|
|
color: black;
|
|
font-weight: bold;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardOriflamme label.col3BL input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardOriflamme label.col3BL input[type=text] {
|
|
width: 100%;
|
|
height: 28px;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
border-bottom: 0px;
|
|
text-align: center;
|
|
padding: 0px;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardOriflamme .wizard250 {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardOriflamme div.autoex {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardOriflamme input[type=hidden].PG250[value=on] ~ div button[type=roll].wizard250, div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardOriflamme input[type=hidden].PG250[value=on] ~ div button[type=action].wizard250 {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardOriflamme input[type=hidden].PG250[value=on] ~ div button[type=roll].wizardNot250, div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardOriflamme input[type=hidden].PG250[value=on] ~ div button[type=action].wizardNot250 {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: transparent;
|
|
border: 0px;
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL > h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
border-bottom: 1px solid RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.information {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.information h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.information div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.information h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.information div.autoex textarea {
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALPriest,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALPsion,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALShaman,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALWarlock,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALWarmaster {
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALPriest > div,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALPsion > div,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALShaman > div,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALWarlock > div,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALWarmaster > div {
|
|
border-top: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.druidModJetCompagnons {
|
|
border-top: 0px;
|
|
border-bottom: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALDCompagnon button[type=action].lion,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALDCompagnon button[type=action].wolf,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALDCompagnon button[type=action].crow {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALDCompagnon input[type=hidden].legendeChoisie[value="1"] ~ div.button button[type=action].lion {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALDCompagnon input[type=hidden].legendeChoisie[value="2"] ~ div.button button[type=action].wolf {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALDCompagnon input[type=hidden].legendeChoisie[value="3"] ~ div.button button[type=action].crow {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALPaladin,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALRanger,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALWarrior,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALWizard {
|
|
border-top: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALPriest > div {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALPriest input[type=hidden].legendeChoisie[value="1"] ~ div.priestMechanic {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALPriest input[type=hidden].legendeChoisie[value="1"] ~ div.priestMechanic div.titre {
|
|
border-top: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALPriest input[type=hidden].legendeChoisie[value="2"] ~ div.priestNanoC {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALPriest input[type=hidden].legendeChoisie[value="2"] ~ div.priestNanoC div.titre {
|
|
border-top: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALPsion > div {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALPsion input[type=hidden].legendeChoisie[value="1"] ~ div.psionPuppetMaster,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALPsion input[type=hidden].legendeChoisie2[value="1"] ~ div.psionPuppetMaster {
|
|
display: flex;
|
|
border-top: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALPsion input[type=hidden].legendeChoisie[value="2"] ~ div.psionDiscord,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALPsion input[type=hidden].legendeChoisie2[value="2"] ~ div.psionDiscord {
|
|
display: flex;
|
|
border-top: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALPsion input[type=hidden].legendeChoisie[value="3"] ~ div.psionWindtalker,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALPsion input[type=hidden].legendeChoisie2[value="3"] ~ div.psionWindtalker {
|
|
display: flex;
|
|
border-top: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALShaman {
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALWarlock {
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALWarlock > div {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALWarlock div.warlockContrecoups {
|
|
border-bottom: 1px solid RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALWarlock input[type=hidden].legendeChoisie[value="1"] ~ div.warlockContrecoups, div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALWarlock input[type=hidden].legendeChoisie[value="1"] ~ div.warlockRecord {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALWarlock input[type=hidden].legendeChoisie[value="1"] ~ div.warlockContrecoups div.titre, div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALWarlock input[type=hidden].legendeChoisie[value="1"] ~ div.warlockRecord div.titre {
|
|
border-top: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALWarlock input[type=hidden].legendeChoisie[value="2"] ~ div.warlockContrecoups, div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALWarlock input[type=hidden].legendeChoisie[value="2"] ~ div.warlockRewind {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALWarlock input[type=hidden].legendeChoisie[value="2"] ~ div.warlockContrecoups div.titre, div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALWarlock input[type=hidden].legendeChoisie[value="2"] ~ div.warlockRewind div.titre {
|
|
border-top: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALWarmaster > div {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALWarmaster div.warmasterWarlord input[type=hidden].warlordChoisie[value="1"] ~ div.action, div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALWarmaster div.warmasterWarlord input[type=hidden].warlordChoisie[value="1"] ~ div.esquive {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALWarmaster div.warmasterWarlord input[type=hidden].warlordChoisie[value="2"] ~ div.action, div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALWarmaster div.warmasterWarlord input[type=hidden].warlordChoisie[value="2"] ~ div.force {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALWarmaster div.warmasterWarlord input[type=hidden].warlordChoisie[value="3"] ~ div.action, div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALWarmaster div.warmasterWarlord input[type=hidden].warlordChoisie[value="3"] ~ div.guerre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALWarmaster div.warmasterWarlord input[type=hidden].warlordChoisie[value="4"] ~ div.action, div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALWarmaster div.warmasterWarlord input[type=hidden].warlordChoisie[value="4"] ~ div.energie {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALWarmaster div.warmasterWarlord div.action {
|
|
border-bottom-color: RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALWarmaster input[type=hidden].legendeChoisie[value="1"] ~ div.warmasterWarlord {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALWarmaster input[type=hidden].legendeChoisie[value="1"] ~ div.warmasterWarlord div.titre {
|
|
border-top: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALWarmaster input[type=hidden].legendeChoisie[value="2"] ~ div.warmasterFalcon {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALWarmaster input[type=hidden].legendeChoisie[value="2"] ~ div.warmasterFalcon div.titre {
|
|
border-top: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALWarrior input[type=hidden].legendeChoisie[value="1"] ~ .soldier {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALWarrior input[type=hidden].legendeChoisie[value="2"] ~ .hunter {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALWarrior input[type=hidden].legendeChoisie[value="3"] ~ .scholar {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALWarrior input[type=hidden].legendeChoisie[value="4"] ~ .herald {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALWarrior input[type=hidden].legendeChoisie[value="5"] ~ .scout {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALDruidCompanions {
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
display: flex;
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALDruidCompanions h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALDruidCompanions div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALDruidCompanions div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALDruidCompanions > h1.titre {
|
|
display: flex;
|
|
border-bottom: 1px solid RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock {
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock div.AE {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock div.AE h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock div.AE div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock div.AE h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock div.AE div {
|
|
display: none;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock div.AE div span {
|
|
display: flex;
|
|
font-size: 14px;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock div.AE div span:first-of-type {
|
|
width: 70px;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-weight: bold;
|
|
line-height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock div.AE div span:last-of-type {
|
|
width: calc(100% - 70px - 4px - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
text-align: justify;
|
|
padding: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock div.AE div:not(:first-of-type) {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMineur[value="1"] ~ div.AEChair {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMineur[value="1"] ~ div.AEChair div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMineur[value="2"] ~ div.AEChair {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMineur[value="2"] ~ div.AEChair div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMineur[value="3"] ~ div.AEChair {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMineur[value="3"] ~ div.AEChair div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMineur[value="4"] ~ div.AEChair {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMineur[value="4"] ~ div.AEChair div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMineur[value="5"] ~ div.AEChair {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMineur[value="5"] ~ div.AEChair div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMineur[value="6"] ~ div.AEChair {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMineur[value="6"] ~ div.AEChair div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMineur[value="7"] ~ div.AEChair {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMineur[value="7"] ~ div.AEChair div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMineur[value="8"] ~ div.AEChair {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMineur[value="8"] ~ div.AEChair div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMineur[value="9"] ~ div.AEChair {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMineur[value="9"] ~ div.AEChair div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMineur[value="10"] ~ div.AEChair {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMineur[value="10"] ~ div.AEChair div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMineur[value="11"] ~ div.AEChair {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMineur[value="11"] ~ div.AEChair div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMineur[value="12"] ~ div.AEChair {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMineur[value="12"] ~ div.AEChair div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMineur[value="13"] ~ div.AEChair {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMineur[value="13"] ~ div.AEChair div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMineur[value="14"] ~ div.AEChair {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMineur[value="14"] ~ div.AEChair div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMineur[value="15"] ~ div.AEChair {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMineur[value="15"] ~ div.AEChair div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMineur[value="16"] ~ div.AEChair {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMineur[value="16"] ~ div.AEChair div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMineur[value="17"] ~ div.AEChair {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMineur[value="17"] ~ div.AEChair div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMineur[value="18"] ~ div.AEChair {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMineur[value="18"] ~ div.AEChair div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMineur[value="19"] ~ div.AEChair {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMineur[value="19"] ~ div.AEChair div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMineur[value="20"] ~ div.AEChair {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMineur[value="20"] ~ div.AEChair div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="1"] ~ div.AEChair {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="1"] ~ div.AEChair div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="1"] ~ div.AEChair div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="2"] ~ div.AEChair {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="2"] ~ div.AEChair div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="2"] ~ div.AEChair div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="3"] ~ div.AEChair {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="3"] ~ div.AEChair div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="3"] ~ div.AEChair div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="4"] ~ div.AEChair {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="4"] ~ div.AEChair div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="4"] ~ div.AEChair div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="5"] ~ div.AEChair {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="5"] ~ div.AEChair div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="5"] ~ div.AEChair div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="6"] ~ div.AEChair {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="6"] ~ div.AEChair div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="6"] ~ div.AEChair div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="7"] ~ div.AEChair {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="7"] ~ div.AEChair div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="7"] ~ div.AEChair div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="8"] ~ div.AEChair {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="8"] ~ div.AEChair div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="8"] ~ div.AEChair div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="9"] ~ div.AEChair {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="9"] ~ div.AEChair div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="9"] ~ div.AEChair div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="10"] ~ div.AEChair {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="10"] ~ div.AEChair div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="10"] ~ div.AEChair div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="11"] ~ div.AEChair {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="11"] ~ div.AEChair div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="11"] ~ div.AEChair div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="12"] ~ div.AEChair {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="12"] ~ div.AEChair div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="12"] ~ div.AEChair div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="13"] ~ div.AEChair {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="13"] ~ div.AEChair div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="13"] ~ div.AEChair div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="14"] ~ div.AEChair {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="14"] ~ div.AEChair div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="14"] ~ div.AEChair div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="15"] ~ div.AEChair {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="15"] ~ div.AEChair div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="15"] ~ div.AEChair div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="16"] ~ div.AEChair {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="16"] ~ div.AEChair div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="16"] ~ div.AEChair div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="17"] ~ div.AEChair {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="17"] ~ div.AEChair div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="17"] ~ div.AEChair div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="18"] ~ div.AEChair {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="18"] ~ div.AEChair div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="18"] ~ div.AEChair div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="19"] ~ div.AEChair {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="19"] ~ div.AEChair div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="19"] ~ div.AEChair div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="20"] ~ div.AEChair {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="20"] ~ div.AEChair div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="20"] ~ div.AEChair div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="1"] ~ div.AEBete {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="1"] ~ div.AEBete div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="2"] ~ div.AEBete {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="2"] ~ div.AEBete div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="3"] ~ div.AEBete {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="3"] ~ div.AEBete div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="4"] ~ div.AEBete {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="4"] ~ div.AEBete div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="5"] ~ div.AEBete {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="5"] ~ div.AEBete div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="6"] ~ div.AEBete {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="6"] ~ div.AEBete div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="7"] ~ div.AEBete {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="7"] ~ div.AEBete div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="8"] ~ div.AEBete {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="8"] ~ div.AEBete div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="9"] ~ div.AEBete {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="9"] ~ div.AEBete div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="10"] ~ div.AEBete {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="10"] ~ div.AEBete div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="11"] ~ div.AEBete {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="11"] ~ div.AEBete div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="12"] ~ div.AEBete {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="12"] ~ div.AEBete div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="13"] ~ div.AEBete {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="13"] ~ div.AEBete div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="14"] ~ div.AEBete {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="14"] ~ div.AEBete div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="15"] ~ div.AEBete {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="15"] ~ div.AEBete div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="16"] ~ div.AEBete {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="16"] ~ div.AEBete div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="17"] ~ div.AEBete {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="17"] ~ div.AEBete div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="18"] ~ div.AEBete {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="18"] ~ div.AEBete div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="19"] ~ div.AEBete {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="19"] ~ div.AEBete div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="20"] ~ div.AEBete {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="20"] ~ div.AEBete div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="1"] ~ div.AEBete {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="1"] ~ div.AEBete div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="1"] ~ div.AEBete div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="2"] ~ div.AEBete {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="2"] ~ div.AEBete div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="2"] ~ div.AEBete div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="3"] ~ div.AEBete {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="3"] ~ div.AEBete div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="3"] ~ div.AEBete div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="4"] ~ div.AEBete {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="4"] ~ div.AEBete div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="4"] ~ div.AEBete div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="5"] ~ div.AEBete {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="5"] ~ div.AEBete div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="5"] ~ div.AEBete div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="6"] ~ div.AEBete {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="6"] ~ div.AEBete div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="6"] ~ div.AEBete div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="7"] ~ div.AEBete {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="7"] ~ div.AEBete div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="7"] ~ div.AEBete div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="8"] ~ div.AEBete {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="8"] ~ div.AEBete div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="8"] ~ div.AEBete div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="9"] ~ div.AEBete {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="9"] ~ div.AEBete div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="9"] ~ div.AEBete div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="10"] ~ div.AEBete {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="10"] ~ div.AEBete div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="10"] ~ div.AEBete div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="11"] ~ div.AEBete {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="11"] ~ div.AEBete div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="11"] ~ div.AEBete div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="12"] ~ div.AEBete {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="12"] ~ div.AEBete div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="12"] ~ div.AEBete div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="13"] ~ div.AEBete {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="13"] ~ div.AEBete div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="13"] ~ div.AEBete div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="14"] ~ div.AEBete {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="14"] ~ div.AEBete div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="14"] ~ div.AEBete div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="15"] ~ div.AEBete {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="15"] ~ div.AEBete div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="15"] ~ div.AEBete div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="16"] ~ div.AEBete {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="16"] ~ div.AEBete div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="16"] ~ div.AEBete div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="17"] ~ div.AEBete {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="17"] ~ div.AEBete div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="17"] ~ div.AEBete div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="18"] ~ div.AEBete {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="18"] ~ div.AEBete div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="18"] ~ div.AEBete div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="19"] ~ div.AEBete {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="19"] ~ div.AEBete div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="19"] ~ div.AEBete div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="20"] ~ div.AEBete {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="20"] ~ div.AEBete div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="20"] ~ div.AEBete div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="1"] ~ div.AEMachine {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="1"] ~ div.AEMachine div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="2"] ~ div.AEMachine {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="2"] ~ div.AEMachine div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="3"] ~ div.AEMachine {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="3"] ~ div.AEMachine div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="4"] ~ div.AEMachine {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="4"] ~ div.AEMachine div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="5"] ~ div.AEMachine {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="5"] ~ div.AEMachine div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="6"] ~ div.AEMachine {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="6"] ~ div.AEMachine div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="7"] ~ div.AEMachine {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="7"] ~ div.AEMachine div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="8"] ~ div.AEMachine {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="8"] ~ div.AEMachine div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="9"] ~ div.AEMachine {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="9"] ~ div.AEMachine div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="10"] ~ div.AEMachine {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="10"] ~ div.AEMachine div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="11"] ~ div.AEMachine {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="11"] ~ div.AEMachine div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="12"] ~ div.AEMachine {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="12"] ~ div.AEMachine div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="13"] ~ div.AEMachine {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="13"] ~ div.AEMachine div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="14"] ~ div.AEMachine {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="14"] ~ div.AEMachine div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="15"] ~ div.AEMachine {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="15"] ~ div.AEMachine div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="16"] ~ div.AEMachine {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="16"] ~ div.AEMachine div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="17"] ~ div.AEMachine {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="17"] ~ div.AEMachine div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="18"] ~ div.AEMachine {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="18"] ~ div.AEMachine div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="19"] ~ div.AEMachine {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="19"] ~ div.AEMachine div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="20"] ~ div.AEMachine {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="20"] ~ div.AEMachine div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="1"] ~ div.AEMachine {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="1"] ~ div.AEMachine div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="1"] ~ div.AEMachine div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="2"] ~ div.AEMachine {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="2"] ~ div.AEMachine div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="2"] ~ div.AEMachine div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="3"] ~ div.AEMachine {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="3"] ~ div.AEMachine div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="3"] ~ div.AEMachine div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="4"] ~ div.AEMachine {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="4"] ~ div.AEMachine div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="4"] ~ div.AEMachine div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="5"] ~ div.AEMachine {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="5"] ~ div.AEMachine div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="5"] ~ div.AEMachine div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="6"] ~ div.AEMachine {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="6"] ~ div.AEMachine div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="6"] ~ div.AEMachine div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="7"] ~ div.AEMachine {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="7"] ~ div.AEMachine div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="7"] ~ div.AEMachine div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="8"] ~ div.AEMachine {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="8"] ~ div.AEMachine div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="8"] ~ div.AEMachine div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="9"] ~ div.AEMachine {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="9"] ~ div.AEMachine div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="9"] ~ div.AEMachine div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="10"] ~ div.AEMachine {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="10"] ~ div.AEMachine div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="10"] ~ div.AEMachine div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="11"] ~ div.AEMachine {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="11"] ~ div.AEMachine div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="11"] ~ div.AEMachine div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="12"] ~ div.AEMachine {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="12"] ~ div.AEMachine div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="12"] ~ div.AEMachine div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="13"] ~ div.AEMachine {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="13"] ~ div.AEMachine div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="13"] ~ div.AEMachine div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="14"] ~ div.AEMachine {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="14"] ~ div.AEMachine div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="14"] ~ div.AEMachine div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="15"] ~ div.AEMachine {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="15"] ~ div.AEMachine div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="15"] ~ div.AEMachine div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="16"] ~ div.AEMachine {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="16"] ~ div.AEMachine div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="16"] ~ div.AEMachine div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="17"] ~ div.AEMachine {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="17"] ~ div.AEMachine div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="17"] ~ div.AEMachine div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="18"] ~ div.AEMachine {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="18"] ~ div.AEMachine div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="18"] ~ div.AEMachine div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="19"] ~ div.AEMachine {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="19"] ~ div.AEMachine div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="19"] ~ div.AEMachine div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="20"] ~ div.AEMachine {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="20"] ~ div.AEMachine div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="20"] ~ div.AEMachine div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMineur[value="1"] ~ div.AEDame {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMineur[value="1"] ~ div.AEDame div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMineur[value="2"] ~ div.AEDame {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMineur[value="2"] ~ div.AEDame div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMineur[value="3"] ~ div.AEDame {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMineur[value="3"] ~ div.AEDame div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMineur[value="4"] ~ div.AEDame {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMineur[value="4"] ~ div.AEDame div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMineur[value="5"] ~ div.AEDame {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMineur[value="5"] ~ div.AEDame div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMineur[value="6"] ~ div.AEDame {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMineur[value="6"] ~ div.AEDame div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMineur[value="7"] ~ div.AEDame {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMineur[value="7"] ~ div.AEDame div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMineur[value="8"] ~ div.AEDame {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMineur[value="8"] ~ div.AEDame div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMineur[value="9"] ~ div.AEDame {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMineur[value="9"] ~ div.AEDame div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMineur[value="10"] ~ div.AEDame {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMineur[value="10"] ~ div.AEDame div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMineur[value="11"] ~ div.AEDame {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMineur[value="11"] ~ div.AEDame div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMineur[value="12"] ~ div.AEDame {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMineur[value="12"] ~ div.AEDame div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMineur[value="13"] ~ div.AEDame {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMineur[value="13"] ~ div.AEDame div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMineur[value="14"] ~ div.AEDame {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMineur[value="14"] ~ div.AEDame div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMineur[value="15"] ~ div.AEDame {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMineur[value="15"] ~ div.AEDame div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMineur[value="16"] ~ div.AEDame {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMineur[value="16"] ~ div.AEDame div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMineur[value="17"] ~ div.AEDame {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMineur[value="17"] ~ div.AEDame div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMineur[value="18"] ~ div.AEDame {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMineur[value="18"] ~ div.AEDame div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMineur[value="19"] ~ div.AEDame {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMineur[value="19"] ~ div.AEDame div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMineur[value="20"] ~ div.AEDame {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMineur[value="20"] ~ div.AEDame div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="1"] ~ div.AEDame {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="1"] ~ div.AEDame div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="1"] ~ div.AEDame div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="2"] ~ div.AEDame {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="2"] ~ div.AEDame div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="2"] ~ div.AEDame div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="3"] ~ div.AEDame {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="3"] ~ div.AEDame div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="3"] ~ div.AEDame div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="4"] ~ div.AEDame {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="4"] ~ div.AEDame div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="4"] ~ div.AEDame div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="5"] ~ div.AEDame {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="5"] ~ div.AEDame div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="5"] ~ div.AEDame div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="6"] ~ div.AEDame {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="6"] ~ div.AEDame div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="6"] ~ div.AEDame div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="7"] ~ div.AEDame {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="7"] ~ div.AEDame div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="7"] ~ div.AEDame div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="8"] ~ div.AEDame {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="8"] ~ div.AEDame div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="8"] ~ div.AEDame div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="9"] ~ div.AEDame {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="9"] ~ div.AEDame div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="9"] ~ div.AEDame div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="10"] ~ div.AEDame {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="10"] ~ div.AEDame div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="10"] ~ div.AEDame div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="11"] ~ div.AEDame {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="11"] ~ div.AEDame div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="11"] ~ div.AEDame div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="12"] ~ div.AEDame {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="12"] ~ div.AEDame div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="12"] ~ div.AEDame div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="13"] ~ div.AEDame {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="13"] ~ div.AEDame div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="13"] ~ div.AEDame div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="14"] ~ div.AEDame {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="14"] ~ div.AEDame div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="14"] ~ div.AEDame div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="15"] ~ div.AEDame {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="15"] ~ div.AEDame div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="15"] ~ div.AEDame div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="16"] ~ div.AEDame {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="16"] ~ div.AEDame div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="16"] ~ div.AEDame div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="17"] ~ div.AEDame {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="17"] ~ div.AEDame div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="17"] ~ div.AEDame div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="18"] ~ div.AEDame {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="18"] ~ div.AEDame div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="18"] ~ div.AEDame div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="19"] ~ div.AEDame {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="19"] ~ div.AEDame div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="19"] ~ div.AEDame div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="20"] ~ div.AEDame {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="20"] ~ div.AEDame div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="20"] ~ div.AEDame div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="1"] ~ div.AEMasque {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="1"] ~ div.AEMasque div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="2"] ~ div.AEMasque {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="2"] ~ div.AEMasque div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="3"] ~ div.AEMasque {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="3"] ~ div.AEMasque div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="4"] ~ div.AEMasque {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="4"] ~ div.AEMasque div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="5"] ~ div.AEMasque {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="5"] ~ div.AEMasque div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="6"] ~ div.AEMasque {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="6"] ~ div.AEMasque div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="7"] ~ div.AEMasque {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="7"] ~ div.AEMasque div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="8"] ~ div.AEMasque {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="8"] ~ div.AEMasque div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="9"] ~ div.AEMasque {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="9"] ~ div.AEMasque div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="10"] ~ div.AEMasque {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="10"] ~ div.AEMasque div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="11"] ~ div.AEMasque {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="11"] ~ div.AEMasque div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="12"] ~ div.AEMasque {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="12"] ~ div.AEMasque div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="13"] ~ div.AEMasque {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="13"] ~ div.AEMasque div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="14"] ~ div.AEMasque {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="14"] ~ div.AEMasque div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="15"] ~ div.AEMasque {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="15"] ~ div.AEMasque div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="16"] ~ div.AEMasque {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="16"] ~ div.AEMasque div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="17"] ~ div.AEMasque {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="17"] ~ div.AEMasque div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="18"] ~ div.AEMasque {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="18"] ~ div.AEMasque div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="19"] ~ div.AEMasque {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="19"] ~ div.AEMasque div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="20"] ~ div.AEMasque {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="20"] ~ div.AEMasque div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="1"] ~ div.AEMasque {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="1"] ~ div.AEMasque div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="1"] ~ div.AEMasque div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="2"] ~ div.AEMasque {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="2"] ~ div.AEMasque div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="2"] ~ div.AEMasque div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="3"] ~ div.AEMasque {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="3"] ~ div.AEMasque div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="3"] ~ div.AEMasque div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="4"] ~ div.AEMasque {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="4"] ~ div.AEMasque div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="4"] ~ div.AEMasque div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="5"] ~ div.AEMasque {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="5"] ~ div.AEMasque div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="5"] ~ div.AEMasque div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="6"] ~ div.AEMasque {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="6"] ~ div.AEMasque div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="6"] ~ div.AEMasque div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="7"] ~ div.AEMasque {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="7"] ~ div.AEMasque div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="7"] ~ div.AEMasque div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="8"] ~ div.AEMasque {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="8"] ~ div.AEMasque div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="8"] ~ div.AEMasque div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="9"] ~ div.AEMasque {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="9"] ~ div.AEMasque div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="9"] ~ div.AEMasque div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="10"] ~ div.AEMasque {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="10"] ~ div.AEMasque div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="10"] ~ div.AEMasque div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="11"] ~ div.AEMasque {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="11"] ~ div.AEMasque div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="11"] ~ div.AEMasque div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="12"] ~ div.AEMasque {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="12"] ~ div.AEMasque div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="12"] ~ div.AEMasque div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="13"] ~ div.AEMasque {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="13"] ~ div.AEMasque div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="13"] ~ div.AEMasque div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="14"] ~ div.AEMasque {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="14"] ~ div.AEMasque div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="14"] ~ div.AEMasque div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="15"] ~ div.AEMasque {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="15"] ~ div.AEMasque div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="15"] ~ div.AEMasque div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="16"] ~ div.AEMasque {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="16"] ~ div.AEMasque div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="16"] ~ div.AEMasque div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="17"] ~ div.AEMasque {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="17"] ~ div.AEMasque div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="17"] ~ div.AEMasque div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="18"] ~ div.AEMasque {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="18"] ~ div.AEMasque div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="18"] ~ div.AEMasque div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="19"] ~ div.AEMasque {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="19"] ~ div.AEMasque div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="19"] ~ div.AEMasque div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="20"] ~ div.AEMasque {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="20"] ~ div.AEMasque div.Mineur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="20"] ~ div.AEMasque div.Majeur {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock > div:not(:first-of-type) {
|
|
margin-top: 10px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacitesFanMade {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- label
|
|
- width : Width du label
|
|
- height : height du label
|
|
|
|
- span
|
|
- color : La color
|
|
- background : Le background
|
|
- border : S'il y a une bordure (true/false)
|
|
- width : Width du span
|
|
- height : height du height
|
|
|
|
- shadow : s'il y a une ombre (true/false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacitesFanMade h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacitesFanMade div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacitesFanMade label.fakeButton {
|
|
position: relative;
|
|
width: 150px;
|
|
height: 23px;
|
|
font-size: 14px;
|
|
align-self: center;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
font-size: 12px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacitesFanMade label.fakeButton input[type=checkbox],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacitesFanMade label.fakeButton input[type=radio] {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 23px;
|
|
opacity: 0;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacitesFanMade label.fakeButton input[type=checkbox]:checked ~ span::before,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacitesFanMade label.fakeButton input[type=radio]:checked ~ span::before {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacitesFanMade label.fakeButton span {
|
|
display: flex;
|
|
height: 23px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacitesFanMade label.fakeButton span::before {
|
|
display: flex;
|
|
width: calc(100% - 2px);
|
|
line-height: 23px;
|
|
content: attr(title);
|
|
border: 0px;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacitesFanMade h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacitesFanMade div {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: center;
|
|
background: RGB(213, 215, 237);
|
|
padding: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacitesSpeciales {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacitesSpeciales h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacitesSpeciales div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacitesSpeciales h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacitesSpeciales div {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: center;
|
|
background: RGB(213, 215, 237);
|
|
padding: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacitesSpeciales div button[type=action] {
|
|
display: flex;
|
|
width: 150px;
|
|
height: 23px;
|
|
justify-content: center;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 22px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
margin-top: 1px;
|
|
margin-bottom: 1px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacitesSpeciales input[type=hidden][value="1"] ~ div button[type=action] {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacites,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacitePhase2 {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacites h1.titre,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacitePhase2 h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacites div.titre,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacitePhase2 div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacites details[open] summary::before,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacitePhase2 details[open] summary::before {
|
|
content: "-";
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacites details summary::before,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacitePhase2 details summary::before {
|
|
display: flex;
|
|
content: "+";
|
|
width: 25px;
|
|
height: 27px;
|
|
background-color: RGB(93, 111, 179);
|
|
justify-content: center;
|
|
line-height: 21px;
|
|
font-size: 25px;
|
|
color: white;
|
|
cursor: pointer;
|
|
border-top: 1px solid RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacites h1.titre,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacitePhase2 h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacites div.repcontainer,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacitePhase2 div.repcontainer {
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacites div.repcontainer div.repitem,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacitePhase2 div.repcontainer div.repitem {
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacites div.repitem details,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacitePhase2 div.repitem details {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacites div.repitem details summary,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacitePhase2 div.repitem details summary {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacites div.repitem details summary input[type=text],
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacitePhase2 div.repitem details summary input[type=text] {
|
|
width: calc(100% - 25px);
|
|
padding-top: 0px;
|
|
padding-left: 0px;
|
|
padding-bottom: 0px;
|
|
padding-right: 25px;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
border-bottom: 0px;
|
|
text-align: center;
|
|
height: 28px;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacites div.repitem div.autoex,
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacitePhase2 div.repitem div.autoex {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.notes {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.notes h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.notes div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.notes h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.notes div.repcontainer {
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.notes div.repcontainer div.repitem {
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.subTabArmure div.notes div.autoex {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ {
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
display: none;
|
|
margin-top: 10px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.titre button[type=action].bonusCaracL2 {
|
|
width: 26px;
|
|
height: 26px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.titre button[type=action].bonusCaracL2 {
|
|
margin-right: auto;
|
|
margin-left: 3px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.data {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee > div.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee > div.titre h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.ligneTitre {
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.ligneTitre span {
|
|
display: flex;
|
|
justify-content: center;
|
|
color: black;
|
|
font-weight: bold;
|
|
font-size: 14px;
|
|
height: 28px;
|
|
line-height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.ligneTitre div.firstCol {
|
|
background: RGB(213, 215, 237);
|
|
width: calc(100% - 363px - 289px);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.ligneTitre div.firstCol span {
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.ligneTitre div.midCol {
|
|
background: RGB(213, 215, 237);
|
|
width: 120px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.ligneTitre div.midCol span {
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.ligneTitre div.lastCol {
|
|
background: RGB(213, 215, 237);
|
|
width: 288px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.ligneTitre div.lastCol span {
|
|
width: calc(100% - 28px);
|
|
margin-right: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe {
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe input[type=hidden].guidage:not([value="0"]) ~ div.bonus {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe input[type=hidden].guidage:not([value="0"]) ~ div.bonus label.guidage {
|
|
display: block;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe input[type=hidden].guidage:not([value="0"]) ~ div.bonus label.precis {
|
|
width: 250px;
|
|
padding: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe input[type=hidden].guidage:not([value="0"]) ~ div.bonus label.precis span {
|
|
width: 119px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe input[type=hidden].guidage:not([value="0"]) ~ div.bonus label.precis select {
|
|
width: 131px;
|
|
border-right: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe input[type=hidden].cadence:not([value="0"]) ~ div.bonus {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.cadence {
|
|
display: flex;
|
|
padding-right: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.guidage {
|
|
width: 121px;
|
|
margin-right: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.precis {
|
|
width: 241px;
|
|
padding-right: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.precis span {
|
|
width: calc(50% - 3px);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.precis select {
|
|
width: 121px;
|
|
border-right: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.poing {
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- justifyContent : règle la façon dont le contenu est justifié.
|
|
- width : width du div.
|
|
- color : Couleur du texte.
|
|
- background : Background des boutons
|
|
- borderColor : couleur de la bordure
|
|
- fontSize : font size du texte.
|
|
- fontBold : Si le font est Bold ou non (true/false)
|
|
- button
|
|
- width : width du bouton
|
|
- widthBL : width des boutons ayant une bordure à gauche.
|
|
- widthBLR : width des boutons ayant une bordure à gauche et à droite.
|
|
- height : height des boutons.
|
|
- lastLine : indique qu'il y a un bouton sur une seconde ligne (true / false)
|
|
*/
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.poing > div.subMenu {
|
|
display: flex;
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
align-items: flex-end;
|
|
align-content: flex-end;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.poing > div.subMenu button[type=action] {
|
|
display: flex;
|
|
padding: 0px;
|
|
width: 100%;
|
|
height: 23px;
|
|
justify-content: center;
|
|
line-height: 23px;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
border-top: 1px solid black;
|
|
border-bottom: 1px solid black;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
background: transparent;
|
|
color: white;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.poing > div.subMenu button[type=action].BL {
|
|
width: calc(100% - 1px);
|
|
border-left: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.poing > div.subMenu button[type=action].BR {
|
|
width: calc(100% - 1px);
|
|
border-right: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.poing > div.subMenu button[type=action].BLR {
|
|
border-right: 1px solid black;
|
|
border-left: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.poing > div.subMenu button[type=action].NBT {
|
|
border-top: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.poing div.bonus {
|
|
display: none;
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
justify-content: flex-end;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.poing div.bonusCarac {
|
|
display: none;
|
|
width: 260px;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
padding-right: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.poing div.bonusCarac select {
|
|
display: none;
|
|
border: 0px;
|
|
font-size: 14px;
|
|
padding-top: 0px;
|
|
padding-right: 0px;
|
|
padding-bottom: 0px;
|
|
padding-left: 15px;
|
|
height: 28px;
|
|
text-align: center;
|
|
border-right: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.armeSection1,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.armeSection2 {
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- justifyContent : règle la façon dont le contenu est justifié.
|
|
- width : width du div.
|
|
- color : Couleur du texte.
|
|
- background : Background des boutons
|
|
- borderColor : couleur de la bordure
|
|
- fontSize : font size du texte.
|
|
- fontBold : Si le font est Bold ou non (true/false)
|
|
- button
|
|
- width : width du bouton
|
|
- widthBL : width des boutons ayant une bordure à gauche.
|
|
- widthBLR : width des boutons ayant une bordure à gauche et à droite.
|
|
- height : height des boutons.
|
|
- lastLine : indique qu'il y a un bouton sur une seconde ligne (true / false)
|
|
*/
|
|
display: none;
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.armeSection1 > div.subMenu,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.armeSection2 > div.subMenu {
|
|
display: flex;
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
align-items: flex-end;
|
|
align-content: flex-end;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.armeSection1 > div.subMenu button[type=action],
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.armeSection2 > div.subMenu button[type=action] {
|
|
display: flex;
|
|
padding: 0px;
|
|
width: 25%;
|
|
height: 23px;
|
|
justify-content: center;
|
|
line-height: 23px;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
border-top: 1px solid black;
|
|
border-bottom: 1px solid black;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
background: transparent;
|
|
color: white;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.armeSection1 > div.subMenu button[type=action].BL,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.armeSection2 > div.subMenu button[type=action].BL {
|
|
width: calc(25% - 1px);
|
|
border-left: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.armeSection1 > div.subMenu button[type=action].BR,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.armeSection2 > div.subMenu button[type=action].BR {
|
|
width: calc(25% - 1px);
|
|
border-right: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.armeSection1 > div.subMenu button[type=action].BLR,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.armeSection2 > div.subMenu button[type=action].BLR {
|
|
border-right: 1px solid black;
|
|
border-left: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.armeSection1 > div.subMenu button[type=action].NBT,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.armeSection2 > div.subMenu button[type=action].NBT {
|
|
border-top: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.armeSection1 div.bonus,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.armeSection2 div.bonus {
|
|
display: none;
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
justify-content: flex-end;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.armeSection1 label.precis,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.armeSection1 label.guidage,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.armeSection2 label.precis,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.armeSection2 label.guidage {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.armeSection1 div.bonusCarac,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.armeSection2 div.bonusCarac {
|
|
display: none;
|
|
width: 260px;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
padding-right: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.armeSection1 div.bonusCarac select,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.armeSection2 div.bonusCarac select {
|
|
display: none;
|
|
border: 0px;
|
|
font-size: 14px;
|
|
padding-top: 0px;
|
|
padding-right: 0px;
|
|
padding-bottom: 0px;
|
|
padding-left: 15px;
|
|
height: 28px;
|
|
text-align: center;
|
|
border-right: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.repcontainer {
|
|
display: flex;
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.repitem {
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- justifyContent : règle la façon dont le contenu est justifié.
|
|
- width : width du div.
|
|
- color : Couleur du texte.
|
|
- background : Background des boutons
|
|
- borderColor : couleur de la bordure
|
|
- fontSize : font size du texte.
|
|
- fontBold : Si le font est Bold ou non (true/false)
|
|
- button
|
|
- width : width du bouton
|
|
- widthBL : width des boutons ayant une bordure à gauche.
|
|
- widthBLR : width des boutons ayant une bordure à gauche et à droite.
|
|
- height : height des boutons.
|
|
- lastLine : indique qu'il y a un bouton sur une seconde ligne (true / false)
|
|
*/
|
|
display: flex;
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.repitem > div.subMenu {
|
|
display: flex;
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
align-items: flex-end;
|
|
align-content: flex-end;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.repitem > div.subMenu button[type=action] {
|
|
display: flex;
|
|
padding: 0px;
|
|
width: 25%;
|
|
height: 23px;
|
|
justify-content: center;
|
|
line-height: 23px;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
border-top: 1px solid black;
|
|
border-bottom: 1px solid black;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
background: transparent;
|
|
color: white;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.repitem > div.subMenu button[type=action].BL {
|
|
width: calc(25% - 1px);
|
|
border-left: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.repitem > div.subMenu button[type=action].BR {
|
|
width: calc(25% - 1px);
|
|
border-right: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.repitem > div.subMenu button[type=action].BLR {
|
|
border-right: 1px solid black;
|
|
border-left: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.repitem > div.subMenu button[type=action].NBT {
|
|
border-top: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.repitem div.bonus {
|
|
display: none;
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
justify-content: flex-end;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.repitem label.precis {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.repitem div.bonusCarac {
|
|
display: none;
|
|
width: 260px;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
padding-right: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.repitem div.bonusCarac select {
|
|
display: none;
|
|
border: 0px;
|
|
font-size: 14px;
|
|
padding-top: 0px;
|
|
padding-right: 0px;
|
|
padding-bottom: 0px;
|
|
padding-left: 15px;
|
|
height: 28px;
|
|
text-align: center;
|
|
border-right: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ligne {
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ligne div.firstCol {
|
|
background: RGB(213, 215, 237);
|
|
width: calc(100% - 363px - 289px);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ligne div.midCol {
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
width: 120px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ligne div.lastCol {
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
width: 288px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ligne div.armeNom input[type=text] {
|
|
width: 100%;
|
|
font-size: 14px;
|
|
height: 28px;
|
|
padding-top: 0px;
|
|
padding-right: 0px;
|
|
padding-bottom: 0px;
|
|
border: 0px;
|
|
padding-left: 4px;
|
|
min-width: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ligne div.armeDegats input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ligne div.armeViolence input[type=number] {
|
|
width: calc(50% - 14px);
|
|
font-size: 14px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
border: 0px;
|
|
min-width: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ligne div.armeDegats input[type=number].nbre,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ligne div.armeViolence input[type=number].nbre {
|
|
text-align: right;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ligne div.armeDegats input[type=number].bonus,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ligne div.armeViolence input[type=number].bonus {
|
|
text-align: left;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ligne div.armeDegats b,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ligne div.armeViolence b {
|
|
display: flex;
|
|
width: 28px;
|
|
height: 28px;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ligne div.armePortee select {
|
|
width: 100%;
|
|
font-size: 14px;
|
|
height: 28px;
|
|
text-align: center;
|
|
padding-top: 0px;
|
|
padding-right: 0px;
|
|
padding-bottom: 0px;
|
|
border: 0px;
|
|
padding-left: 15px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ligne div.armeCaracs select {
|
|
width: calc(50% - 14px);
|
|
font-size: 14px;
|
|
height: 28px;
|
|
text-align: center;
|
|
padding-top: 0px;
|
|
padding-right: 0px;
|
|
padding-bottom: 0px;
|
|
border: 0px;
|
|
padding-left: 15px;
|
|
border-right: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.bonus {
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- label
|
|
- width : Width du label
|
|
- height : height du label
|
|
|
|
- span
|
|
- color : La color
|
|
- background : Le background
|
|
- border : S'il y a une bordure (true/false)
|
|
- width : Width du span
|
|
- height : height du height
|
|
|
|
- shadow : s'il y a une ombre (true/false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.bonus label.fakeButton {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 23px;
|
|
font-size: 14px;
|
|
align-self: center;
|
|
font-size: 12px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.bonus label.fakeButton input[type=checkbox],
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.bonus label.fakeButton input[type=radio] {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 23px;
|
|
opacity: 0;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.bonus label.fakeButton span {
|
|
display: flex;
|
|
height: 23px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.bonus label.fakeButton span::before {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 23px;
|
|
content: attr(title);
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.bonus label.simple {
|
|
justify-content: space-between;
|
|
width: 150px;
|
|
height: 23px;
|
|
margin: 2px;
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.bonus label.simple input[type=checkbox]:not(:checked) ~ span::before {
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.bonus input[type=hidden].deuxMains[value="0"] ~ label.precis {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.bonus input[type=hidden].allegee[value="1"] ~ label.precis {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.bonus label.precis {
|
|
display: none;
|
|
width: 260px;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
padding-right: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.bonus label.precis span {
|
|
width: calc(50% - 3px);
|
|
padding-left: 2px;
|
|
line-height: 27px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.bonus label.precis select {
|
|
width: calc(50% + 1px);
|
|
border: 0px;
|
|
padding: 0px;
|
|
height: 28px;
|
|
text-align: center;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
border-right: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.bonus label.cadence {
|
|
display: none;
|
|
width: 381px;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.bonus label.cadence span {
|
|
width: 251px;
|
|
padding-left: 2px;
|
|
line-height: 27px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.bonus label.cadence select {
|
|
width: 132px;
|
|
border: 0px;
|
|
padding: 0px;
|
|
padding-left: 15px;
|
|
height: 28px;
|
|
text-align: center;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
border-right: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.bonus label.guidage {
|
|
display: none;
|
|
margin-top: 1px;
|
|
width: 130px;
|
|
height: 28px;
|
|
margin: 0px;
|
|
margin-right: 29px;
|
|
border-right: 1px solid RGB(93, 111, 179);
|
|
border: 0px;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.bonus label.guidage span.actif,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.bonus label.guidage span.inactif {
|
|
display: none;
|
|
text-align: center;
|
|
color: black;
|
|
height: 28px;
|
|
line-height: 28px;
|
|
align-items: center;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.bonus label.guidage span.actif::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.bonus label.guidage span.inactif::before {
|
|
height: 28px;
|
|
line-height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.bonus label.guidage span.actif {
|
|
border-left: 1px solid RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.bonus label.guidage input[type=checkbox] {
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.bonus label.guidage input[type=checkbox]:checked ~ span.actif {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.bonus label.guidage input[type=checkbox]:not(:checked) ~ span.inactif {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.effets,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsStructurelles,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsArmes,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.special {
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- label
|
|
- width : Width du label
|
|
- height : height du label
|
|
|
|
- span
|
|
- color : La color
|
|
- background : Le background
|
|
- border : S'il y a une bordure (true/false)
|
|
- width : Width du span
|
|
- height : height du height
|
|
|
|
- shadow : s'il y a une ombre (true/false)
|
|
*/
|
|
display: none;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-evenly;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.effets label.fakeButton,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsStructurelles label.fakeButton,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsArmes label.fakeButton,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.special label.fakeButton {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 23px;
|
|
font-size: 14px;
|
|
align-self: center;
|
|
font-size: 12px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.effets label.fakeButton input[type=checkbox],
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.effets label.fakeButton input[type=radio],
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsStructurelles label.fakeButton input[type=checkbox],
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsStructurelles label.fakeButton input[type=radio],
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsArmes label.fakeButton input[type=checkbox],
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsArmes label.fakeButton input[type=radio],
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.special label.fakeButton input[type=checkbox],
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.special label.fakeButton input[type=radio] {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 23px;
|
|
opacity: 0;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.effets label.fakeButton span,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsStructurelles label.fakeButton span,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsArmes label.fakeButton span,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.special label.fakeButton span {
|
|
display: flex;
|
|
height: 23px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.effets label.fakeButton span::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsStructurelles label.fakeButton span::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsArmes label.fakeButton span::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.special label.fakeButton span::before {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 23px;
|
|
content: attr(title);
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.effets label.simple,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsStructurelles label.simple,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsArmes label.simple,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.special label.simple {
|
|
justify-content: space-between;
|
|
width: 150px;
|
|
height: 23px;
|
|
margin: 2px;
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.effets label.simple input[type=checkbox]:not(:checked) ~ span::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsStructurelles label.simple input[type=checkbox]:not(:checked) ~ span::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsArmes label.simple input[type=checkbox]:not(:checked) ~ span::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.special label.simple input[type=checkbox]:not(:checked) ~ span::before {
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.effets div.double,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsStructurelles div.double,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsArmes div.double,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.special div.double {
|
|
justify-content: space-between;
|
|
width: 150px;
|
|
height: 23px;
|
|
margin: 2px;
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.effets div.double label.fakeButton,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsStructurelles div.double label.fakeButton,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsArmes div.double label.fakeButton,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.special div.double label.fakeButton {
|
|
width: calc(100% - 30px);
|
|
border: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.effets div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsStructurelles div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsArmes div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.special div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before {
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.effets div.double input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsStructurelles div.double input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsArmes div.double input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.special div.double input[type=number] {
|
|
width: 30px;
|
|
height: 23px;
|
|
text-align: center;
|
|
border-top: 0px;
|
|
border-right: 0px;
|
|
border-left: 1px solid black;
|
|
border-bottom: 0px;
|
|
border-radius: 0px;
|
|
padding: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.effets div.doubleTexte,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsStructurelles div.doubleTexte,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsArmes div.doubleTexte,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.special div.doubleTexte {
|
|
width: 150px;
|
|
height: 46px;
|
|
margin: 2px;
|
|
flex-wrap: wrap;
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.effets div.doubleTexte input[type=checkbox]:not(:checked) ~ span::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsStructurelles div.doubleTexte input[type=checkbox]:not(:checked) ~ span::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsArmes div.doubleTexte input[type=checkbox]:not(:checked) ~ span::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.special div.doubleTexte input[type=checkbox]:not(:checked) ~ span::before {
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.effets div.doubleTexte input[type=text],
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsStructurelles div.doubleTexte input[type=text],
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsArmes div.doubleTexte input[type=text],
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.special div.doubleTexte input[type=text] {
|
|
width: 100%;
|
|
height: 23px;
|
|
text-align: center;
|
|
border: 1px solid black;
|
|
border-radius: 0px;
|
|
padding: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.effets div.triple,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsStructurelles div.triple,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsArmes div.triple,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.special div.triple {
|
|
width: 150px;
|
|
height: 46px;
|
|
margin: 2px;
|
|
flex-wrap: wrap;
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.effets div.triple div input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsStructurelles div.triple div input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsArmes div.triple div input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.special div.triple div input[type=number] {
|
|
width: calc(50% - 14px);
|
|
height: 23px;
|
|
border-radius: 0px;
|
|
padding: 0px;
|
|
border-bottom: 0px;
|
|
border-right: 0px;
|
|
border-left: 0px;
|
|
border-top: 1px solid black;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.effets div.triple div input[type=number].R,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsStructurelles div.triple div input[type=number].R,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsArmes div.triple div input[type=number].R,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.special div.triple div input[type=number].R {
|
|
text-align: left;
|
|
border-left: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.effets div.triple div input[type=number].L,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsStructurelles div.triple div input[type=number].L,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsArmes div.triple div input[type=number].L,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.special div.triple div input[type=number].L {
|
|
text-align: right;
|
|
border-right: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.effets div.triple div span,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsStructurelles div.triple div span,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsArmes div.triple div span,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.special div.triple div span {
|
|
display: flex;
|
|
background: RGB(93, 111, 179);
|
|
width: 28px;
|
|
height: 22px;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: white;
|
|
border-top: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.effets div.triple input[type=hidden][value="0"] ~ label span::before, div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.effets div.triple input[type=hidden][value="0"] ~ div span,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsStructurelles div.triple input[type=hidden][value="0"] ~ label span::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsStructurelles div.triple input[type=hidden][value="0"] ~ div span,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsArmes div.triple input[type=hidden][value="0"] ~ label span::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsArmes div.triple input[type=hidden][value="0"] ~ div span,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.special div.triple input[type=hidden][value="0"] ~ label span::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.special div.triple input[type=hidden][value="0"] ~ div span {
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe input[type=hidden].subMenu[value="1"] ~ div button[type=action].effets {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe input[type=hidden].subMenu[value="1"] ~ div.effets {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe input[type=hidden].subMenu[value="2"] ~ div button[type=action].ameliorationsStructurelles {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe input[type=hidden].subMenu[value="2"] ~ div.ameliorationsStructurelles {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe input[type=hidden].subMenu[value="3"] ~ div button[type=action].ameliorationsArmes {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe input[type=hidden].subMenu[value="3"] ~ div.ameliorationsArmes {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe input[type=hidden].subMenu[value="4"] ~ div button[type=action].special {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe input[type=hidden].subMenu[value="4"] ~ div.special {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee input[type=hidden].styleCombat[value=precis] ~ div div.bonus {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee input[type=hidden].styleCombat[value=precis] ~ div label.precis {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1 {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee input[type=hidden].bonusCarac[value="1"] ~ div div.bonus {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee input[type=hidden].bonusCarac[value="1"] ~ div div.bonus label.precis {
|
|
width: 241px;
|
|
padding-right: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee input[type=hidden].bonusCarac[value="1"] ~ div div.bonus label.precis span {
|
|
width: 118px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee input[type=hidden].bonusCarac[value="1"] ~ div div.bonus label.precis select {
|
|
width: 121px;
|
|
border-right: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee input[type=hidden].bonusCarac[value="1"] ~ div div.bonusCarac {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee input[type=hidden].bonusCarac[value="1"] ~ div div.bonusCarac select:first-of-type {
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2 {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee input[type=hidden].bonusCarac[value="2"] ~ div div.bonus {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee input[type=hidden].bonusCarac[value="2"] ~ div div.bonus label.precis {
|
|
width: 241px;
|
|
padding-right: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee input[type=hidden].bonusCarac[value="2"] ~ div div.bonus label.precis span {
|
|
width: 118px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee input[type=hidden].bonusCarac[value="2"] ~ div div.bonus label.precis select {
|
|
width: 121px;
|
|
border-right: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee input[type=hidden].bonusCarac[value="2"] ~ div div.bonusCarac {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee input[type=hidden].bonusCarac[value="2"] ~ div div.bonusCarac select:first-of-type {
|
|
display: inline-block;
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee input[type=hidden].bonusCarac[value="2"] ~ div div.bonusCarac select:last-of-type {
|
|
display: inline-block;
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee input[type=hidden].armePoing[value="0"] ~ div div.poing {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee input[type=hidden].armeSection1[value="1"] ~ div div.armeSection1 {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee input[type=hidden].armeSection2[value="1"] ~ div div.armeSection2 {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee input[type=hidden].codexfm4[value="0"] ~ div div.codexfm4, div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee input[type=hidden].codexfm4[value="0"] ~ div label.codexfm4 {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
margin-top: 10px;
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.titre button[type=action].bonusCaracL2 {
|
|
width: 26px;
|
|
height: 26px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.titre button[type=action].bonusCaracL2 {
|
|
margin-right: auto;
|
|
margin-left: 3px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.data {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance > div.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance > div.titre h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.ligneTitre {
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.ligneTitre span {
|
|
display: flex;
|
|
justify-content: center;
|
|
color: black;
|
|
font-weight: bold;
|
|
font-size: 14px;
|
|
height: 28px;
|
|
line-height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.ligneTitre div.firstCol {
|
|
background: RGB(213, 215, 237);
|
|
width: calc(100% - 363px - 289px);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.ligneTitre div.firstCol span {
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.ligneTitre div.midCol {
|
|
background: RGB(213, 215, 237);
|
|
width: 120px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.ligneTitre div.midCol span {
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.ligneTitre div.lastCol {
|
|
background: RGB(213, 215, 237);
|
|
width: 288px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.ligneTitre div.lastCol span {
|
|
width: calc(100% - 28px);
|
|
margin-right: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe {
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe input[type=hidden].guidage:not([value="0"]) ~ div.bonus {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe input[type=hidden].guidage:not([value="0"]) ~ div.bonus label.guidage {
|
|
display: block;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe input[type=hidden].guidage:not([value="0"]) ~ div.bonus label.precis {
|
|
width: 250px;
|
|
padding: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe input[type=hidden].guidage:not([value="0"]) ~ div.bonus label.precis span {
|
|
width: 119px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe input[type=hidden].guidage:not([value="0"]) ~ div.bonus label.precis select {
|
|
width: 131px;
|
|
border-right: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe input[type=hidden].cadence:not([value="0"]) ~ div.bonus {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.cadence {
|
|
display: flex;
|
|
padding-right: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.guidage {
|
|
width: 121px;
|
|
margin-right: 0px !important;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.precis {
|
|
width: 241px;
|
|
padding-right: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.precis span {
|
|
width: calc(50% - 3px);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.precis select {
|
|
width: 121px;
|
|
border-right: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.armeSection1,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.armeSection2 {
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- justifyContent : règle la façon dont le contenu est justifié.
|
|
- width : width du div.
|
|
- color : Couleur du texte.
|
|
- background : Background des boutons
|
|
- borderColor : couleur de la bordure
|
|
- fontSize : font size du texte.
|
|
- fontBold : Si le font est Bold ou non (true/false)
|
|
- button
|
|
- width : width du bouton
|
|
- widthBL : width des boutons ayant une bordure à gauche.
|
|
- widthBLR : width des boutons ayant une bordure à gauche et à droite.
|
|
- height : height des boutons.
|
|
- lastLine : indique qu'il y a un bouton sur une seconde ligne (true / false)
|
|
*/
|
|
display: none;
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.armeSection1 > div.subMenu,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.armeSection2 > div.subMenu {
|
|
display: flex;
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
align-items: flex-end;
|
|
align-content: flex-end;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.armeSection1 > div.subMenu button[type=action],
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.armeSection2 > div.subMenu button[type=action] {
|
|
display: flex;
|
|
padding: 0px;
|
|
width: 33.3333333333%;
|
|
height: 23px;
|
|
justify-content: center;
|
|
line-height: 23px;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
border-top: 1px solid black;
|
|
border-bottom: 1px solid black;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
background: transparent;
|
|
color: white;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.armeSection1 > div.subMenu button[type=action].BL,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.armeSection2 > div.subMenu button[type=action].BL {
|
|
width: calc(33.3333333333% - 1px);
|
|
border-left: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.armeSection1 > div.subMenu button[type=action].BR,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.armeSection2 > div.subMenu button[type=action].BR {
|
|
width: calc(33.3333333333% - 1px);
|
|
border-right: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.armeSection1 > div.subMenu button[type=action].BLR,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.armeSection2 > div.subMenu button[type=action].BLR {
|
|
border-right: 1px solid black;
|
|
border-left: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.armeSection1 > div.subMenu button[type=action].NBT,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.armeSection2 > div.subMenu button[type=action].NBT {
|
|
border-top: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.armeSection1 div.bonus,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.armeSection2 div.bonus {
|
|
display: none;
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
justify-content: flex-end;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.armeSection1 label.guidage,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.armeSection2 label.guidage {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.armeSection1 div.bonusCarac,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.armeSection2 div.bonusCarac {
|
|
display: none;
|
|
width: 260px;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
padding-right: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.armeSection1 div.bonusCarac select,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.armeSection2 div.bonusCarac select {
|
|
display: none;
|
|
border: 0px;
|
|
font-size: 14px;
|
|
padding-top: 0px;
|
|
padding-right: 0px;
|
|
padding-bottom: 0px;
|
|
padding-left: 15px;
|
|
height: 28px;
|
|
text-align: center;
|
|
border-right: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.repcontainer {
|
|
display: flex;
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.repitem {
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- justifyContent : règle la façon dont le contenu est justifié.
|
|
- width : width du div.
|
|
- color : Couleur du texte.
|
|
- background : Background des boutons
|
|
- borderColor : couleur de la bordure
|
|
- fontSize : font size du texte.
|
|
- fontBold : Si le font est Bold ou non (true/false)
|
|
- button
|
|
- width : width du bouton
|
|
- widthBL : width des boutons ayant une bordure à gauche.
|
|
- widthBLR : width des boutons ayant une bordure à gauche et à droite.
|
|
- height : height des boutons.
|
|
- lastLine : indique qu'il y a un bouton sur une seconde ligne (true / false)
|
|
*/
|
|
display: flex;
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.repitem > div.subMenu {
|
|
display: flex;
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
align-items: flex-end;
|
|
align-content: flex-end;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.repitem > div.subMenu button[type=action] {
|
|
display: flex;
|
|
padding: 0px;
|
|
width: 33.3333333333%;
|
|
height: 23px;
|
|
justify-content: center;
|
|
line-height: 23px;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
border-top: 1px solid black;
|
|
border-bottom: 1px solid black;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
background: transparent;
|
|
color: white;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.repitem > div.subMenu button[type=action].BL {
|
|
width: calc(33.3333333333% - 1px);
|
|
border-left: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.repitem > div.subMenu button[type=action].BR {
|
|
width: calc(33.3333333333% - 1px);
|
|
border-right: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.repitem > div.subMenu button[type=action].BLR {
|
|
border-right: 1px solid black;
|
|
border-left: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.repitem > div.subMenu button[type=action].NBT {
|
|
border-top: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.repitem div.bonus {
|
|
display: none;
|
|
width: 100%;
|
|
justify-content: flex-end;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.repitem label.precis {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.repitem div.bonusCarac {
|
|
display: none;
|
|
width: 260px;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
padding-right: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.repitem div.bonusCarac select {
|
|
display: none;
|
|
border: 0px;
|
|
font-size: 14px;
|
|
padding-top: 0px;
|
|
padding-right: 0px;
|
|
padding-bottom: 0px;
|
|
padding-left: 15px;
|
|
height: 28px;
|
|
text-align: center;
|
|
border-right: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.ligne {
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.ligne div.firstCol {
|
|
background: RGB(213, 215, 237);
|
|
width: calc(100% - 363px - 289px);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.ligne div.midCol {
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
width: 120px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.ligne div.lastCol {
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
width: 288px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.ligne div.armeNom input[type=text] {
|
|
width: 100%;
|
|
font-size: 14px;
|
|
height: 28px;
|
|
padding-top: 0px;
|
|
padding-right: 0px;
|
|
padding-bottom: 0px;
|
|
border: 0px;
|
|
padding-left: 4px;
|
|
min-width: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.ligne div.armeDegats input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.ligne div.armeViolence input[type=number] {
|
|
width: calc(50% - 14px);
|
|
font-size: 14px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
border: 0px;
|
|
min-width: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.ligne div.armeDegats input[type=number].nbre,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.ligne div.armeViolence input[type=number].nbre {
|
|
text-align: right;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.ligne div.armeDegats input[type=number].bonus,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.ligne div.armeViolence input[type=number].bonus {
|
|
text-align: left;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.ligne div.armeDegats b,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.ligne div.armeViolence b {
|
|
display: flex;
|
|
width: 28px;
|
|
height: 28px;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.ligne div.armePortee select {
|
|
width: 100%;
|
|
font-size: 14px;
|
|
height: 28px;
|
|
text-align: center;
|
|
padding-top: 0px;
|
|
padding-right: 0px;
|
|
padding-bottom: 0px;
|
|
border: 0px;
|
|
padding-left: 15px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.ligne div.armeCaracs select {
|
|
width: calc(50% - 14px);
|
|
font-size: 14px;
|
|
height: 28px;
|
|
text-align: center;
|
|
padding-top: 0px;
|
|
padding-right: 0px;
|
|
padding-bottom: 0px;
|
|
border: 0px;
|
|
padding-left: 15px;
|
|
border-right: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.bonus {
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- label
|
|
- width : Width du label
|
|
- height : height du label
|
|
|
|
- span
|
|
- color : La color
|
|
- background : Le background
|
|
- border : S'il y a une bordure (true/false)
|
|
- width : Width du span
|
|
- height : height du height
|
|
|
|
- shadow : s'il y a une ombre (true/false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.bonus label.fakeButton {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 23px;
|
|
font-size: 14px;
|
|
align-self: center;
|
|
font-size: 12px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.bonus label.fakeButton input[type=checkbox],
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.bonus label.fakeButton input[type=radio] {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 23px;
|
|
opacity: 0;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.bonus label.fakeButton span {
|
|
display: flex;
|
|
height: 23px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.bonus label.fakeButton span::before {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 23px;
|
|
content: attr(title);
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.bonus input[type=hidden].deuxMains[value="0"] ~ label.pilonnage, div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.bonus input[type=hidden].deuxMains[value="0"] ~ label.pilonnageDetails {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.bonus input[type=hidden].deuxMains[value="0"] ~ label.guidage {
|
|
margin-right: 29px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.bonus label.pilonnage {
|
|
display: none;
|
|
width: 241px;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.bonus label.pilonnage span {
|
|
width: max-content;
|
|
padding-left: 2px;
|
|
line-height: 27px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.bonus label.pilonnage input[type=number] {
|
|
width: 121px;
|
|
border: 0px;
|
|
padding: 0px;
|
|
height: 28px;
|
|
text-align: center;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.bonus label.pilonnage select {
|
|
width: 131px;
|
|
border: 0px;
|
|
padding: 0px;
|
|
height: 28px;
|
|
text-align: center;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
border-right: 1px solid RGB(93, 111, 179);
|
|
padding-left: 15px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.bonus label.pilonnageDetails {
|
|
display: none;
|
|
width: 381px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
padding-right: 28px;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.bonus label.pilonnageDetails span {
|
|
width: max-content;
|
|
padding-left: 2px;
|
|
line-height: 27px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.bonus label.pilonnageDetails input[type=number] {
|
|
width: 121px;
|
|
border: 0px;
|
|
padding: 0px;
|
|
height: 28px;
|
|
text-align: center;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.bonus label.pilonnageDetails select {
|
|
width: 131px;
|
|
border: 0px;
|
|
padding: 0px;
|
|
height: 28px;
|
|
text-align: center;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
border-right: 1px solid RGB(93, 111, 179);
|
|
padding-left: 15px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.bonus label.pilonnageDetails:first-of-type {
|
|
width: 241px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.bonus label.pilonnageDetails:last-of-type {
|
|
width: 381px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
padding-right: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.bonus label.cadence {
|
|
display: none;
|
|
width: 381px;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.bonus label.cadence span {
|
|
width: 251px;
|
|
padding-left: 2px;
|
|
line-height: 27px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.bonus label.cadence select {
|
|
width: 132px;
|
|
border: 0px;
|
|
padding: 0px;
|
|
padding-left: 15px;
|
|
height: 28px;
|
|
text-align: center;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
border-right: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.bonus label.guidage {
|
|
display: none;
|
|
margin-top: 1px;
|
|
width: 130px;
|
|
height: 28px;
|
|
margin: 0px;
|
|
margin-right: 29px;
|
|
border-right: 1px solid RGB(93, 111, 179);
|
|
border: 0px;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.bonus label.guidage span.actif,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.bonus label.guidage span.inactif {
|
|
display: none;
|
|
text-align: center;
|
|
color: black;
|
|
height: 28px;
|
|
line-height: 28px;
|
|
align-items: center;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.bonus label.guidage span.actif::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.bonus label.guidage span.inactif::before {
|
|
height: 28px;
|
|
line-height: 28px;
|
|
background: transparent;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.bonus label.guidage span.actif {
|
|
border-left: 1px solid RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.bonus label.guidage span.actif::before {
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
border-bottom: 1px solid RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.bonus label.guidage input[type=checkbox] {
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.bonus label.guidage input[type=checkbox]:checked ~ span.actif {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.bonus label.guidage input[type=checkbox]:not(:checked) ~ span.inactif {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.effets,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.ameliorationsArmes,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.special {
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- label
|
|
- width : Width du label
|
|
- height : height du label
|
|
|
|
- span
|
|
- color : La color
|
|
- background : Le background
|
|
- border : S'il y a une bordure (true/false)
|
|
- width : Width du span
|
|
- height : height du height
|
|
|
|
- shadow : s'il y a une ombre (true/false)
|
|
*/
|
|
display: none;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-evenly;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.effets label.fakeButton,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.ameliorationsArmes label.fakeButton,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.special label.fakeButton {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 23px;
|
|
font-size: 14px;
|
|
align-self: center;
|
|
font-size: 12px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.effets label.fakeButton input[type=checkbox],
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.effets label.fakeButton input[type=radio],
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.ameliorationsArmes label.fakeButton input[type=checkbox],
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.ameliorationsArmes label.fakeButton input[type=radio],
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.special label.fakeButton input[type=checkbox],
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.special label.fakeButton input[type=radio] {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 23px;
|
|
opacity: 0;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.effets label.fakeButton span,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.ameliorationsArmes label.fakeButton span,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.special label.fakeButton span {
|
|
display: flex;
|
|
height: 23px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.effets label.fakeButton span::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.ameliorationsArmes label.fakeButton span::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.special label.fakeButton span::before {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 23px;
|
|
content: attr(title);
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.effets label.simple,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.ameliorationsArmes label.simple,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.special label.simple {
|
|
justify-content: space-between;
|
|
width: 150px;
|
|
height: 23px;
|
|
margin: 2px;
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.effets label.simple input[type=checkbox]:not(:checked) ~ span::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.ameliorationsArmes label.simple input[type=checkbox]:not(:checked) ~ span::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.special label.simple input[type=checkbox]:not(:checked) ~ span::before {
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.effets div.double,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.ameliorationsArmes div.double,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.special div.double {
|
|
justify-content: space-between;
|
|
width: 150px;
|
|
height: 23px;
|
|
margin: 2px;
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.effets div.double label.fakeButton,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.ameliorationsArmes div.double label.fakeButton,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.special div.double label.fakeButton {
|
|
width: calc(100% - 30px);
|
|
border: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.effets div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.ameliorationsArmes div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.special div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before {
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.effets div.double input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.ameliorationsArmes div.double input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.special div.double input[type=number] {
|
|
width: 30px;
|
|
height: 23px;
|
|
text-align: center;
|
|
border-top: 0px;
|
|
border-right: 0px;
|
|
border-left: 1px solid black;
|
|
border-bottom: 0px;
|
|
border-radius: 0px;
|
|
padding: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.effets div.doubleTexte,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.ameliorationsArmes div.doubleTexte,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.special div.doubleTexte {
|
|
width: 150px;
|
|
margin: 2px;
|
|
flex-wrap: wrap;
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.effets div.doubleTexte input[type=checkbox]:not(:checked) ~ span::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.ameliorationsArmes div.doubleTexte input[type=checkbox]:not(:checked) ~ span::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.special div.doubleTexte input[type=checkbox]:not(:checked) ~ span::before {
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.effets div.doubleTexte input[type=text],
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.ameliorationsArmes div.doubleTexte input[type=text],
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.special div.doubleTexte input[type=text] {
|
|
width: 100%;
|
|
height: 23px;
|
|
text-align: center;
|
|
border-top: 1px solid black;
|
|
border-right: 0px;
|
|
border-left: 0px;
|
|
border-bottom: 0px;
|
|
border-radius: 0px;
|
|
padding: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.effets div.doubleTexte input[type=text].borderBottom,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.ameliorationsArmes div.doubleTexte input[type=text].borderBottom,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.special div.doubleTexte input[type=text].borderBottom {
|
|
border-bottom: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.effets div.doubleTexte .borderTop,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.ameliorationsArmes div.doubleTexte .borderTop,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.special div.doubleTexte .borderTop {
|
|
border-top: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.effets div.triple,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.ameliorationsArmes div.triple,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.special div.triple {
|
|
width: 150px;
|
|
height: 46px;
|
|
margin: 2px;
|
|
flex-wrap: wrap;
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.effets div.triple div input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.ameliorationsArmes div.triple div input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.special div.triple div input[type=number] {
|
|
width: calc(50% - 14px);
|
|
height: 23px;
|
|
border-radius: 0px;
|
|
padding: 0px;
|
|
border-bottom: 0px;
|
|
border-right: 0px;
|
|
border-left: 0px;
|
|
border-top: 1px solid black;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.effets div.triple div input[type=number].R,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.ameliorationsArmes div.triple div input[type=number].R,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.special div.triple div input[type=number].R {
|
|
text-align: left;
|
|
border-left: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.effets div.triple div input[type=number].L,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.ameliorationsArmes div.triple div input[type=number].L,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.special div.triple div input[type=number].L {
|
|
text-align: right;
|
|
border-right: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.effets div.triple div span,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.ameliorationsArmes div.triple div span,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.special div.triple div span {
|
|
display: flex;
|
|
background: RGB(93, 111, 179);
|
|
width: 28px;
|
|
height: 22px;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: white;
|
|
border-top: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.effets div.triple input[type=hidden][value="0"] ~ label span::before, div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.effets div.triple input[type=hidden][value="0"] ~ div span,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.ameliorationsArmes div.triple input[type=hidden][value="0"] ~ label span::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.ameliorationsArmes div.triple input[type=hidden][value="0"] ~ div span,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.special div.triple input[type=hidden][value="0"] ~ label span::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.special div.triple input[type=hidden][value="0"] ~ div span {
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe input[type=hidden].subMenu[value="1"] ~ div button[type=action].effets {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe input[type=hidden].subMenu[value="1"] ~ div.effets {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe input[type=hidden].subMenu[value="3"] ~ div button[type=action].ameliorationsArmes {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe input[type=hidden].subMenu[value="3"] ~ div.ameliorationsArmes {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe input[type=hidden].subMenu[value="4"] ~ div button[type=action].special {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe input[type=hidden].subMenu[value="4"] ~ div.special {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance input[type=hidden].styleCombat[value=pilonnage] ~ div div.bonus {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance input[type=hidden].styleCombat[value=pilonnage] ~ div label.pilonnage {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance input[type=hidden].styleCombat[value=pilonnage] ~ div label.pilonnageDetails {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance input[type=hidden].styleCombat[value=pilonnage] ~ div label.guidage {
|
|
margin-right: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1 {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance input[type=hidden].bonusCarac[value="1"] ~ div div.bonus {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance input[type=hidden].bonusCarac[value="1"] ~ div div.bonus label.pilonnage {
|
|
width: 241px;
|
|
padding-right: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance input[type=hidden].bonusCarac[value="1"] ~ div div.bonus label.pilonnage input[type=number] {
|
|
border-right: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance input[type=hidden].bonusCarac[value="1"] ~ div div.bonus label.cadence {
|
|
width: 362px;
|
|
padding-right: 0px !important;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance input[type=hidden].bonusCarac[value="1"] ~ div div.bonus label.cadence span {
|
|
width: 238px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance input[type=hidden].bonusCarac[value="1"] ~ div div.bonus label.cadence select {
|
|
width: 121px;
|
|
border-right: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance input[type=hidden].bonusCarac[value="1"] ~ div div.bonus label.guidage {
|
|
margin-right: 0px !important;
|
|
width: 121px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance input[type=hidden].bonusCarac[value="1"] ~ div div.bonusCarac {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance input[type=hidden].bonusCarac[value="1"] ~ div div.bonusCarac select:first-of-type {
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2 {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance input[type=hidden].bonusCarac[value="2"] ~ div div.bonus {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance input[type=hidden].bonusCarac[value="2"] ~ div div.bonus label.pilonnage {
|
|
width: 241px;
|
|
padding-right: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance input[type=hidden].bonusCarac[value="2"] ~ div div.bonus label.pilonnage input[type=number] {
|
|
border-right: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance input[type=hidden].bonusCarac[value="2"] ~ div div.bonus label.cadence {
|
|
width: 362px;
|
|
padding-right: 0px !important;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance input[type=hidden].bonusCarac[value="2"] ~ div div.bonus label.cadence span {
|
|
width: 238px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance input[type=hidden].bonusCarac[value="2"] ~ div div.bonus label.cadence select {
|
|
width: 121px;
|
|
border-right: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance input[type=hidden].bonusCarac[value="2"] ~ div div.bonus label.guidage {
|
|
margin-right: 0px !important;
|
|
width: 121px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance input[type=hidden].bonusCarac[value="2"] ~ div div.bonusCarac {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance input[type=hidden].bonusCarac[value="2"] ~ div div.bonusCarac select:first-of-type {
|
|
display: inline-block;
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance input[type=hidden].bonusCarac[value="2"] ~ div div.bonusCarac select:last-of-type {
|
|
display: inline-block;
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance input[type=hidden].armeSection1[value="1"] ~ div div.armeSection1 {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance input[type=hidden].armeSection2[value="1"] ~ div div.armeSection2 {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance input[type=hidden].codexfm4[value="0"] ~ div div.codexfm4, div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance input[type=hidden].codexfm4[value="0"] ~ div label.codexfm4 {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee {
|
|
display: none;
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.utilisation {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- label
|
|
- width : Width du label
|
|
- height : height du label
|
|
|
|
- span
|
|
- color : La color
|
|
- background : Le background
|
|
- border : S'il y a une bordure (true/false)
|
|
- width : Width du span
|
|
- height : height du height
|
|
|
|
- shadow : s'il y a une ombre (true/false)
|
|
*/
|
|
width: 50%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
margin-top: 10px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.utilisation h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.utilisation div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.utilisation div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.utilisation div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.utilisation div.titre button[type=action].bonusCaracL2 {
|
|
width: 26px;
|
|
height: 26px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.utilisation div.titre button[type=action].bonusCaracL2 {
|
|
margin-right: auto;
|
|
margin-left: 3px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.utilisation label.fakeButton {
|
|
position: relative;
|
|
width: calc(50% - 50px);
|
|
height: 26px;
|
|
font-size: 14px;
|
|
align-self: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.utilisation label.fakeButton input[type=checkbox],
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.utilisation label.fakeButton input[type=radio] {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 26px;
|
|
opacity: 0;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.utilisation label.fakeButton input[type=checkbox]:checked ~ span::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.utilisation label.fakeButton input[type=radio]:checked ~ span::before {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.utilisation label.fakeButton span {
|
|
display: flex;
|
|
height: 26px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.utilisation label.fakeButton span::before {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 26px;
|
|
content: attr(title);
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.utilisation h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.utilisation div.buttons {
|
|
display: flex;
|
|
justify-content: space-evenly;
|
|
background: RGB(213, 215, 237);
|
|
width: 100%;
|
|
padding-top: 5px;
|
|
padding-bottom: 5px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.utilisation div.bonus {
|
|
display: none;
|
|
width: 100%;
|
|
justify-content: flex-end;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.utilisation div.bonusCarac {
|
|
display: none;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.utilisation div.bonusCarac select {
|
|
display: none;
|
|
border: 0px;
|
|
font-size: 14px;
|
|
padding-top: 0px;
|
|
padding-right: 0px;
|
|
padding-bottom: 0px;
|
|
padding-left: 15px;
|
|
height: 28px;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.utilisation input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1 {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.utilisation input[type=hidden].bonusCarac[value="1"] ~ div.bonus {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.utilisation input[type=hidden].bonusCarac[value="1"] ~ div div.bonusCarac {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.utilisation input[type=hidden].bonusCarac[value="1"] ~ div div.bonusCarac select:first-of-type {
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.utilisation input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.utilisation input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2 {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.utilisation input[type=hidden].bonusCarac[value="2"] ~ div.bonus {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.utilisation input[type=hidden].bonusCarac[value="2"] ~ div div.bonusCarac {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.utilisation input[type=hidden].bonusCarac[value="2"] ~ div div.bonusCarac select:first-of-type {
|
|
display: inline-block;
|
|
width: 50%;
|
|
border-right: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.utilisation input[type=hidden].bonusCarac[value="2"] ~ div div.bonusCarac select:last-of-type {
|
|
display: inline-block;
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.liste {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
margin-top: 10px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.liste h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.liste div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.liste button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.liste button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.liste button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.liste button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.liste button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.liste button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.liste div.data {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.liste h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.liste div.ligneTitre {
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.liste div.ligneTitre span {
|
|
display: flex;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: center;
|
|
color: black;
|
|
font-weight: bold;
|
|
font-size: 14px;
|
|
height: 28px;
|
|
line-height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.liste div.ligneTitre .type {
|
|
width: calc(100% - 1px - 440px - 29px);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.liste div.ligneTitre .jet {
|
|
width: 110px;
|
|
padding-right: 29px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.liste .OD,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.liste .type,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.liste .degats,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.liste .violence {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
align-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.liste .OD {
|
|
width: 110px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.liste .degats,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.liste .violence {
|
|
width: 109px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.liste .type {
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.liste .jet {
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.liste div.ligne {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.liste div.ligne .OD,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.liste div.ligne .degats,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.liste div.ligne .violence {
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.liste div.ligne .OD input[type=text],
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.liste div.ligne .OD input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.liste div.ligne .degats input[type=text],
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.liste div.ligne .degats input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.liste div.ligne .violence input[type=text],
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.liste div.ligne .violence input[type=number] {
|
|
width: 100%;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
border: 0px;
|
|
min-height: 28px;
|
|
height: 100%;
|
|
background: white;
|
|
text-align: center;
|
|
cursor: context-menu;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.liste div.ligne .type {
|
|
display: flex;
|
|
width: calc(100% - 1px - 440px - 29px - 4px);
|
|
background: white;
|
|
text-align: justify;
|
|
justify-content: flex-start;
|
|
align-items: center;
|
|
align-content: center;
|
|
padding-left: 2px;
|
|
padding-right: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.liste div.ligne .jet {
|
|
width: 139px;
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.liste div.ligne .jet input[type=number] {
|
|
width: calc(100% - 29px);
|
|
margin: 0px;
|
|
padding: 0px;
|
|
border: 0px;
|
|
min-height: 28px;
|
|
height: 100%;
|
|
background: white;
|
|
text-align: center;
|
|
cursor: context-menu;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.liste div.separationTop {
|
|
border-top: 2px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
margin-top: 10px;
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.data {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.ligneTitre {
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.ligneTitre span {
|
|
display: flex;
|
|
justify-content: center;
|
|
color: black;
|
|
font-weight: bold;
|
|
font-size: 14px;
|
|
height: 28px;
|
|
line-height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.ligneTitre div.firstCol {
|
|
background: RGB(213, 215, 237);
|
|
width: calc(100% - 484px - 130px - 29px);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.ligneTitre div.firstCol span {
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.ligneTitre div.midCol {
|
|
background: RGB(213, 215, 237);
|
|
width: 120px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.ligneTitre div.midCol span {
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.ligneTitre div.lastCol {
|
|
background: RGB(213, 215, 237);
|
|
width: 129px;
|
|
padding-right: 29px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.ligneTitre div.lastCol span {
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe {
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe input[type=hidden].guidage:not([value="0"]) ~ div.bonus {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe input[type=hidden].guidage:not([value="0"]) ~ div.bonus label.guidage {
|
|
display: block;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe input[type=hidden].guidage:not([value="0"]) ~ div.bonus label.precis {
|
|
width: 250px;
|
|
padding: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe input[type=hidden].guidage:not([value="0"]) ~ div.bonus label.precis span {
|
|
width: 119px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe input[type=hidden].guidage:not([value="0"]) ~ div.bonus label.precis select {
|
|
width: 131px;
|
|
border-right: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe input[type=hidden].cadence:not([value="0"]) ~ div.bonus {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.cadence {
|
|
display: flex;
|
|
padding-right: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.guidage {
|
|
width: 121px;
|
|
margin-right: 0px !important;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.precis {
|
|
width: 241px;
|
|
padding-right: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.precis span {
|
|
width: calc(50% - 3px);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.precis select {
|
|
width: 121px;
|
|
border-right: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.repcontainer {
|
|
display: flex;
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.repitem {
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- justifyContent : règle la façon dont le contenu est justifié.
|
|
- width : width du div.
|
|
- color : Couleur du texte.
|
|
- background : Background des boutons
|
|
- borderColor : couleur de la bordure
|
|
- fontSize : font size du texte.
|
|
- fontBold : Si le font est Bold ou non (true/false)
|
|
- button
|
|
- width : width du bouton
|
|
- widthBL : width des boutons ayant une bordure à gauche.
|
|
- widthBLR : width des boutons ayant une bordure à gauche et à droite.
|
|
- height : height des boutons.
|
|
- lastLine : indique qu'il y a un bouton sur une seconde ligne (true / false)
|
|
*/
|
|
display: flex;
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.repitem > div.subMenu {
|
|
display: flex;
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
align-items: flex-end;
|
|
align-content: flex-end;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.repitem > div.subMenu button[type=action] {
|
|
display: flex;
|
|
padding: 0px;
|
|
width: 33.3333333333%;
|
|
height: 23px;
|
|
justify-content: center;
|
|
line-height: 23px;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
border-top: 1px solid black;
|
|
border-bottom: 1px solid black;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
background: transparent;
|
|
color: white;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.repitem > div.subMenu button[type=action].BL {
|
|
width: calc(33.3333333333% - 1px);
|
|
border-left: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.repitem > div.subMenu button[type=action].BR {
|
|
width: calc(33.3333333333% - 1px);
|
|
border-right: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.repitem > div.subMenu button[type=action].BLR {
|
|
border-right: 1px solid black;
|
|
border-left: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.repitem > div.subMenu button[type=action].NBT {
|
|
border-top: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.repitem div.bonus {
|
|
display: none;
|
|
width: 100%;
|
|
justify-content: flex-end;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ligne {
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ligne div.firstCol {
|
|
background: RGB(213, 215, 237);
|
|
width: calc(100% - 484px - 130px - 29px);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ligne div.midCol {
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
width: 120px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ligne div.lastCol {
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
width: 158px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ligne div.armeNom input[type=text] {
|
|
width: 100%;
|
|
font-size: 14px;
|
|
height: 28px;
|
|
padding-top: 0px;
|
|
padding-right: 0px;
|
|
padding-bottom: 0px;
|
|
border: 0px;
|
|
padding-left: 4px;
|
|
min-width: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ligne div.armeDegats input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ligne div.armeViolence input[type=number] {
|
|
width: calc(50% - 14px);
|
|
font-size: 14px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
border: 0px;
|
|
min-width: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ligne div.armeDegats input[type=number].nbre,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ligne div.armeViolence input[type=number].nbre {
|
|
text-align: right;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ligne div.armeDegats input[type=number].bonus,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ligne div.armeViolence input[type=number].bonus {
|
|
text-align: left;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ligne div.armeDegats b,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ligne div.armeViolence b {
|
|
display: flex;
|
|
width: 28px;
|
|
height: 28px;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ligne div.armePortee select {
|
|
width: 100%;
|
|
font-size: 14px;
|
|
height: 28px;
|
|
text-align: center;
|
|
padding-top: 0px;
|
|
padding-right: 0px;
|
|
padding-bottom: 0px;
|
|
border: 0px;
|
|
padding-left: 15px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ligne div.armeAttaque input[type=number] {
|
|
width: calc(100% - 28px);
|
|
font-size: 14px;
|
|
height: 28px;
|
|
text-align: center;
|
|
padding-top: 0px;
|
|
padding-right: 0px;
|
|
padding-bottom: 0px;
|
|
border: 0px;
|
|
padding-left: 15px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ligne div.armeAttaque input[type=number].nbre {
|
|
text-align: right;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ligne div.armeAttaque input[type=number].bonus {
|
|
text-align: left;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ligne div.armeAttaque b {
|
|
display: flex;
|
|
width: 28px;
|
|
height: 28px;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ligne div.armeJet input[type=number] {
|
|
width: calc(100% - 28px);
|
|
font-size: 14px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
border: 0px;
|
|
border-right: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ligne div.armeJet input[type=number].nbre {
|
|
text-align: right;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ligne div.armeJet input[type=number].bonus {
|
|
text-align: left;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.bonus {
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- label
|
|
- width : Width du label
|
|
- height : height du label
|
|
|
|
- span
|
|
- color : La color
|
|
- background : Le background
|
|
- border : S'il y a une bordure (true/false)
|
|
- width : Width du span
|
|
- height : height du height
|
|
|
|
- shadow : s'il y a une ombre (true/false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.bonus label.fakeButton {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 23px;
|
|
font-size: 14px;
|
|
align-self: center;
|
|
font-size: 12px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.bonus label.fakeButton input[type=checkbox],
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.bonus label.fakeButton input[type=radio] {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 23px;
|
|
opacity: 0;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.bonus label.fakeButton span {
|
|
display: flex;
|
|
height: 23px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.bonus label.fakeButton span::before {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 23px;
|
|
content: attr(title);
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.bonus label.cadence {
|
|
display: none;
|
|
width: 372px;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.bonus label.cadence span {
|
|
width: 236px;
|
|
padding-left: 2px;
|
|
line-height: 27px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.bonus label.cadence select {
|
|
width: 131px;
|
|
border: 0px;
|
|
padding: 0px;
|
|
padding-left: 15px;
|
|
height: 28px;
|
|
text-align: center;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
border-right: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.bonus label.guidage {
|
|
display: none;
|
|
margin-top: 1px;
|
|
width: 130px;
|
|
height: 28px;
|
|
margin: 0px;
|
|
margin-right: 29px;
|
|
border-right: 1px solid RGB(93, 111, 179);
|
|
border: 0px;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.bonus label.guidage span.actif,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.bonus label.guidage span.inactif {
|
|
display: none;
|
|
text-align: center;
|
|
color: black;
|
|
height: 28px;
|
|
line-height: 28px;
|
|
align-items: center;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.bonus label.guidage span.actif::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.bonus label.guidage span.inactif::before {
|
|
height: 28px;
|
|
line-height: 28px;
|
|
background: transparent;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.bonus label.guidage span.actif {
|
|
border-left: 1px solid RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.bonus label.guidage span.actif::before {
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
border-bottom: 1px solid RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.bonus label.guidage input[type=checkbox] {
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.bonus label.guidage input[type=checkbox]:checked ~ span.actif {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.bonus label.guidage input[type=checkbox]:not(:checked) ~ span.inactif {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.effets,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ameliorationsArmes,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.special {
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- label
|
|
- width : Width du label
|
|
- height : height du label
|
|
|
|
- span
|
|
- color : La color
|
|
- background : Le background
|
|
- border : S'il y a une bordure (true/false)
|
|
- width : Width du span
|
|
- height : height du height
|
|
|
|
- shadow : s'il y a une ombre (true/false)
|
|
*/
|
|
display: none;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-evenly;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.effets label.fakeButton,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ameliorationsArmes label.fakeButton,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.special label.fakeButton {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 23px;
|
|
font-size: 14px;
|
|
align-self: center;
|
|
font-size: 12px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.effets label.fakeButton input[type=checkbox],
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.effets label.fakeButton input[type=radio],
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ameliorationsArmes label.fakeButton input[type=checkbox],
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ameliorationsArmes label.fakeButton input[type=radio],
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.special label.fakeButton input[type=checkbox],
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.special label.fakeButton input[type=radio] {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 23px;
|
|
opacity: 0;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.effets label.fakeButton span,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ameliorationsArmes label.fakeButton span,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.special label.fakeButton span {
|
|
display: flex;
|
|
height: 23px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.effets label.fakeButton span::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ameliorationsArmes label.fakeButton span::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.special label.fakeButton span::before {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 23px;
|
|
content: attr(title);
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.effets label.simple,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ameliorationsArmes label.simple,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.special label.simple {
|
|
justify-content: space-between;
|
|
width: 150px;
|
|
height: 23px;
|
|
margin: 2px;
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.effets label.simple input[type=checkbox]:not(:checked) ~ span::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ameliorationsArmes label.simple input[type=checkbox]:not(:checked) ~ span::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.special label.simple input[type=checkbox]:not(:checked) ~ span::before {
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.effets div.double,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ameliorationsArmes div.double,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.special div.double {
|
|
justify-content: space-between;
|
|
width: 150px;
|
|
height: 23px;
|
|
margin: 2px;
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.effets div.double label.fakeButton,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ameliorationsArmes div.double label.fakeButton,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.special div.double label.fakeButton {
|
|
width: calc(100% - 30px);
|
|
border: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.effets div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ameliorationsArmes div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.special div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before {
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.effets div.double input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ameliorationsArmes div.double input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.special div.double input[type=number] {
|
|
width: 30px;
|
|
height: 23px;
|
|
text-align: center;
|
|
border-top: 0px;
|
|
border-right: 0px;
|
|
border-left: 1px solid black;
|
|
border-bottom: 0px;
|
|
border-radius: 0px;
|
|
padding: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.effets div.doubleTexte,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ameliorationsArmes div.doubleTexte,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.special div.doubleTexte {
|
|
width: 150px;
|
|
margin: 2px;
|
|
flex-wrap: wrap;
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.effets div.doubleTexte input[type=checkbox]:not(:checked) ~ span::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ameliorationsArmes div.doubleTexte input[type=checkbox]:not(:checked) ~ span::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.special div.doubleTexte input[type=checkbox]:not(:checked) ~ span::before {
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.effets div.doubleTexte input[type=text],
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ameliorationsArmes div.doubleTexte input[type=text],
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.special div.doubleTexte input[type=text] {
|
|
width: 100%;
|
|
height: 23px;
|
|
text-align: center;
|
|
border-top: 1px solid black;
|
|
border-right: 0px;
|
|
border-left: 0px;
|
|
border-bottom: 0px;
|
|
border-radius: 0px;
|
|
padding: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.effets div.doubleTexte input[type=text].borderBottom,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ameliorationsArmes div.doubleTexte input[type=text].borderBottom,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.special div.doubleTexte input[type=text].borderBottom {
|
|
border-bottom: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.effets div.doubleTexte .borderTop,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ameliorationsArmes div.doubleTexte .borderTop,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.special div.doubleTexte .borderTop {
|
|
border-top: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.effets div.triple,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ameliorationsArmes div.triple,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.special div.triple {
|
|
width: 150px;
|
|
height: 46px;
|
|
margin: 2px;
|
|
flex-wrap: wrap;
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.effets div.triple div input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ameliorationsArmes div.triple div input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.special div.triple div input[type=number] {
|
|
width: calc(50% - 14px);
|
|
height: 23px;
|
|
border-radius: 0px;
|
|
padding: 0px;
|
|
border-bottom: 0px;
|
|
border-right: 0px;
|
|
border-left: 0px;
|
|
border-top: 1px solid black;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.effets div.triple div input[type=number].R,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ameliorationsArmes div.triple div input[type=number].R,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.special div.triple div input[type=number].R {
|
|
text-align: left;
|
|
border-left: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.effets div.triple div input[type=number].L,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ameliorationsArmes div.triple div input[type=number].L,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.special div.triple div input[type=number].L {
|
|
text-align: right;
|
|
border-right: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.effets div.triple div span,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ameliorationsArmes div.triple div span,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.special div.triple div span {
|
|
display: flex;
|
|
background: RGB(93, 111, 179);
|
|
width: 28px;
|
|
height: 22px;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: white;
|
|
border-top: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.effets div.triple input[type=hidden][value="0"] ~ label span::before, div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.effets div.triple input[type=hidden][value="0"] ~ div span,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ameliorationsArmes div.triple input[type=hidden][value="0"] ~ label span::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ameliorationsArmes div.triple input[type=hidden][value="0"] ~ div span,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.special div.triple input[type=hidden][value="0"] ~ label span::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.special div.triple input[type=hidden][value="0"] ~ div span {
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe input[type=hidden].subMenu[value="1"] ~ div button[type=action].effets {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe input[type=hidden].subMenu[value="1"] ~ div.effets {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe input[type=hidden].subMenu[value="3"] ~ div button[type=action].ameliorationsArmes {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe input[type=hidden].subMenu[value="3"] ~ div.ameliorationsArmes {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe input[type=hidden].subMenu[value="4"] ~ div button[type=action].special {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe input[type=hidden].subMenu[value="4"] ~ div.special {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre input[type=hidden].codexfm4[value="0"] ~ div div.codexfm4, div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre input[type=hidden].codexfm4[value="0"] ~ div label.codexfm4 {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ {
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
display: none;
|
|
margin-top: 10px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.data {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.ligneTitre {
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.ligneTitre span {
|
|
display: flex;
|
|
justify-content: center;
|
|
color: black;
|
|
font-weight: bold;
|
|
font-size: 14px;
|
|
height: 28px;
|
|
line-height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.ligneTitre div.firstCol {
|
|
background: RGB(213, 215, 237);
|
|
width: calc(100% - 363px - 159px - 120px);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.ligneTitre div.firstCol span {
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.ligneTitre div.midCol {
|
|
background: RGB(213, 215, 237);
|
|
width: 120px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.ligneTitre div.midCol span {
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.ligneTitre div.midColL {
|
|
background: RGB(213, 215, 237);
|
|
width: 240px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.ligneTitre div.midColL span {
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.ligneTitre div.lastCol {
|
|
background: RGB(213, 215, 237);
|
|
width: 158px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.ligneTitre div.lastCol span {
|
|
width: calc(100% - 29px);
|
|
margin-right: 29px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe {
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe input[type=hidden].guidage:not([value="0"]) ~ div.bonus {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe input[type=hidden].guidage:not([value="0"]) ~ div.bonus label.guidage {
|
|
display: block;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe input[type=hidden].guidage:not([value="0"]) ~ div.bonus label.precis {
|
|
width: 250px;
|
|
padding: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe input[type=hidden].guidage:not([value="0"]) ~ div.bonus label.precis span {
|
|
width: 119px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe input[type=hidden].guidage:not([value="0"]) ~ div.bonus label.precis select {
|
|
width: 131px;
|
|
border-right: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe input[type=hidden].cadence:not([value="0"]) ~ div.bonus {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.cadence {
|
|
display: flex;
|
|
padding-right: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.guidage {
|
|
width: 121px;
|
|
margin-right: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.precis {
|
|
width: 241px;
|
|
padding-right: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.precis span {
|
|
width: calc(50% - 3px);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.precis select {
|
|
width: 121px;
|
|
border-right: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.armeSection1,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.armeSection2 {
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- justifyContent : règle la façon dont le contenu est justifié.
|
|
- width : width du div.
|
|
- color : Couleur du texte.
|
|
- background : Background des boutons
|
|
- borderColor : couleur de la bordure
|
|
- fontSize : font size du texte.
|
|
- fontBold : Si le font est Bold ou non (true/false)
|
|
- button
|
|
- width : width du bouton
|
|
- widthBL : width des boutons ayant une bordure à gauche.
|
|
- widthBLR : width des boutons ayant une bordure à gauche et à droite.
|
|
- height : height des boutons.
|
|
- lastLine : indique qu'il y a un bouton sur une seconde ligne (true / false)
|
|
*/
|
|
display: none;
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.armeSection1 > div.subMenu,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.armeSection2 > div.subMenu {
|
|
display: flex;
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
align-items: flex-end;
|
|
align-content: flex-end;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.armeSection1 > div.subMenu button[type=action],
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.armeSection2 > div.subMenu button[type=action] {
|
|
display: flex;
|
|
padding: 0px;
|
|
width: 25%;
|
|
height: 23px;
|
|
justify-content: center;
|
|
line-height: 23px;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
border-top: 1px solid black;
|
|
border-bottom: 1px solid black;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
background: transparent;
|
|
color: white;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.armeSection1 > div.subMenu button[type=action].BL,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.armeSection2 > div.subMenu button[type=action].BL {
|
|
width: calc(25% - 1px);
|
|
border-left: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.armeSection1 > div.subMenu button[type=action].BR,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.armeSection2 > div.subMenu button[type=action].BR {
|
|
width: calc(25% - 1px);
|
|
border-right: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.armeSection1 > div.subMenu button[type=action].BLR,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.armeSection2 > div.subMenu button[type=action].BLR {
|
|
border-right: 1px solid black;
|
|
border-left: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.armeSection1 > div.subMenu button[type=action].NBT,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.armeSection2 > div.subMenu button[type=action].NBT {
|
|
border-top: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.armeSection1 div.bonus,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.armeSection2 div.bonus {
|
|
display: none;
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
justify-content: flex-end;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.armeSection1 label.precis,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.armeSection1 label.guidage,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.armeSection2 label.precis,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.armeSection2 label.guidage {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.repcontainer {
|
|
display: flex;
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.repitem {
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- justifyContent : règle la façon dont le contenu est justifié.
|
|
- width : width du div.
|
|
- color : Couleur du texte.
|
|
- background : Background des boutons
|
|
- borderColor : couleur de la bordure
|
|
- fontSize : font size du texte.
|
|
- fontBold : Si le font est Bold ou non (true/false)
|
|
- button
|
|
- width : width du bouton
|
|
- widthBL : width des boutons ayant une bordure à gauche.
|
|
- widthBLR : width des boutons ayant une bordure à gauche et à droite.
|
|
- height : height des boutons.
|
|
- lastLine : indique qu'il y a un bouton sur une seconde ligne (true / false)
|
|
*/
|
|
display: flex;
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.repitem > div.subMenu {
|
|
display: flex;
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
align-items: flex-end;
|
|
align-content: flex-end;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.repitem > div.subMenu button[type=action] {
|
|
display: flex;
|
|
padding: 0px;
|
|
width: 25%;
|
|
height: 23px;
|
|
justify-content: center;
|
|
line-height: 23px;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
border-top: 1px solid black;
|
|
border-bottom: 1px solid black;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
background: transparent;
|
|
color: white;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.repitem > div.subMenu button[type=action].BL {
|
|
width: calc(25% - 1px);
|
|
border-left: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.repitem > div.subMenu button[type=action].BR {
|
|
width: calc(25% - 1px);
|
|
border-right: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.repitem > div.subMenu button[type=action].BLR {
|
|
border-right: 1px solid black;
|
|
border-left: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.repitem > div.subMenu button[type=action].NBT {
|
|
border-top: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.repitem div.bonus {
|
|
display: none;
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
justify-content: flex-end;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.repitem label.precis,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.repitem label.guidage {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ligne {
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- label
|
|
- width : Width du label
|
|
- height : height du label
|
|
|
|
- span
|
|
- color : La color
|
|
- background : Le background
|
|
- border : S'il y a une bordure (true/false)
|
|
- width : Width du span
|
|
- height : height du height
|
|
|
|
- shadow : s'il y a une ombre (true/false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ligne label.fakeButton {
|
|
position: relative;
|
|
width: 120px;
|
|
height: 28px;
|
|
font-size: 14px;
|
|
align-self: center;
|
|
font-size: 12px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ligne label.fakeButton input[type=checkbox],
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ligne label.fakeButton input[type=radio] {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 28px;
|
|
opacity: 0;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ligne label.fakeButton span {
|
|
display: flex;
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ligne label.fakeButton span::before {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
content: attr(title);
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ligne div.firstCol {
|
|
background: RGB(213, 215, 237);
|
|
width: calc(100% - 363px - 159px - 120px);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ligne div.midCol {
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
width: 120px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ligne div.midColL {
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
width: 240px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ligne div.lastCol {
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
width: 158px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ligne div.armeNom input[type=text] {
|
|
width: 100%;
|
|
font-size: 14px;
|
|
height: 28px;
|
|
padding-top: 0px;
|
|
padding-right: 0px;
|
|
padding-bottom: 0px;
|
|
border: 0px;
|
|
padding-left: 4px;
|
|
min-width: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ligne div.armeDegats div,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ligne div.armeViolence div {
|
|
width: 120px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ligne div.armeDegats input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ligne div.armeViolence input[type=number] {
|
|
width: calc(50% - 14px);
|
|
font-size: 14px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
border: 0px;
|
|
min-width: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ligne div.armeDegats input[type=number].nbre,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ligne div.armeViolence input[type=number].nbre {
|
|
text-align: right;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ligne div.armeDegats input[type=number].bonus,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ligne div.armeViolence input[type=number].bonus {
|
|
text-align: left;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ligne div.armeDegats b,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ligne div.armeViolence b {
|
|
display: flex;
|
|
width: 28px;
|
|
height: 28px;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ligne div.armeDegats label.fakeButton span,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ligne div.armeViolence label.fakeButton span {
|
|
border-left: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ligne div.armeDegats label.fakeButton:hover span::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ligne div.armeViolence label.fakeButton:hover span::before {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ligne div.armeDegats input[type=checkbox]:not(:checked) ~ span::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ligne div.armeViolence input[type=checkbox]:not(:checked) ~ span::before {
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ligne div.armePortee select {
|
|
width: 100%;
|
|
font-size: 14px;
|
|
height: 28px;
|
|
text-align: center;
|
|
padding-top: 0px;
|
|
padding-right: 0px;
|
|
padding-bottom: 0px;
|
|
border: 0px;
|
|
padding-left: 15px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ligne div.armeAspect select {
|
|
width: calc(100% - 29px);
|
|
font-size: 14px;
|
|
height: 28px;
|
|
text-align: center;
|
|
padding-top: 0px;
|
|
padding-right: 0px;
|
|
padding-bottom: 0px;
|
|
border: 0px;
|
|
padding-left: 15px;
|
|
border: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ligne div.armeAspect button[type=roll],
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ligne div.armeAspect button[type=action] {
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.bonus {
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- label
|
|
- width : Width du label
|
|
- height : height du label
|
|
|
|
- span
|
|
- color : La color
|
|
- background : Le background
|
|
- border : S'il y a une bordure (true/false)
|
|
- width : Width du span
|
|
- height : height du height
|
|
|
|
- shadow : s'il y a une ombre (true/false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.bonus label.fakeButton {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 23px;
|
|
font-size: 14px;
|
|
align-self: center;
|
|
font-size: 12px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.bonus label.fakeButton input[type=checkbox],
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.bonus label.fakeButton input[type=radio] {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 23px;
|
|
opacity: 0;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.bonus label.fakeButton span {
|
|
display: flex;
|
|
height: 23px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.bonus label.fakeButton span::before {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 23px;
|
|
content: attr(title);
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.bonus label.simple {
|
|
justify-content: space-between;
|
|
width: 150px;
|
|
height: 23px;
|
|
margin: 2px;
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.bonus label.simple input[type=checkbox]:not(:checked) ~ span::before {
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.bonus input[type=hidden].deuxMains[value="0"] ~ label.precis {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.bonus input[type=hidden].allegee[value="1"] ~ label.precis {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.bonus label.precis {
|
|
display: none;
|
|
width: 260px;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
padding-right: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.bonus label.precis span {
|
|
width: calc(50% - 3px);
|
|
padding-left: 2px;
|
|
line-height: 27px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.bonus label.precis select {
|
|
width: calc(50% + 1px);
|
|
border: 0px;
|
|
padding: 0px;
|
|
height: 28px;
|
|
text-align: center;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
border-right: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.bonus label.cadence {
|
|
display: none;
|
|
width: 381px;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.bonus label.cadence span {
|
|
width: 251px;
|
|
padding-left: 2px;
|
|
line-height: 27px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.bonus label.cadence select {
|
|
width: 132px;
|
|
border: 0px;
|
|
padding: 0px;
|
|
padding-left: 15px;
|
|
height: 28px;
|
|
text-align: center;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
border-right: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.bonus label.guidage {
|
|
display: none;
|
|
margin-top: 1px;
|
|
width: 130px;
|
|
height: 28px;
|
|
margin: 0px;
|
|
margin-right: 29px;
|
|
border-right: 1px solid RGB(93, 111, 179);
|
|
border: 0px;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.bonus label.guidage span.actif,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.bonus label.guidage span.inactif {
|
|
display: none;
|
|
text-align: center;
|
|
color: black;
|
|
height: 28px;
|
|
line-height: 28px;
|
|
align-items: center;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.bonus label.guidage span.actif::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.bonus label.guidage span.inactif::before {
|
|
height: 28px;
|
|
line-height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.bonus label.guidage span.actif {
|
|
border-left: 1px solid RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.bonus label.guidage input[type=checkbox] {
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.bonus label.guidage input[type=checkbox]:checked ~ span.actif {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.bonus label.guidage input[type=checkbox]:not(:checked) ~ span.inactif {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.effets,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsStructurelles,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsArmes,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.special {
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- label
|
|
- width : Width du label
|
|
- height : height du label
|
|
|
|
- span
|
|
- color : La color
|
|
- background : Le background
|
|
- border : S'il y a une bordure (true/false)
|
|
- width : Width du span
|
|
- height : height du height
|
|
|
|
- shadow : s'il y a une ombre (true/false)
|
|
*/
|
|
display: none;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-evenly;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.effets label.fakeButton,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsStructurelles label.fakeButton,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsArmes label.fakeButton,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.special label.fakeButton {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 23px;
|
|
font-size: 14px;
|
|
align-self: center;
|
|
font-size: 12px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.effets label.fakeButton input[type=checkbox],
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.effets label.fakeButton input[type=radio],
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsStructurelles label.fakeButton input[type=checkbox],
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsStructurelles label.fakeButton input[type=radio],
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsArmes label.fakeButton input[type=checkbox],
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsArmes label.fakeButton input[type=radio],
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.special label.fakeButton input[type=checkbox],
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.special label.fakeButton input[type=radio] {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 23px;
|
|
opacity: 0;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.effets label.fakeButton span,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsStructurelles label.fakeButton span,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsArmes label.fakeButton span,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.special label.fakeButton span {
|
|
display: flex;
|
|
height: 23px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.effets label.fakeButton span::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsStructurelles label.fakeButton span::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsArmes label.fakeButton span::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.special label.fakeButton span::before {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 23px;
|
|
content: attr(title);
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.effets label.simple,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsStructurelles label.simple,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsArmes label.simple,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.special label.simple {
|
|
justify-content: space-between;
|
|
width: 150px;
|
|
height: 23px;
|
|
margin: 2px;
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.effets label.simple input[type=checkbox]:not(:checked) ~ span::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsStructurelles label.simple input[type=checkbox]:not(:checked) ~ span::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsArmes label.simple input[type=checkbox]:not(:checked) ~ span::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.special label.simple input[type=checkbox]:not(:checked) ~ span::before {
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.effets div.double,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsStructurelles div.double,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsArmes div.double,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.special div.double {
|
|
justify-content: space-between;
|
|
width: 150px;
|
|
height: 23px;
|
|
margin: 2px;
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.effets div.double label.fakeButton,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsStructurelles div.double label.fakeButton,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsArmes div.double label.fakeButton,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.special div.double label.fakeButton {
|
|
width: calc(100% - 30px);
|
|
border: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.effets div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsStructurelles div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsArmes div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.special div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before {
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.effets div.double input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsStructurelles div.double input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsArmes div.double input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.special div.double input[type=number] {
|
|
width: 30px;
|
|
height: 23px;
|
|
text-align: center;
|
|
border-top: 0px;
|
|
border-right: 0px;
|
|
border-left: 1px solid black;
|
|
border-bottom: 0px;
|
|
border-radius: 0px;
|
|
padding: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.effets div.doubleTexte,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsStructurelles div.doubleTexte,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsArmes div.doubleTexte,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.special div.doubleTexte {
|
|
width: 150px;
|
|
height: 46px;
|
|
margin: 2px;
|
|
flex-wrap: wrap;
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.effets div.doubleTexte input[type=checkbox]:not(:checked) ~ span::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsStructurelles div.doubleTexte input[type=checkbox]:not(:checked) ~ span::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsArmes div.doubleTexte input[type=checkbox]:not(:checked) ~ span::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.special div.doubleTexte input[type=checkbox]:not(:checked) ~ span::before {
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.effets div.doubleTexte input[type=text],
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsStructurelles div.doubleTexte input[type=text],
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsArmes div.doubleTexte input[type=text],
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.special div.doubleTexte input[type=text] {
|
|
width: 100%;
|
|
height: 23px;
|
|
text-align: center;
|
|
border: 1px solid black;
|
|
border-radius: 0px;
|
|
padding: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.effets div.triple,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsStructurelles div.triple,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsArmes div.triple,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.special div.triple {
|
|
width: 150px;
|
|
height: 46px;
|
|
margin: 2px;
|
|
flex-wrap: wrap;
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.effets div.triple div input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsStructurelles div.triple div input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsArmes div.triple div input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.special div.triple div input[type=number] {
|
|
width: calc(50% - 14px);
|
|
height: 23px;
|
|
border-radius: 0px;
|
|
padding: 0px;
|
|
border-bottom: 0px;
|
|
border-right: 0px;
|
|
border-left: 0px;
|
|
border-top: 1px solid black;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.effets div.triple div input[type=number].R,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsStructurelles div.triple div input[type=number].R,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsArmes div.triple div input[type=number].R,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.special div.triple div input[type=number].R {
|
|
text-align: left;
|
|
border-left: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.effets div.triple div input[type=number].L,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsStructurelles div.triple div input[type=number].L,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsArmes div.triple div input[type=number].L,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.special div.triple div input[type=number].L {
|
|
text-align: right;
|
|
border-right: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.effets div.triple div span,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsStructurelles div.triple div span,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsArmes div.triple div span,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.special div.triple div span {
|
|
display: flex;
|
|
background: RGB(93, 111, 179);
|
|
width: 28px;
|
|
height: 22px;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: white;
|
|
border-top: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.effets div.triple input[type=hidden][value="0"] ~ label span::before, div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.effets div.triple input[type=hidden][value="0"] ~ div span,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsStructurelles div.triple input[type=hidden][value="0"] ~ label span::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsStructurelles div.triple input[type=hidden][value="0"] ~ div span,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsArmes div.triple input[type=hidden][value="0"] ~ label span::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsArmes div.triple input[type=hidden][value="0"] ~ div span,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.special div.triple input[type=hidden][value="0"] ~ label span::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.special div.triple input[type=hidden][value="0"] ~ div span {
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe input[type=hidden].subMenu[value="1"] ~ div button[type=action].effets {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe input[type=hidden].subMenu[value="1"] ~ div.effets {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe input[type=hidden].subMenu[value="2"] ~ div button[type=action].ameliorationsStructurelles {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe input[type=hidden].subMenu[value="2"] ~ div.ameliorationsStructurelles {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe input[type=hidden].subMenu[value="3"] ~ div button[type=action].ameliorationsArmes {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe input[type=hidden].subMenu[value="3"] ~ div.ameliorationsArmes {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe input[type=hidden].subMenu[value="4"] ~ div button[type=action].special {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe input[type=hidden].subMenu[value="4"] ~ div.special {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee input[type=hidden].armeSection1[value="1"] ~ div div.armeSection1 {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee input[type=hidden].armeSection2[value="1"] ~ div div.armeSection2 {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee input[type=hidden].codexfm4[value="0"] ~ div div.codexfm4, div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee input[type=hidden].codexfm4[value="0"] ~ div label.codexfm4 {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
margin-top: 10px;
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.data {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.ligneTitre {
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.ligneTitre span {
|
|
display: flex;
|
|
justify-content: center;
|
|
color: black;
|
|
font-weight: bold;
|
|
font-size: 14px;
|
|
height: 28px;
|
|
line-height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.ligneTitre div.firstCol {
|
|
background: RGB(213, 215, 237);
|
|
width: calc(100% - 363px - 159px);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.ligneTitre div.firstCol span {
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.ligneTitre div.midCol {
|
|
background: RGB(213, 215, 237);
|
|
width: 120px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.ligneTitre div.midCol span {
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.ligneTitre div.lastCol {
|
|
background: RGB(213, 215, 237);
|
|
width: 158px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.ligneTitre div.lastCol span {
|
|
width: calc(100% - 29px);
|
|
margin-right: 29px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe {
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe input[type=hidden].guidage:not([value="0"]) ~ div.bonus {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe input[type=hidden].guidage:not([value="0"]) ~ div.bonus label.guidage {
|
|
display: block;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe input[type=hidden].guidage:not([value="0"]) ~ div.bonus label.precis {
|
|
width: 250px;
|
|
padding: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe input[type=hidden].guidage:not([value="0"]) ~ div.bonus label.precis span {
|
|
width: 119px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe input[type=hidden].guidage:not([value="0"]) ~ div.bonus label.precis select {
|
|
width: 131px;
|
|
border-right: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe input[type=hidden].cadence:not([value="0"]) ~ div.bonus {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.cadence {
|
|
display: flex;
|
|
padding-right: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.guidage {
|
|
width: 121px;
|
|
margin-right: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.precis {
|
|
width: 241px;
|
|
padding-right: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.precis span {
|
|
width: calc(50% - 3px);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.precis select {
|
|
width: 121px;
|
|
border-right: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.armeSection1,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.armeSection2 {
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- justifyContent : règle la façon dont le contenu est justifié.
|
|
- width : width du div.
|
|
- color : Couleur du texte.
|
|
- background : Background des boutons
|
|
- borderColor : couleur de la bordure
|
|
- fontSize : font size du texte.
|
|
- fontBold : Si le font est Bold ou non (true/false)
|
|
- button
|
|
- width : width du bouton
|
|
- widthBL : width des boutons ayant une bordure à gauche.
|
|
- widthBLR : width des boutons ayant une bordure à gauche et à droite.
|
|
- height : height des boutons.
|
|
- lastLine : indique qu'il y a un bouton sur une seconde ligne (true / false)
|
|
*/
|
|
display: none;
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.armeSection1 > div.subMenu,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.armeSection2 > div.subMenu {
|
|
display: flex;
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
align-items: flex-end;
|
|
align-content: flex-end;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.armeSection1 > div.subMenu button[type=action],
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.armeSection2 > div.subMenu button[type=action] {
|
|
display: flex;
|
|
padding: 0px;
|
|
width: 33.3333333333%;
|
|
height: 23px;
|
|
justify-content: center;
|
|
line-height: 23px;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
border-top: 1px solid black;
|
|
border-bottom: 1px solid black;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
background: transparent;
|
|
color: white;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.armeSection1 > div.subMenu button[type=action].BL,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.armeSection2 > div.subMenu button[type=action].BL {
|
|
width: calc(33.3333333333% - 1px);
|
|
border-left: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.armeSection1 > div.subMenu button[type=action].BR,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.armeSection2 > div.subMenu button[type=action].BR {
|
|
width: calc(33.3333333333% - 1px);
|
|
border-right: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.armeSection1 > div.subMenu button[type=action].BLR,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.armeSection2 > div.subMenu button[type=action].BLR {
|
|
border-right: 1px solid black;
|
|
border-left: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.armeSection1 > div.subMenu button[type=action].NBT,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.armeSection2 > div.subMenu button[type=action].NBT {
|
|
border-top: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.armeSection1 div.bonus,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.armeSection2 div.bonus {
|
|
display: none;
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
justify-content: flex-end;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.armeSection1 label.precis,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.armeSection1 label.guidage,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.armeSection2 label.precis,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.armeSection2 label.guidage {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.repcontainer {
|
|
display: flex;
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.repitem {
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- justifyContent : règle la façon dont le contenu est justifié.
|
|
- width : width du div.
|
|
- color : Couleur du texte.
|
|
- background : Background des boutons
|
|
- borderColor : couleur de la bordure
|
|
- fontSize : font size du texte.
|
|
- fontBold : Si le font est Bold ou non (true/false)
|
|
- button
|
|
- width : width du bouton
|
|
- widthBL : width des boutons ayant une bordure à gauche.
|
|
- widthBLR : width des boutons ayant une bordure à gauche et à droite.
|
|
- height : height des boutons.
|
|
- lastLine : indique qu'il y a un bouton sur une seconde ligne (true / false)
|
|
*/
|
|
display: flex;
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.repitem > div.subMenu {
|
|
display: flex;
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
align-items: flex-end;
|
|
align-content: flex-end;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.repitem > div.subMenu button[type=action] {
|
|
display: flex;
|
|
padding: 0px;
|
|
width: 33.3333333333%;
|
|
height: 23px;
|
|
justify-content: center;
|
|
line-height: 23px;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
border-top: 1px solid black;
|
|
border-bottom: 1px solid black;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
background: transparent;
|
|
color: white;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.repitem > div.subMenu button[type=action].BL {
|
|
width: calc(33.3333333333% - 1px);
|
|
border-left: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.repitem > div.subMenu button[type=action].BR {
|
|
width: calc(33.3333333333% - 1px);
|
|
border-right: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.repitem > div.subMenu button[type=action].BLR {
|
|
border-right: 1px solid black;
|
|
border-left: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.repitem > div.subMenu button[type=action].NBT {
|
|
border-top: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.repitem div.bonus {
|
|
display: none;
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
justify-content: flex-end;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.repitem label.precis,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.repitem label.guidage {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.ligne {
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.ligne div.firstCol {
|
|
background: RGB(213, 215, 237);
|
|
width: calc(100% - 363px - 159px);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.ligne div.midCol {
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
width: 120px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.ligne div.lastCol {
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
width: 158px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.ligne div.armeNom input[type=text] {
|
|
width: 100%;
|
|
font-size: 14px;
|
|
height: 28px;
|
|
padding-top: 0px;
|
|
padding-right: 0px;
|
|
padding-bottom: 0px;
|
|
border: 0px;
|
|
padding-left: 4px;
|
|
min-width: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.ligne div.armeDegats input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.ligne div.armeViolence input[type=number] {
|
|
width: calc(50% - 14px);
|
|
font-size: 14px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
border: 0px;
|
|
min-width: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.ligne div.armeDegats input[type=number].nbre,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.ligne div.armeViolence input[type=number].nbre {
|
|
text-align: right;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.ligne div.armeDegats input[type=number].bonus,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.ligne div.armeViolence input[type=number].bonus {
|
|
text-align: left;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.ligne div.armeDegats b,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.ligne div.armeViolence b {
|
|
display: flex;
|
|
width: 28px;
|
|
height: 28px;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.ligne div.armePortee select {
|
|
width: 100%;
|
|
font-size: 14px;
|
|
height: 28px;
|
|
text-align: center;
|
|
padding-top: 0px;
|
|
padding-right: 0px;
|
|
padding-bottom: 0px;
|
|
border: 0px;
|
|
padding-left: 15px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.ligne div.armeAspect select {
|
|
width: calc(100% - 29px);
|
|
font-size: 14px;
|
|
height: 28px;
|
|
text-align: center;
|
|
padding-top: 0px;
|
|
padding-right: 0px;
|
|
padding-bottom: 0px;
|
|
border: 0px;
|
|
padding-left: 15px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.ligne div.armeAspect button[type=roll],
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.ligne div.armeAspect button[type=action] {
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.bonus {
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- label
|
|
- width : Width du label
|
|
- height : height du label
|
|
|
|
- span
|
|
- color : La color
|
|
- background : Le background
|
|
- border : S'il y a une bordure (true/false)
|
|
- width : Width du span
|
|
- height : height du height
|
|
|
|
- shadow : s'il y a une ombre (true/false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.bonus label.fakeButton {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 23px;
|
|
font-size: 14px;
|
|
align-self: center;
|
|
font-size: 12px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.bonus label.fakeButton input[type=checkbox],
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.bonus label.fakeButton input[type=radio] {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 23px;
|
|
opacity: 0;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.bonus label.fakeButton span {
|
|
display: flex;
|
|
height: 23px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.bonus label.fakeButton span::before {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 23px;
|
|
content: attr(title);
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.bonus label.simple {
|
|
justify-content: space-between;
|
|
width: 150px;
|
|
height: 23px;
|
|
margin: 2px;
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.bonus label.simple input[type=checkbox]:not(:checked) ~ span::before {
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.bonus input[type=hidden].deuxMains[value="0"] ~ label.precis {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.bonus input[type=hidden].allegee[value="1"] ~ label.precis {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.bonus label.precis {
|
|
display: none;
|
|
width: 260px;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
padding-right: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.bonus label.precis span {
|
|
width: calc(50% - 3px);
|
|
padding-left: 2px;
|
|
line-height: 27px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.bonus label.precis select {
|
|
width: calc(50% + 1px);
|
|
border: 0px;
|
|
padding: 0px;
|
|
height: 28px;
|
|
text-align: center;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
border-right: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.bonus label.cadence {
|
|
display: none;
|
|
width: 381px;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.bonus label.cadence span {
|
|
width: 251px;
|
|
padding-left: 2px;
|
|
line-height: 27px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.bonus label.cadence select {
|
|
width: 132px;
|
|
border: 0px;
|
|
padding: 0px;
|
|
padding-left: 15px;
|
|
height: 28px;
|
|
text-align: center;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
border-right: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.bonus label.guidage {
|
|
display: none;
|
|
margin-top: 1px;
|
|
width: 130px;
|
|
height: 28px;
|
|
margin: 0px;
|
|
margin-right: 29px;
|
|
border-right: 1px solid RGB(93, 111, 179);
|
|
border: 0px;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.bonus label.guidage span.actif,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.bonus label.guidage span.inactif {
|
|
display: none;
|
|
text-align: center;
|
|
color: black;
|
|
height: 28px;
|
|
line-height: 28px;
|
|
align-items: center;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.bonus label.guidage span.actif::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.bonus label.guidage span.inactif::before {
|
|
height: 28px;
|
|
line-height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.bonus label.guidage span.actif {
|
|
border-left: 1px solid RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.bonus label.guidage input[type=checkbox] {
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.bonus label.guidage input[type=checkbox]:checked ~ span.actif {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.bonus label.guidage input[type=checkbox]:not(:checked) ~ span.inactif {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.effets,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.ameliorationsArmes,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.special {
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- label
|
|
- width : Width du label
|
|
- height : height du label
|
|
|
|
- span
|
|
- color : La color
|
|
- background : Le background
|
|
- border : S'il y a une bordure (true/false)
|
|
- width : Width du span
|
|
- height : height du height
|
|
|
|
- shadow : s'il y a une ombre (true/false)
|
|
*/
|
|
display: none;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-evenly;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.effets label.fakeButton,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.ameliorationsArmes label.fakeButton,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.special label.fakeButton {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 23px;
|
|
font-size: 14px;
|
|
align-self: center;
|
|
font-size: 12px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.effets label.fakeButton input[type=checkbox],
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.effets label.fakeButton input[type=radio],
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.ameliorationsArmes label.fakeButton input[type=checkbox],
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.ameliorationsArmes label.fakeButton input[type=radio],
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.special label.fakeButton input[type=checkbox],
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.special label.fakeButton input[type=radio] {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 23px;
|
|
opacity: 0;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.effets label.fakeButton span,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.ameliorationsArmes label.fakeButton span,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.special label.fakeButton span {
|
|
display: flex;
|
|
height: 23px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.effets label.fakeButton span::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.ameliorationsArmes label.fakeButton span::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.special label.fakeButton span::before {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 23px;
|
|
content: attr(title);
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.effets label.simple,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.ameliorationsArmes label.simple,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.special label.simple {
|
|
justify-content: space-between;
|
|
width: 150px;
|
|
height: 23px;
|
|
margin: 2px;
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.effets label.simple input[type=checkbox]:not(:checked) ~ span::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.ameliorationsArmes label.simple input[type=checkbox]:not(:checked) ~ span::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.special label.simple input[type=checkbox]:not(:checked) ~ span::before {
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.effets div.double,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.ameliorationsArmes div.double,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.special div.double {
|
|
justify-content: space-between;
|
|
width: 150px;
|
|
height: 23px;
|
|
margin: 2px;
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.effets div.double label.fakeButton,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.ameliorationsArmes div.double label.fakeButton,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.special div.double label.fakeButton {
|
|
width: calc(100% - 30px);
|
|
border: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.effets div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.ameliorationsArmes div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.special div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before {
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.effets div.double input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.ameliorationsArmes div.double input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.special div.double input[type=number] {
|
|
width: 30px;
|
|
height: 23px;
|
|
text-align: center;
|
|
border-top: 0px;
|
|
border-right: 0px;
|
|
border-left: 1px solid black;
|
|
border-bottom: 0px;
|
|
border-radius: 0px;
|
|
padding: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.effets div.doubleTexte,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.ameliorationsArmes div.doubleTexte,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.special div.doubleTexte {
|
|
width: 150px;
|
|
height: 46px;
|
|
margin: 2px;
|
|
flex-wrap: wrap;
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.effets div.doubleTexte input[type=checkbox]:not(:checked) ~ span::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.ameliorationsArmes div.doubleTexte input[type=checkbox]:not(:checked) ~ span::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.special div.doubleTexte input[type=checkbox]:not(:checked) ~ span::before {
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.effets div.doubleTexte input[type=text],
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.ameliorationsArmes div.doubleTexte input[type=text],
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.special div.doubleTexte input[type=text] {
|
|
width: 100%;
|
|
height: 23px;
|
|
text-align: center;
|
|
border-top: 1px solid black;
|
|
border-bottom: 0px;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
border-radius: 0px;
|
|
padding: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.effets div.triple,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.ameliorationsArmes div.triple,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.special div.triple {
|
|
width: 150px;
|
|
height: 46px;
|
|
margin: 2px;
|
|
flex-wrap: wrap;
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.effets div.triple div input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.ameliorationsArmes div.triple div input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.special div.triple div input[type=number] {
|
|
width: calc(50% - 14px);
|
|
height: 23px;
|
|
border-radius: 0px;
|
|
padding: 0px;
|
|
border-bottom: 0px;
|
|
border-right: 0px;
|
|
border-left: 0px;
|
|
border-top: 1px solid black;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.effets div.triple div input[type=number].R,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.ameliorationsArmes div.triple div input[type=number].R,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.special div.triple div input[type=number].R {
|
|
text-align: left;
|
|
border-left: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.effets div.triple div input[type=number].L,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.ameliorationsArmes div.triple div input[type=number].L,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.special div.triple div input[type=number].L {
|
|
text-align: right;
|
|
border-right: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.effets div.triple div span,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.ameliorationsArmes div.triple div span,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.special div.triple div span {
|
|
display: flex;
|
|
background: RGB(93, 111, 179);
|
|
width: 28px;
|
|
height: 22px;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: white;
|
|
border-top: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.effets div.triple input[type=hidden][value="0"] ~ label span::before, div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.effets div.triple input[type=hidden][value="0"] ~ div span,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.ameliorationsArmes div.triple input[type=hidden][value="0"] ~ label span::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.ameliorationsArmes div.triple input[type=hidden][value="0"] ~ div span,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.special div.triple input[type=hidden][value="0"] ~ label span::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.special div.triple input[type=hidden][value="0"] ~ div span {
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe input[type=hidden].subMenu[value="1"] ~ div button[type=action].effets {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe input[type=hidden].subMenu[value="1"] ~ div.effets {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe input[type=hidden].subMenu[value="3"] ~ div button[type=action].ameliorationsArmes {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe input[type=hidden].subMenu[value="3"] ~ div.ameliorationsArmes {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe input[type=hidden].subMenu[value="4"] ~ div button[type=action].special {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe input[type=hidden].subMenu[value="4"] ~ div.special {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance input[type=hidden].armeSection1[value="1"] ~ div div.armeSection1 {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance input[type=hidden].armeSection2[value="1"] ~ div div.armeSection2 {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance input[type=hidden].codexfm4[value="0"] ~ div div.codexfm4, div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance input[type=hidden].codexfm4[value="0"] ~ div label.codexfm4 {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee {
|
|
display: none;
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.utilisation {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- label
|
|
- width : Width du label
|
|
- height : height du label
|
|
|
|
- span
|
|
- color : La color
|
|
- background : Le background
|
|
- border : S'il y a une bordure (true/false)
|
|
- width : Width du span
|
|
- height : height du height
|
|
|
|
- shadow : s'il y a une ombre (true/false)
|
|
*/
|
|
width: 50%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
margin-top: 10px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.utilisation h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.utilisation div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.utilisation label.fakeButton {
|
|
position: relative;
|
|
width: calc(50% - 50px);
|
|
height: 26px;
|
|
font-size: 14px;
|
|
align-self: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.utilisation label.fakeButton input[type=checkbox],
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.utilisation label.fakeButton input[type=radio] {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 26px;
|
|
opacity: 0;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.utilisation label.fakeButton input[type=checkbox]:checked ~ span::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.utilisation label.fakeButton input[type=radio]:checked ~ span::before {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.utilisation label.fakeButton span {
|
|
display: flex;
|
|
height: 26px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.utilisation label.fakeButton span::before {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 26px;
|
|
content: attr(title);
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.utilisation h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.utilisation div.buttons {
|
|
display: flex;
|
|
justify-content: space-evenly;
|
|
background: RGB(213, 215, 237);
|
|
width: 100%;
|
|
padding-top: 5px;
|
|
padding-bottom: 5px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.liste {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
margin-top: 10px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.liste h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.liste div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.liste button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.liste button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.liste button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.liste button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.liste button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.liste button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.liste div.data {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.liste h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.liste div.ligneTitre {
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.liste div.ligneTitre span {
|
|
display: flex;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: center;
|
|
color: black;
|
|
font-weight: bold;
|
|
font-size: 14px;
|
|
height: 28px;
|
|
line-height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.liste div.ligneTitre .type {
|
|
width: calc(100% - 1px - 440px - 29px);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.liste div.ligneTitre .jet {
|
|
width: 110px;
|
|
padding-right: 29px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.liste .OD,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.liste .type,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.liste .degats,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.liste .violence {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
align-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.liste .OD {
|
|
width: 110px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.liste .degats,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.liste .violence {
|
|
width: 109px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.liste .type {
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.liste .jet {
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.liste div.ligne {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.liste div.ligne .OD,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.liste div.ligne .degats,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.liste div.ligne .violence {
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.liste div.ligne .OD input[type=text],
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.liste div.ligne .OD input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.liste div.ligne .degats input[type=text],
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.liste div.ligne .degats input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.liste div.ligne .violence input[type=text],
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.liste div.ligne .violence input[type=number] {
|
|
width: 100%;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
border: 0px;
|
|
min-height: 28px;
|
|
height: 100%;
|
|
background: white;
|
|
text-align: center;
|
|
cursor: context-menu;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.liste div.ligne .type {
|
|
display: flex;
|
|
width: calc(100% - 1px - 440px - 29px - 4px);
|
|
background: white;
|
|
text-align: justify;
|
|
justify-content: flex-start;
|
|
align-items: center;
|
|
align-content: center;
|
|
padding-left: 2px;
|
|
padding-right: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.liste div.ligne .jet {
|
|
width: 139px;
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.liste div.ligne .jet input[type=number] {
|
|
width: calc(100% - 29px);
|
|
margin: 0px;
|
|
padding: 0px;
|
|
border: 0px;
|
|
min-height: 28px;
|
|
height: 100%;
|
|
background: white;
|
|
text-align: center;
|
|
cursor: context-menu;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.liste div.separationTop {
|
|
border-top: 2px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
margin-top: 10px;
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.data {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.ligneTitre {
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.ligneTitre span {
|
|
display: flex;
|
|
justify-content: center;
|
|
color: black;
|
|
font-weight: bold;
|
|
font-size: 14px;
|
|
height: 28px;
|
|
line-height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.ligneTitre div.firstCol {
|
|
background: RGB(213, 215, 237);
|
|
width: calc(100% - 464px - 150px - 29px);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.ligneTitre div.firstCol span {
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.ligneTitre div.midCol {
|
|
background: RGB(213, 215, 237);
|
|
width: 115px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.ligneTitre div.midCol span {
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.ligneTitre div.lastCol {
|
|
background: RGB(213, 215, 237);
|
|
width: 149px;
|
|
padding-right: 29px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.ligneTitre div.lastCol span {
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe {
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe input[type=hidden].guidage:not([value="0"]) ~ div.bonus {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe input[type=hidden].guidage:not([value="0"]) ~ div.bonus label.guidage {
|
|
display: block;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe input[type=hidden].guidage:not([value="0"]) ~ div.bonus label.precis {
|
|
width: 250px;
|
|
padding: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe input[type=hidden].guidage:not([value="0"]) ~ div.bonus label.precis span {
|
|
width: 119px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe input[type=hidden].guidage:not([value="0"]) ~ div.bonus label.precis select {
|
|
width: 131px;
|
|
border-right: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe input[type=hidden].cadence:not([value="0"]) ~ div.bonus {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.cadence {
|
|
display: flex;
|
|
padding-right: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.guidage {
|
|
width: 121px;
|
|
margin-right: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.precis {
|
|
width: 241px;
|
|
padding-right: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.precis span {
|
|
width: calc(50% - 3px);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.precis select {
|
|
width: 121px;
|
|
border-right: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.repcontainer {
|
|
display: flex;
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.repitem {
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- justifyContent : règle la façon dont le contenu est justifié.
|
|
- width : width du div.
|
|
- color : Couleur du texte.
|
|
- background : Background des boutons
|
|
- borderColor : couleur de la bordure
|
|
- fontSize : font size du texte.
|
|
- fontBold : Si le font est Bold ou non (true/false)
|
|
- button
|
|
- width : width du bouton
|
|
- widthBL : width des boutons ayant une bordure à gauche.
|
|
- widthBLR : width des boutons ayant une bordure à gauche et à droite.
|
|
- height : height des boutons.
|
|
- lastLine : indique qu'il y a un bouton sur une seconde ligne (true / false)
|
|
*/
|
|
display: flex;
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.repitem > div.subMenu {
|
|
display: flex;
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
align-items: flex-end;
|
|
align-content: flex-end;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.repitem > div.subMenu button[type=action] {
|
|
display: flex;
|
|
padding: 0px;
|
|
width: 33.3333333333%;
|
|
height: 23px;
|
|
justify-content: center;
|
|
line-height: 23px;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
border-top: 1px solid black;
|
|
border-bottom: 1px solid black;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
background: transparent;
|
|
color: white;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.repitem > div.subMenu button[type=action].BL {
|
|
width: calc(33.3333333333% - 1px);
|
|
border-left: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.repitem > div.subMenu button[type=action].BR {
|
|
width: calc(33.3333333333% - 1px);
|
|
border-right: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.repitem > div.subMenu button[type=action].BLR {
|
|
border-right: 1px solid black;
|
|
border-left: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.repitem > div.subMenu button[type=action].NBT {
|
|
border-top: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.repitem div.bonus {
|
|
display: none;
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
justify-content: flex-end;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.repitem label.precis,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.repitem label.guidage {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ligne {
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ligne div.firstCol {
|
|
background: RGB(213, 215, 237);
|
|
width: calc(100% - 464px - 150px - 29px);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ligne div.midCol {
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
width: 115px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ligne div.lastCol {
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
width: 178px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ligne div.armeNom input[type=text] {
|
|
width: 100%;
|
|
font-size: 14px;
|
|
height: 28px;
|
|
padding-top: 0px;
|
|
padding-right: 0px;
|
|
padding-bottom: 0px;
|
|
border: 0px;
|
|
padding-left: 4px;
|
|
min-width: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ligne div.armeDegats input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ligne div.armeViolence input[type=number] {
|
|
width: calc(50% - 14px);
|
|
font-size: 14px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
border: 0px;
|
|
min-width: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ligne div.armeDegats input[type=number].nbre,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ligne div.armeViolence input[type=number].nbre {
|
|
text-align: right;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ligne div.armeDegats input[type=number].bonus,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ligne div.armeViolence input[type=number].bonus {
|
|
text-align: left;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ligne div.armeDegats b,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ligne div.armeViolence b {
|
|
display: flex;
|
|
width: 28px;
|
|
height: 28px;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ligne div.armePortee select {
|
|
width: 100%;
|
|
font-size: 14px;
|
|
height: 28px;
|
|
text-align: center;
|
|
padding-top: 0px;
|
|
padding-right: 0px;
|
|
padding-bottom: 0px;
|
|
border: 0px;
|
|
padding-left: 15px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ligne div.armeAttaque input[type=number] {
|
|
width: calc(100% - 28px);
|
|
font-size: 14px;
|
|
height: 28px;
|
|
text-align: center;
|
|
padding-top: 0px;
|
|
padding-right: 0px;
|
|
padding-bottom: 0px;
|
|
border: 0px;
|
|
padding-left: 15px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ligne div.armeAttaque input[type=number].nbre {
|
|
text-align: right;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ligne div.armeAttaque input[type=number].bonus {
|
|
text-align: left;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ligne div.armeAttaque b {
|
|
display: flex;
|
|
width: 28px;
|
|
height: 28px;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ligne div.armeJet input[type=number] {
|
|
width: calc(100% - 28px);
|
|
font-size: 14px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
border: 0px;
|
|
border-right: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ligne div.armeJet input[type=number].nbre {
|
|
text-align: right;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ligne div.armeJet input[type=number].bonus {
|
|
text-align: left;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.bonus {
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- label
|
|
- width : Width du label
|
|
- height : height du label
|
|
|
|
- span
|
|
- color : La color
|
|
- background : Le background
|
|
- border : S'il y a une bordure (true/false)
|
|
- width : Width du span
|
|
- height : height du height
|
|
|
|
- shadow : s'il y a une ombre (true/false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.bonus label.fakeButton {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 23px;
|
|
font-size: 14px;
|
|
align-self: center;
|
|
font-size: 12px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.bonus label.fakeButton input[type=checkbox],
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.bonus label.fakeButton input[type=radio] {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 23px;
|
|
opacity: 0;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.bonus label.fakeButton span {
|
|
display: flex;
|
|
height: 23px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.bonus label.fakeButton span::before {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 23px;
|
|
content: attr(title);
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.bonus label.simple {
|
|
justify-content: space-between;
|
|
width: 150px;
|
|
height: 23px;
|
|
margin: 2px;
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.bonus label.simple input[type=checkbox]:not(:checked) ~ span::before {
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.bonus input[type=hidden].deuxMains[value="0"] ~ label.precis {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.bonus input[type=hidden].allegee[value="1"] ~ label.precis {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.bonus label.precis {
|
|
display: none;
|
|
width: 260px;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
padding-right: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.bonus label.precis span {
|
|
width: calc(50% - 3px);
|
|
padding-left: 2px;
|
|
line-height: 27px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.bonus label.precis select {
|
|
width: calc(50% + 1px);
|
|
border: 0px;
|
|
padding: 0px;
|
|
height: 28px;
|
|
text-align: center;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
border-right: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.bonus label.cadence {
|
|
display: none;
|
|
width: 381px;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.bonus label.cadence span {
|
|
width: 251px;
|
|
padding-left: 2px;
|
|
line-height: 27px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.bonus label.cadence select {
|
|
width: 132px;
|
|
border: 0px;
|
|
padding: 0px;
|
|
padding-left: 15px;
|
|
height: 28px;
|
|
text-align: center;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
border-right: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.bonus label.guidage {
|
|
display: none;
|
|
margin-top: 1px;
|
|
width: 130px;
|
|
height: 28px;
|
|
margin: 0px;
|
|
margin-right: 29px;
|
|
border-right: 1px solid RGB(93, 111, 179);
|
|
border: 0px;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.bonus label.guidage span.actif,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.bonus label.guidage span.inactif {
|
|
display: none;
|
|
text-align: center;
|
|
color: black;
|
|
height: 28px;
|
|
line-height: 28px;
|
|
align-items: center;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.bonus label.guidage span.actif::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.bonus label.guidage span.inactif::before {
|
|
height: 28px;
|
|
line-height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.bonus label.guidage span.actif {
|
|
border-left: 1px solid RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.bonus label.guidage input[type=checkbox] {
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.bonus label.guidage input[type=checkbox]:checked ~ span.actif {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.bonus label.guidage input[type=checkbox]:not(:checked) ~ span.inactif {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.effets,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ameliorationsArmes,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.special {
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- label
|
|
- width : Width du label
|
|
- height : height du label
|
|
|
|
- span
|
|
- color : La color
|
|
- background : Le background
|
|
- border : S'il y a une bordure (true/false)
|
|
- width : Width du span
|
|
- height : height du height
|
|
|
|
- shadow : s'il y a une ombre (true/false)
|
|
*/
|
|
display: none;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-evenly;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.effets label.fakeButton,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ameliorationsArmes label.fakeButton,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.special label.fakeButton {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 23px;
|
|
font-size: 14px;
|
|
align-self: center;
|
|
font-size: 12px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.effets label.fakeButton input[type=checkbox],
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.effets label.fakeButton input[type=radio],
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ameliorationsArmes label.fakeButton input[type=checkbox],
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ameliorationsArmes label.fakeButton input[type=radio],
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.special label.fakeButton input[type=checkbox],
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.special label.fakeButton input[type=radio] {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 23px;
|
|
opacity: 0;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.effets label.fakeButton span,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ameliorationsArmes label.fakeButton span,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.special label.fakeButton span {
|
|
display: flex;
|
|
height: 23px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.effets label.fakeButton span::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ameliorationsArmes label.fakeButton span::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.special label.fakeButton span::before {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 23px;
|
|
content: attr(title);
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.effets label.simple,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ameliorationsArmes label.simple,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.special label.simple {
|
|
justify-content: space-between;
|
|
width: 150px;
|
|
height: 23px;
|
|
margin: 2px;
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.effets label.simple input[type=checkbox]:not(:checked) ~ span::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ameliorationsArmes label.simple input[type=checkbox]:not(:checked) ~ span::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.special label.simple input[type=checkbox]:not(:checked) ~ span::before {
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.effets div.double,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ameliorationsArmes div.double,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.special div.double {
|
|
justify-content: space-between;
|
|
width: 150px;
|
|
height: 23px;
|
|
margin: 2px;
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.effets div.double label.fakeButton,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ameliorationsArmes div.double label.fakeButton,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.special div.double label.fakeButton {
|
|
width: calc(100% - 30px);
|
|
border: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.effets div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ameliorationsArmes div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.special div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before {
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.effets div.double input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ameliorationsArmes div.double input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.special div.double input[type=number] {
|
|
width: 30px;
|
|
height: 23px;
|
|
text-align: center;
|
|
border-top: 0px;
|
|
border-right: 0px;
|
|
border-left: 1px solid black;
|
|
border-bottom: 0px;
|
|
border-radius: 0px;
|
|
padding: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.effets div.doubleTexte,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ameliorationsArmes div.doubleTexte,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.special div.doubleTexte {
|
|
width: 150px;
|
|
height: 46px;
|
|
margin: 2px;
|
|
flex-wrap: wrap;
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.effets div.doubleTexte input[type=checkbox]:not(:checked) ~ span::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ameliorationsArmes div.doubleTexte input[type=checkbox]:not(:checked) ~ span::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.special div.doubleTexte input[type=checkbox]:not(:checked) ~ span::before {
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.effets div.doubleTexte input[type=text],
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ameliorationsArmes div.doubleTexte input[type=text],
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.special div.doubleTexte input[type=text] {
|
|
width: 100%;
|
|
height: 23px;
|
|
text-align: center;
|
|
border-top: 1px solid black;
|
|
border-bottom: 0px;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
border-radius: 0px;
|
|
padding: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.effets div.triple,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ameliorationsArmes div.triple,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.special div.triple {
|
|
width: 150px;
|
|
height: 46px;
|
|
margin: 2px;
|
|
flex-wrap: wrap;
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.effets div.triple div input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ameliorationsArmes div.triple div input[type=number],
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.special div.triple div input[type=number] {
|
|
width: calc(50% - 14px);
|
|
height: 23px;
|
|
border-radius: 0px;
|
|
padding: 0px;
|
|
border-bottom: 0px;
|
|
border-right: 0px;
|
|
border-left: 0px;
|
|
border-top: 1px solid black;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.effets div.triple div input[type=number].R,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ameliorationsArmes div.triple div input[type=number].R,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.special div.triple div input[type=number].R {
|
|
text-align: left;
|
|
border-left: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.effets div.triple div input[type=number].L,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ameliorationsArmes div.triple div input[type=number].L,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.special div.triple div input[type=number].L {
|
|
text-align: right;
|
|
border-right: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.effets div.triple div span,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ameliorationsArmes div.triple div span,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.special div.triple div span {
|
|
display: flex;
|
|
background: RGB(93, 111, 179);
|
|
width: 28px;
|
|
height: 22px;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: white;
|
|
border-top: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.effets div.triple input[type=hidden][value="0"] ~ label span::before, div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.effets div.triple input[type=hidden][value="0"] ~ div span,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ameliorationsArmes div.triple input[type=hidden][value="0"] ~ label span::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ameliorationsArmes div.triple input[type=hidden][value="0"] ~ div span,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.special div.triple input[type=hidden][value="0"] ~ label span::before,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.special div.triple input[type=hidden][value="0"] ~ div span {
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe input[type=hidden].subMenu[value="1"] ~ div button[type=action].effets {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe input[type=hidden].subMenu[value="1"] ~ div.effets {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe input[type=hidden].subMenu[value="3"] ~ div button[type=action].ameliorationsArmes {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe input[type=hidden].subMenu[value="3"] ~ div.ameliorationsArmes {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe input[type=hidden].subMenu[value="4"] ~ div button[type=action].special {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe input[type=hidden].subMenu[value="4"] ~ div.special {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre input[type=hidden].styleCombat[value=pilonnage] ~ div div.bonus {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre input[type=hidden].styleCombat[value=pilonnage] ~ div label.pilonnage {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre input[type=hidden].styleCombat[value=pilonnage] ~ div label.pilonnageDetails {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1 {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre input[type=hidden].bonusCarac[value="1"] ~ div div.bonus {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre input[type=hidden].bonusCarac[value="1"] ~ div div.bonus label.pilonnage {
|
|
width: 241px;
|
|
padding-right: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre input[type=hidden].bonusCarac[value="1"] ~ div div.bonus label.pilonnage input[type=number] {
|
|
border-right: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre input[type=hidden].bonusCarac[value="1"] ~ div div.bonusCarac {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre input[type=hidden].bonusCarac[value="1"] ~ div div.bonusCarac select:first-of-type {
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2 {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre input[type=hidden].bonusCarac[value="2"] ~ div div.bonus {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre input[type=hidden].bonusCarac[value="2"] ~ div div.bonus label.pilonnage {
|
|
width: 241px;
|
|
padding-right: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre input[type=hidden].bonusCarac[value="2"] ~ div div.bonus label.pilonnage input[type=number] {
|
|
border-right: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre input[type=hidden].bonusCarac[value="2"] ~ div div.bonusCarac {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre input[type=hidden].bonusCarac[value="2"] ~ div div.bonusCarac select:first-of-type {
|
|
display: inline-block;
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre input[type=hidden].bonusCarac[value="2"] ~ div div.bonusCarac select:last-of-type {
|
|
display: inline-block;
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre input[type=hidden].armeSection1[value="1"] ~ div div.armeSection1 {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre input[type=hidden].armeSection2[value="1"] ~ div div.armeSection2 {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre input[type=hidden].codexfm4[value="0"] ~ div div.codexfm4, div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre input[type=hidden].codexfm4[value="0"] ~ div label.codexfm4 {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenade {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- justifyContent : règle la façon dont le contenu est justifié.
|
|
- width : width du div.
|
|
- color : Couleur du texte.
|
|
- background : Background des boutons
|
|
- borderColor : couleur de la bordure
|
|
- fontSize : font size du texte.
|
|
- fontBold : Si le font est Bold ou non (true/false)
|
|
- button
|
|
- width : width du bouton
|
|
- widthBL : width des boutons ayant une bordure à gauche.
|
|
- widthBLR : width des boutons ayant une bordure à gauche et à droite.
|
|
- height : height des boutons.
|
|
- lastLine : indique qu'il y a un bouton sur une seconde ligne (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenade h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenade div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenade div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenade div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabCombat div.grenade div.titre button[type=action].bonusCaracL2 {
|
|
width: 26px;
|
|
height: 26px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenade div.titre button[type=action].bonusCaracL2 {
|
|
margin-right: auto;
|
|
margin-left: 3px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenade button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabCombat div.grenade button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenade button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabCombat div.grenade button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenade button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabCombat div.grenade button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenade > div.subMenu {
|
|
display: flex;
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
align-items: flex-end;
|
|
align-content: flex-end;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenade > div.subMenu button[type=action] {
|
|
display: flex;
|
|
padding: 0px;
|
|
width: 100%;
|
|
height: 23px;
|
|
justify-content: center;
|
|
line-height: 23px;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
border-top: 1px solid black;
|
|
border-bottom: 1px solid black;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
background: transparent;
|
|
color: white;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenade > div.subMenu button[type=action].BL {
|
|
width: calc(100% - 1px);
|
|
border-left: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenade > div.subMenu button[type=action].BR {
|
|
width: calc(100% - 1px);
|
|
border-right: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenade > div.subMenu button[type=action].BLR {
|
|
border-right: 1px solid black;
|
|
border-left: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenade > div.subMenu button[type=action].NBT {
|
|
border-top: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenade div.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenade div.titre h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenade div.titre div {
|
|
display: flex;
|
|
height: 28px;
|
|
width: 80px;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
align-content: center;
|
|
margin-left: auto;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenade div.titre div input[type=number] {
|
|
width: 37px;
|
|
height: 100%;
|
|
text-align: center;
|
|
padding: 0px;
|
|
border: 0px;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenade div.titre div b {
|
|
display: flex;
|
|
width: 6px;
|
|
height: 100%;
|
|
color: black;
|
|
background: white;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenade div.roll {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenade div.roll select {
|
|
width: 50%;
|
|
font-size: 14px;
|
|
height: 28px;
|
|
text-align: center;
|
|
padding-top: 0px;
|
|
padding-right: 0px;
|
|
padding-bottom: 0px;
|
|
border: 0px;
|
|
padding-left: 15px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenade div.roll select:last-of-type {
|
|
width: 50%;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenade div.ligne {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
align-content: center;
|
|
width: 100%;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenade div.ligne span {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenade div.ligne span.nom {
|
|
width: 98px;
|
|
padding-left: 2px;
|
|
line-height: 28px;
|
|
font-weight: bold;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenade div.ligne span.description {
|
|
height: 100%;
|
|
width: calc(100% - 100px - 29px - 4px);
|
|
padding-left: 2px;
|
|
padding-right: 2px;
|
|
line-height: 18px;
|
|
font-weight: normal;
|
|
font-size: 13px;
|
|
border-right: 1px solid RGB(93, 111, 179);
|
|
align-items: center;
|
|
align-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenade div.effets {
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- label
|
|
- width : Width du label
|
|
- height : height du label
|
|
|
|
- span
|
|
- color : La color
|
|
- background : Le background
|
|
- border : S'il y a une bordure (true/false)
|
|
- width : Width du span
|
|
- height : height du height
|
|
|
|
- shadow : s'il y a une ombre (true/false)
|
|
*/
|
|
display: none;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-evenly;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenade div.effets label.fakeButton {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 23px;
|
|
font-size: 14px;
|
|
align-self: center;
|
|
font-size: 12px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenade div.effets label.fakeButton input[type=checkbox],
|
|
div.charsheet > div.content div.tabCombat div.grenade div.effets label.fakeButton input[type=radio] {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 23px;
|
|
opacity: 0;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenade div.effets label.fakeButton span {
|
|
display: flex;
|
|
height: 23px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenade div.effets label.fakeButton span::before {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 23px;
|
|
content: attr(title);
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenade div.effets label.simple {
|
|
justify-content: space-between;
|
|
width: 200px;
|
|
height: 23px;
|
|
margin: 2px;
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenade div.effets label.simple input[type=checkbox]:not(:checked) ~ span::before {
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenade div.effets div.double {
|
|
justify-content: space-between;
|
|
width: 150px;
|
|
height: 23px;
|
|
margin: 2px;
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenade div.effets div.double label.fakeButton {
|
|
width: calc(100% - 30px);
|
|
border: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenade div.effets div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before {
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenade div.effets div.double input[type=number] {
|
|
width: 30px;
|
|
height: 23px;
|
|
text-align: center;
|
|
border-top: 0px;
|
|
border-right: 0px;
|
|
border-left: 1px solid black;
|
|
border-bottom: 0px;
|
|
border-radius: 0px;
|
|
padding: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenade div.effets div.doubleTexte {
|
|
width: 150px;
|
|
height: 46px;
|
|
margin: 2px;
|
|
flex-wrap: wrap;
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenade div.effets div.doubleTexte input[type=checkbox]:not(:checked) ~ span::before {
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenade div.effets div.doubleTexte input[type=text] {
|
|
width: 100%;
|
|
height: 23px;
|
|
text-align: center;
|
|
border-top: 1px solid black;
|
|
border-bottom: 0px;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
border-radius: 0px;
|
|
padding: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenade div.effets div.triple {
|
|
width: 150px;
|
|
height: 46px;
|
|
margin: 2px;
|
|
flex-wrap: wrap;
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenade div.effets div.triple div input[type=number] {
|
|
width: calc(50% - 14px);
|
|
height: 23px;
|
|
border-radius: 0px;
|
|
padding: 0px;
|
|
border-bottom: 0px;
|
|
border-right: 0px;
|
|
border-left: 0px;
|
|
border-top: 1px solid black;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenade div.effets div.triple div input[type=number].R {
|
|
text-align: left;
|
|
border-left: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenade div.effets div.triple div input[type=number].L {
|
|
text-align: right;
|
|
border-right: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenade div.effets div.triple div span {
|
|
display: flex;
|
|
background: RGB(93, 111, 179);
|
|
width: 28px;
|
|
height: 22px;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: white;
|
|
border-top: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenade div.effets div.triple input[type=hidden][value="0"] ~ label span::before, div.charsheet > div.content div.tabCombat div.grenade div.effets div.triple input[type=hidden][value="0"] ~ div span {
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenade div.bonusCarac {
|
|
display: none;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenade div.bonusCarac select {
|
|
display: none;
|
|
font-size: 14px;
|
|
height: 28px;
|
|
text-align: center;
|
|
padding-top: 0px;
|
|
padding-right: 0px;
|
|
padding-bottom: 0px;
|
|
border: 0px;
|
|
padding-left: 15px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenade input[type=hidden].effets[value="1"] ~ div button[type=action].effets {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenade input[type=hidden].effets[value="1"] ~ div.effets {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenade input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1 {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenade input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenade input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac select:first-of-type {
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenade input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabCombat div.grenade input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2 {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenade input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenade input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:first-of-type {
|
|
display: inline-block;
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenade input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:last-of-type {
|
|
display: inline-block;
|
|
width: 50%;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenade input[type=hidden].codexfm4[value="0"] ~ div.codexfm4 {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenadePNJ {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- justifyContent : règle la façon dont le contenu est justifié.
|
|
- width : width du div.
|
|
- color : Couleur du texte.
|
|
- background : Background des boutons
|
|
- borderColor : couleur de la bordure
|
|
- fontSize : font size du texte.
|
|
- fontBold : Si le font est Bold ou non (true/false)
|
|
- button
|
|
- width : width du bouton
|
|
- widthBL : width des boutons ayant une bordure à gauche.
|
|
- widthBLR : width des boutons ayant une bordure à gauche et à droite.
|
|
- height : height des boutons.
|
|
- lastLine : indique qu'il y a un bouton sur une seconde ligne (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenadePNJ h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenadePNJ div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenadePNJ div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenadePNJ button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabCombat div.grenadePNJ button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenadePNJ button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabCombat div.grenadePNJ button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenadePNJ button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabCombat div.grenadePNJ button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenadePNJ > div.subMenu {
|
|
display: flex;
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
align-items: flex-end;
|
|
align-content: flex-end;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenadePNJ > div.subMenu button[type=action] {
|
|
display: flex;
|
|
padding: 0px;
|
|
width: 100%;
|
|
height: 23px;
|
|
justify-content: center;
|
|
line-height: 23px;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
border-top: 1px solid black;
|
|
border-bottom: 1px solid black;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
background: transparent;
|
|
color: white;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenadePNJ > div.subMenu button[type=action].BL {
|
|
width: calc(100% - 1px);
|
|
border-left: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenadePNJ > div.subMenu button[type=action].BR {
|
|
width: calc(100% - 1px);
|
|
border-right: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenadePNJ > div.subMenu button[type=action].BLR {
|
|
border-right: 1px solid black;
|
|
border-left: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenadePNJ > div.subMenu button[type=action].NBT {
|
|
border-top: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenadePNJ div.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenadePNJ div.titre h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenadePNJ div.titre div {
|
|
display: flex;
|
|
height: 28px;
|
|
width: 80px;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
align-content: center;
|
|
margin-left: auto;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenadePNJ div.titre div input[type=number] {
|
|
width: 37px;
|
|
height: 100%;
|
|
text-align: center;
|
|
padding: 0px;
|
|
border: 0px;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenadePNJ div.titre div b {
|
|
display: flex;
|
|
width: 6px;
|
|
height: 100%;
|
|
color: black;
|
|
background: white;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenadePNJ div.roll {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenadePNJ div.roll select {
|
|
width: 100%;
|
|
font-size: 14px;
|
|
height: 28px;
|
|
text-align: center;
|
|
padding-top: 0px;
|
|
padding-right: 0px;
|
|
padding-bottom: 0px;
|
|
border: 0px;
|
|
padding-left: 15px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenadePNJ div.ligne {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
align-content: center;
|
|
width: 100%;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenadePNJ div.ligne span {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenadePNJ div.ligne span.nom {
|
|
width: 98px;
|
|
padding-left: 2px;
|
|
line-height: 28px;
|
|
font-weight: bold;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenadePNJ div.ligne span.description {
|
|
height: 100%;
|
|
width: calc(100% - 100px - 29px - 4px);
|
|
padding-left: 2px;
|
|
padding-right: 2px;
|
|
line-height: 18px;
|
|
font-weight: normal;
|
|
font-size: 13px;
|
|
border-right: 1px solid RGB(93, 111, 179);
|
|
align-items: center;
|
|
align-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenadePNJ div.effets {
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- label
|
|
- width : Width du label
|
|
- height : height du label
|
|
|
|
- span
|
|
- color : La color
|
|
- background : Le background
|
|
- border : S'il y a une bordure (true/false)
|
|
- width : Width du span
|
|
- height : height du height
|
|
|
|
- shadow : s'il y a une ombre (true/false)
|
|
*/
|
|
display: none;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-evenly;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenadePNJ div.effets label.fakeButton {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 23px;
|
|
font-size: 14px;
|
|
align-self: center;
|
|
font-size: 12px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenadePNJ div.effets label.fakeButton input[type=checkbox],
|
|
div.charsheet > div.content div.tabCombat div.grenadePNJ div.effets label.fakeButton input[type=radio] {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 23px;
|
|
opacity: 0;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenadePNJ div.effets label.fakeButton span {
|
|
display: flex;
|
|
height: 23px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenadePNJ div.effets label.fakeButton span::before {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 23px;
|
|
content: attr(title);
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenadePNJ div.effets label.simple {
|
|
justify-content: space-between;
|
|
width: 200px;
|
|
height: 23px;
|
|
margin: 2px;
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenadePNJ div.effets label.simple input[type=checkbox]:not(:checked) ~ span::before {
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenadePNJ div.effets div.double {
|
|
justify-content: space-between;
|
|
width: 150px;
|
|
height: 23px;
|
|
margin: 2px;
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenadePNJ div.effets div.double label.fakeButton {
|
|
width: calc(100% - 30px);
|
|
border: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenadePNJ div.effets div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before {
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenadePNJ div.effets div.double input[type=number] {
|
|
width: 30px;
|
|
height: 23px;
|
|
text-align: center;
|
|
border-top: 0px;
|
|
border-right: 0px;
|
|
border-left: 1px solid black;
|
|
border-bottom: 0px;
|
|
border-radius: 0px;
|
|
padding: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenadePNJ div.effets div.doubleTexte {
|
|
width: 150px;
|
|
height: 46px;
|
|
margin: 2px;
|
|
flex-wrap: wrap;
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenadePNJ div.effets div.doubleTexte input[type=checkbox]:not(:checked) ~ span::before {
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenadePNJ div.effets div.doubleTexte input[type=text] {
|
|
width: 100%;
|
|
height: 23px;
|
|
text-align: center;
|
|
border-top: 1px solid black;
|
|
border-bottom: 0px;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
border-radius: 0px;
|
|
padding: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenadePNJ div.effets div.triple {
|
|
width: 150px;
|
|
height: 46px;
|
|
margin: 2px;
|
|
flex-wrap: wrap;
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenadePNJ div.effets div.triple div input[type=number] {
|
|
width: calc(50% - 14px);
|
|
height: 23px;
|
|
border-radius: 0px;
|
|
padding: 0px;
|
|
border-bottom: 0px;
|
|
border-right: 0px;
|
|
border-left: 0px;
|
|
border-top: 1px solid black;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenadePNJ div.effets div.triple div input[type=number].R {
|
|
text-align: left;
|
|
border-left: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenadePNJ div.effets div.triple div input[type=number].L {
|
|
text-align: right;
|
|
border-right: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenadePNJ div.effets div.triple div span {
|
|
display: flex;
|
|
background: RGB(93, 111, 179);
|
|
width: 28px;
|
|
height: 22px;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: white;
|
|
border-top: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenadePNJ div.effets div.triple input[type=hidden][value="0"] ~ label span::before, div.charsheet > div.content div.tabCombat div.grenadePNJ div.effets div.triple input[type=hidden][value="0"] ~ div span {
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenadePNJ input[type=hidden].effets[value="1"] ~ div button[type=action].effets {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.grenadePNJ input[type=hidden].effets[value="1"] ~ div.effets {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.protections {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.protections h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.protections div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.protections h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.protections div.ligneTitre,
|
|
div.charsheet > div.content div.tabCombat div.protections div.repcontainer,
|
|
div.charsheet > div.content div.tabCombat div.protections div.repitem {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.protections div.repcontainer {
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.protections div.ligneTitre span {
|
|
display: flex;
|
|
font-weight: bold;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.protections .col4 {
|
|
display: flex;
|
|
width: 25%;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: center;
|
|
align-items: center;
|
|
align-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.protections .col4BL {
|
|
display: flex;
|
|
width: calc(25% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
background: RGB(213, 215, 237);
|
|
justify-content: center;
|
|
align-items: center;
|
|
align-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.protections .repitem {
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- justifyContent : règle la façon dont le contenu est justifié.
|
|
- width : width du div.
|
|
- color : Couleur du texte.
|
|
- background : Background des boutons
|
|
- borderColor : couleur de la bordure
|
|
- fontSize : font size du texte.
|
|
- fontBold : Si le font est Bold ou non (true/false)
|
|
- button
|
|
- width : width du bouton
|
|
- widthBL : width des boutons ayant une bordure à gauche.
|
|
- widthBLR : width des boutons ayant une bordure à gauche et à droite.
|
|
- height : height des boutons.
|
|
- lastLine : indique qu'il y a un bouton sur une seconde ligne (true / false)
|
|
*/
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.protections .repitem > div.subMenu {
|
|
display: flex;
|
|
width: 25%;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
align-items: flex-end;
|
|
align-content: flex-end;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.protections .repitem > div.subMenu button[type=action] {
|
|
display: flex;
|
|
padding: 0px;
|
|
width: 100%;
|
|
height: 26px;
|
|
justify-content: center;
|
|
line-height: 26px;
|
|
font-size: 1.2em;
|
|
font-weight: bold;
|
|
border-top: 1px solid black;
|
|
border-bottom: 1px solid black;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.protections .repitem > div.subMenu button[type=action].BL {
|
|
width: calc(100% - 1px);
|
|
border-left: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.protections .repitem > div.subMenu button[type=action].BR {
|
|
width: calc(100% - 1px);
|
|
border-right: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.protections .repitem > div.subMenu button[type=action].BLR {
|
|
border-right: 1px solid black;
|
|
border-left: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.protections .repitem > div.subMenu button[type=action].NBT {
|
|
border-top: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.protections .repitem input[type=text],
|
|
div.charsheet > div.content div.tabCombat div.protections .repitem input[type=number] {
|
|
width: 100%;
|
|
text-align: center;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.protections .repitem input[type=hidden].porte[value="1"] ~ div button[type=action].porte {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.effetsArmes {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.effetsArmes h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.effetsArmes div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.effetsArmes h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.effetsArmes select {
|
|
width: 100%;
|
|
padding: 0px;
|
|
border: 0px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.effetsArmes span {
|
|
display: flex;
|
|
width: 100%;
|
|
background-color: #f5f5f5;
|
|
min-height: 28px;
|
|
padding-right: 2px;
|
|
padding-left: 2px;
|
|
text-align: justify;
|
|
white-space: pre-line;
|
|
}
|
|
div.charsheet > div.content div.tabCombat input[type=hidden].subTabDistance[value="1"] ~ div button[type=action].subTabDistance {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat input[type=hidden].subTabDistance[value="1"] ~ .subTabMelee, div.charsheet > div.content div.tabCombat input[type=hidden].subTabDistance[value="1"] ~ div .subTabDistance {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat input[type=hidden].subTabMelee[value="2"] ~ div button[type=action].subTabMelee {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat input[type=hidden].subTabMelee[value="2"] ~ .subTabMelee, div.charsheet > div.content div.tabCombat input[type=hidden].subTabMelee[value="2"] ~ div .subTabMelee {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat input[type=hidden].subTabAutre[value="3"] ~ div button[type=action].subTabAutre {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat input[type=hidden].subTabAutre[value="3"] ~ .subTabAutre, div.charsheet > div.content div.tabCombat input[type=hidden].subTabAutre[value="3"] ~ div .subTabAutre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat input[type=hidden].subTabDefensif[value="4"] ~ div button[type=action].subTabDefensif {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat input[type=hidden].subTabDefensif[value="4"] ~ .protections, div.charsheet > div.content div.tabCombat input[type=hidden].subTabDefensif[value="4"] ~ div .protections {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat input[type=hidden].subTabArmure[value="5"] ~ div button[type=action].subTabArmure {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat input[type=hidden].subTabArmure[value="5"] ~ .subTabArmure > div {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat input[type=hidden].subTabImprovisee[value="6"] ~ div button[type=action].subTabImprovisee {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabCombat input[type=hidden].subTabImprovisee[value="6"] ~ .subTabImprovisee, div.charsheet > div.content div.tabCombat input[type=hidden].subTabImprovisee[value="6"] ~ div .subTabImprovisee {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabCombat > div.col > * {
|
|
margin-bottom: 10px;
|
|
}
|
|
div.charsheet > div.content div.tabCombat div.marginTop {
|
|
margin-top: 10px;
|
|
}
|
|
div.charsheet > div.content div.tabModules {
|
|
justify-content: space-between;
|
|
align-items: flex-start;
|
|
align-content: flex-start;
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabModules div.col {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: flex-start;
|
|
align-content: flex-start;
|
|
width: calc(50% - 5px);
|
|
flex-wrap: wrap;
|
|
position: relative;
|
|
}
|
|
div.charsheet > div.content div.tabModules div.dataArmure {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabModules div.dataArmure h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabModules div.dataArmure div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabModules div.dataArmure input[type=number] {
|
|
width: 100%;
|
|
border: 0px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabModules div.dataArmure h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabModules div.dataArmure div.ligneTitre {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabModules div.dataArmure div.ligneTitre span {
|
|
display: flex;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabModules div.dataArmure div.ligneTitre span:first-of-type {
|
|
padding-left: 2px;
|
|
width: calc(31% - 2px);
|
|
}
|
|
div.charsheet > div.content div.tabModules div.dataArmure div.ligneTitre span:not(:first-of-type) {
|
|
width: calc(23% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabModules div.dataArmure div.ligne3 {
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabModules div.dataArmure div.ligne3 span {
|
|
display: flex;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
padding-left: 2px;
|
|
width: calc(31% - 2px);
|
|
}
|
|
div.charsheet > div.content div.tabModules div.dataArmure div.ligne3 div {
|
|
width: calc(23% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabModules div.dataArmure div.ligne1 {
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabModules div.dataArmure div.ligne1 span {
|
|
display: flex;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
padding-left: 2px;
|
|
width: calc(31% - 2px);
|
|
}
|
|
div.charsheet > div.content div.tabModules div.dataArmure div.ligne1 div {
|
|
width: 23%;
|
|
}
|
|
div.charsheet > div.content div.tabModules div.dataArmure div.ligne1 div:nth-of-type(1), div.charsheet > div.content div.tabModules div.dataArmure div.ligne1 div:nth-of-type(2) {
|
|
width: calc(23% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabModules div.PES {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabModules div.PES h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabModules div.PES div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabModules div.PES h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabModules div.PES input[type=number] {
|
|
width: 100%;
|
|
border: 0px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabModules div.PES div.ligneTitre {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabModules div.PES div.ligneTitre span {
|
|
display: flex;
|
|
width: 33.3333333333%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabModules div.PES div.ligneTitre span:not(:first-of-type) {
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabModules div.PES div.ligne2 {
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabModules div.PES div.ligne2 span {
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
width: calc(33.3333333333% - 2px);
|
|
padding-left: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabModules div.PES div.ligne2 div {
|
|
width: 33.3333333333%;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabModules div.PES div.resilience {
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabModules div.PES div.resilience div span {
|
|
display: flex;
|
|
width: calc(100% - 70px);
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabModules div.PES div.resilience div:first-of-type {
|
|
width: calc(33.3333333333% - 2px);
|
|
padding-left: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabModules div.PES div.resilience div:first-of-type button[type=action] {
|
|
width: 68px;
|
|
height: 26px;
|
|
padding: 0px;
|
|
justify-content: center;
|
|
align-items: center;
|
|
background: RGB(93, 111, 179);
|
|
border: 1px solid RGB(213, 215, 237);
|
|
font-size: 12px;
|
|
font-variant: small-caps;
|
|
font-weight: bold;
|
|
margin-top: auto;
|
|
margin-bottom: auto;
|
|
margin-left: auto;
|
|
color: white;
|
|
}
|
|
div.charsheet > div.content div.tabModules div.PES div.resilience div:first-of-type button[type=action]:hover {
|
|
box-shadow: inset 1px 1px 2px 2px black;
|
|
}
|
|
div.charsheet > div.content div.tabModules div.PES div.resilience div:not(:first-of-type) {
|
|
width: 33.3333333333%;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabModules div.information {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
display: flex;
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
border-top: 1px solid RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabModules div.information h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabModules div.information div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabModules div.information h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabModules div.information div.autoex textarea {
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabModules div.slots {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
margin-top: 10px;
|
|
}
|
|
div.charsheet > div.content div.tabModules div.slots h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabModules div.slots div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabModules div.slots div.data {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabModules div.slots h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabModules div.slots div.col6,
|
|
div.charsheet > div.content div.tabModules div.slots div.col6BL {
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabModules div.slots div.col6 > span,
|
|
div.charsheet > div.content div.tabModules div.slots div.col6BL > span {
|
|
width: max-content;
|
|
font-weight: bold;
|
|
font-variant: small-caps;
|
|
line-height: 28px;
|
|
padding-left: 3px;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabModules div.slots div.col6 div,
|
|
div.charsheet > div.content div.tabModules div.slots div.col6BL div {
|
|
width: 45px;
|
|
height: 28px;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
align-items: center;
|
|
flex-wrap: nowrap;
|
|
}
|
|
div.charsheet > div.content div.tabModules div.slots div.col6 div input[type=number],
|
|
div.charsheet > div.content div.tabModules div.slots div.col6BL div input[type=number] {
|
|
background: transparent;
|
|
border: none;
|
|
line-height: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
width: 19px;
|
|
font-weight: bold;
|
|
font-size: 13px;
|
|
margin-left: auto;
|
|
text-align: right;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabModules div.slots div.col6 div b,
|
|
div.charsheet > div.content div.tabModules div.slots div.col6BL div b {
|
|
font-size: 14px;
|
|
line-height: 28px;
|
|
color: RGB(55, 53, 53);
|
|
}
|
|
div.charsheet > div.content div.tabModules div.slots div.col6 div span,
|
|
div.charsheet > div.content div.tabModules div.slots div.col6BL div span {
|
|
line-height: 28px;
|
|
margin-left: 0px;
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
width: auto;
|
|
text-align: center;
|
|
font-size: 13px;
|
|
margin-right: 2px;
|
|
color: black;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabModules div.slots div.col6 {
|
|
width: 16.6666666667%;
|
|
}
|
|
div.charsheet > div.content div.tabModules div.slots div.col6BL {
|
|
width: calc(16.6666666667% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabModules div.modulesListe {
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
margin-top: 10px;
|
|
}
|
|
div.charsheet > div.content div.tabModules div.modulesListe h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabModules div.modulesListe div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabModules div.modulesListe button[type=action].buttonPlus {
|
|
display: flex;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
width: 27px;
|
|
font-size: 25px;
|
|
height: 28px;
|
|
line-height: 21px;
|
|
justify-content: center;
|
|
border-top: 0px;
|
|
border-left: 0px;
|
|
border-bottom: 0px;
|
|
border-right: 1px solid RGB(213, 215, 237);
|
|
padding: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabModules div.modulesListe button[type=action].buttonPlus span {
|
|
display: none;
|
|
width: 100%;
|
|
font-size: 25px;
|
|
justify-content: center;
|
|
line-height: 23px;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabModules div.modulesListe button[type=action].buttonArrow {
|
|
content: "]";
|
|
width: 17px;
|
|
color: white;
|
|
font-size: 20px;
|
|
font-weight: bold;
|
|
font-family: pictos;
|
|
line-height: 18px;
|
|
transform: rotate(90deg);
|
|
padding: 0px;
|
|
background: transparent;
|
|
border: 0px;
|
|
transition: transform 2s;
|
|
}
|
|
div.charsheet > div.content div.tabModules div.modulesListe h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabModules div.modulesListe .ligne {
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabModules div.modulesListe div.repitem {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
display: flex;
|
|
width: calc(50% - 10px);
|
|
justify-content: space-between;
|
|
align-self: flex-start;
|
|
}
|
|
div.charsheet > div.content div.tabModules div.modulesListe div.repitem div.titre {
|
|
display: flex;
|
|
position: initial;
|
|
}
|
|
div.charsheet > div.content div.tabModules div.modulesListe div.repitem div.ligne {
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabModules div.modulesListe div.repitem input[type=hidden].expandSlots[value="1"] ~ div button[type=action].buttonArrow {
|
|
transform: rotate(-90deg);
|
|
}
|
|
div.charsheet > div.content div.tabModules div.modulesListe div.repitem input[type=hidden].expandSlots[value="1"] ~ .hSlots {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabModules div.modulesListe div.repitem input[type=hidden].expandModule[value="0"] ~ div button[type=action].buttonPlus span.plus {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabModules div.modulesListe div.repitem input[type=hidden].expandModule[value="0"] ~ .hModule, div.charsheet > div.content div.tabModules div.modulesListe div.repitem input[type=hidden].expandModule[value="0"] ~ .hSlots {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabModules div.modulesListe div.repitem input[type=hidden].expandModule[value="1"] ~ div button[type=action].buttonPlus span.moins {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabModules div.modulesListe div.repitem input[type=hidden].expandModule[value="1"] ~ .hModule {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabModules div.modulesListe div.repitem div.titreModule input[type=text] {
|
|
width: calc(100% - 28px);
|
|
height: 28px;
|
|
text-align: center;
|
|
background: transparent;
|
|
color: white;
|
|
font-weight: bold;
|
|
font-variant: small-caps;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
padding-left: 0px;
|
|
padding-right: 25px;
|
|
border: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabModules div.modulesListe div.repitem label.activation {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
width: calc(100% - 100px);
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabModules div.modulesListe div.repitem label.activation span {
|
|
display: flex;
|
|
width: 78px;
|
|
padding-left: 2px;
|
|
font-size: 13px;
|
|
line-height: 28px;
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabModules div.modulesListe div.repitem label.activation input[type=text] {
|
|
width: calc(100% - 80px);
|
|
height: 28px;
|
|
border: 0px;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
padding-right: 0px;
|
|
padding-left: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabModules div.modulesListe div.repitem div.PE {
|
|
width: 100px;
|
|
height: 28px;
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabModules div.modulesListe div.repitem div.PE button[type=action] {
|
|
width: 20px;
|
|
padding: 0px;
|
|
font-weight: bold;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
border-color: RGB(213, 215, 237);
|
|
border-width: 1px;
|
|
justify-content: center;
|
|
align-items: center;
|
|
margin-left: 1px;
|
|
}
|
|
div.charsheet > div.content div.tabModules div.modulesListe div.repitem div.PE input[type=number] {
|
|
width: calc(100% - 23px);
|
|
height: 28px;
|
|
border: 0px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabModules div.modulesListe div.repitem label.duree {
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
width: 100%;
|
|
height: 28px;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabModules div.modulesListe div.repitem label.duree span {
|
|
display: flex;
|
|
width: 78px;
|
|
padding-left: 2px;
|
|
font-size: 13px;
|
|
line-height: 28px;
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabModules div.modulesListe div.repitem label.duree input[type=text] {
|
|
width: calc(100% - 80px);
|
|
height: 28px;
|
|
border: 0px;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
padding-right: 0px;
|
|
padding-left: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabModules div.modulesListe div.repitem div.autoex {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabModules div.modulesListe div.repitem div.titreSlots input[type=number] {
|
|
width: 20px;
|
|
height: 28px;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
background: transparent;
|
|
border: 0px;
|
|
color: white;
|
|
font-size: 18px;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabModules div.modulesListe div.repitem label.slot,
|
|
div.charsheet > div.content div.tabModules div.modulesListe div.repitem label.slotBL {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabModules div.modulesListe div.repitem label.slot span,
|
|
div.charsheet > div.content div.tabModules div.modulesListe div.repitem label.slotBL span {
|
|
display: flex;
|
|
width: 105px;
|
|
height: 28px;
|
|
line-height: 28px;
|
|
padding-left: 2px;
|
|
font-size: 13px;
|
|
font-weight: bold;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabModules div.modulesListe div.repitem label.slot input[type=number],
|
|
div.charsheet > div.content div.tabModules div.modulesListe div.repitem label.slotBL input[type=number] {
|
|
width: calc(100% - 107px);
|
|
height: 28px;
|
|
border: 0px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabModules div.modulesListe div.repitem label.slot {
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabModules div.modulesListe div.repitem label.slotBL {
|
|
width: calc(50% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabModules div.modulesListe div.repitem div.bTop {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabModules div.modulesListe div.repitem .hModule,
|
|
div.charsheet > div.content div.tabModules div.modulesListe div.repitem .hSlots {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabModules div.modulesListe div.repitem:not(:nth-of-type(1)):not(:nth-of-type(2)) {
|
|
margin-top: 10px;
|
|
}
|
|
div.charsheet > div.content div.tabModules div.modulesListe div.repcontainer {
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabModules div.modulesListe div.repcontainer.editmode .repitem {
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabModules div.modulesListe div.repcontainer.editmode .repitem:nth-of-type(2) {
|
|
margin-top: 10px;
|
|
}
|
|
div.charsheet > div.content div.tabModules div.modulesListe div.repcontrol {
|
|
background: none;
|
|
border: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabModules div.modulesListe div.repcontrol .btn {
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabOverdrive {
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
flex-wrap: wrap;
|
|
align-items: flex-start;
|
|
align-content: flex-start;
|
|
}
|
|
div.charsheet > div.content div.tabOverdrive div.data {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabOverdrive div.overdrive {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
width: calc(50% - 5px);
|
|
margin-bottom: 10px;
|
|
}
|
|
div.charsheet > div.content div.tabOverdrive div.overdrive h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabOverdrive div.overdrive h2.titreBis {
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabOverdrive div.overdrive div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabOverdrive div.overdrive div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabOverdrive div.overdrive div.titre button[type=action].active {
|
|
width: 100px;
|
|
height: 26px;
|
|
margin-left: auto;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabOverdrive div.overdrive div.titre,
|
|
div.charsheet > div.content div.tabOverdrive div.overdrive h1.titre,
|
|
div.charsheet > div.content div.tabOverdrive div.overdrive h2.titreBis {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabOverdrive div.overdrive div.OD {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabOverdrive div.overdrive div.OD span.score {
|
|
display: flex;
|
|
width: 30px;
|
|
justify-content: center;
|
|
align-items: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabOverdrive div.overdrive div.OD span.description {
|
|
display: flex;
|
|
width: calc(100% - 30px - 2px);
|
|
text-align: justify;
|
|
padding-right: 2px;
|
|
padding-top: 2px;
|
|
padding-bottom: 2px;
|
|
font-size: 13px;
|
|
}
|
|
div.charsheet > div.content div.tabOverdrive div.overdrive input[type=hidden].afficher[value="0"] ~ .OD {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabOverdrive div.overdrive input[type=hidden].afficher[value=on] ~ div button[type=action].active {
|
|
box-shadow: inset 1px 1px 2px 2px black;
|
|
}
|
|
div.charsheet > div.content div.tabOverdrive input[type=hidden].deplacement[value="0"] ~ div.deplacement, div.charsheet > div.content div.tabOverdrive input[type=hidden].deplacement[value="0"] ~ div.deplacement .OD1, div.charsheet > div.content div.tabOverdrive input[type=hidden].deplacement[value="0"] ~ div.deplacement .OD2, div.charsheet > div.content div.tabOverdrive input[type=hidden].deplacement[value="0"] ~ div.deplacement .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].deplacement[value="0"] ~ div.deplacement .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].deplacement[value="0"] ~ div.deplacement .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].deplacement[value="1"] ~ div.deplacement .OD2, div.charsheet > div.content div.tabOverdrive input[type=hidden].deplacement[value="1"] ~ div.deplacement .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].deplacement[value="1"] ~ div.deplacement .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].deplacement[value="1"] ~ div.deplacement .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].deplacement[value="2"] ~ div.deplacement .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].deplacement[value="2"] ~ div.deplacement .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].deplacement[value="2"] ~ div.deplacement .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].deplacement[value="3"] ~ div.deplacement .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].deplacement[value="3"] ~ div.deplacement .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].deplacement[value="4"] ~ div.deplacement .OD5 {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabOverdrive input[type=hidden].force[value="0"] ~ div.force, div.charsheet > div.content div.tabOverdrive input[type=hidden].force[value="0"] ~ div.force .OD1, div.charsheet > div.content div.tabOverdrive input[type=hidden].force[value="0"] ~ div.force .OD2, div.charsheet > div.content div.tabOverdrive input[type=hidden].force[value="0"] ~ div.force .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].force[value="0"] ~ div.force .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].force[value="0"] ~ div.force .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].force[value="1"] ~ div.force .OD2, div.charsheet > div.content div.tabOverdrive input[type=hidden].force[value="1"] ~ div.force .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].force[value="1"] ~ div.force .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].force[value="1"] ~ div.force .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].force[value="2"] ~ div.force .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].force[value="2"] ~ div.force .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].force[value="2"] ~ div.force .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].force[value="3"] ~ div.force .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].force[value="3"] ~ div.force .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].force[value="4"] ~ div.force .OD5 {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabOverdrive input[type=hidden].endurance[value="0"] ~ div.endurance, div.charsheet > div.content div.tabOverdrive input[type=hidden].endurance[value="0"] ~ div.endurance .OD1, div.charsheet > div.content div.tabOverdrive input[type=hidden].endurance[value="0"] ~ div.endurance .OD2, div.charsheet > div.content div.tabOverdrive input[type=hidden].endurance[value="0"] ~ div.endurance .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].endurance[value="0"] ~ div.endurance .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].endurance[value="0"] ~ div.endurance .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].endurance[value="1"] ~ div.endurance .OD2, div.charsheet > div.content div.tabOverdrive input[type=hidden].endurance[value="1"] ~ div.endurance .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].endurance[value="1"] ~ div.endurance .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].endurance[value="1"] ~ div.endurance .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].endurance[value="2"] ~ div.endurance .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].endurance[value="2"] ~ div.endurance .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].endurance[value="2"] ~ div.endurance .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].endurance[value="3"] ~ div.endurance .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].endurance[value="3"] ~ div.endurance .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].endurance[value="4"] ~ div.endurance .OD5 {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabOverdrive input[type=hidden].hargne[value="0"] ~ div.hargne, div.charsheet > div.content div.tabOverdrive input[type=hidden].hargne[value="0"] ~ div.hargne .OD1, div.charsheet > div.content div.tabOverdrive input[type=hidden].hargne[value="0"] ~ div.hargne .OD2, div.charsheet > div.content div.tabOverdrive input[type=hidden].hargne[value="0"] ~ div.hargne .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].hargne[value="0"] ~ div.hargne .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].hargne[value="0"] ~ div.hargne .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].hargne[value="1"] ~ div.hargne .OD2, div.charsheet > div.content div.tabOverdrive input[type=hidden].hargne[value="1"] ~ div.hargne .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].hargne[value="1"] ~ div.hargne .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].hargne[value="1"] ~ div.hargne .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].hargne[value="2"] ~ div.hargne .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].hargne[value="2"] ~ div.hargne .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].hargne[value="2"] ~ div.hargne .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].hargne[value="3"] ~ div.hargne .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].hargne[value="3"] ~ div.hargne .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].hargne[value="4"] ~ div.hargne .OD5 {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabOverdrive input[type=hidden].combat[value="0"] ~ div.combat, div.charsheet > div.content div.tabOverdrive input[type=hidden].combat[value="0"] ~ div.combat .OD1, div.charsheet > div.content div.tabOverdrive input[type=hidden].combat[value="0"] ~ div.combat .OD2, div.charsheet > div.content div.tabOverdrive input[type=hidden].combat[value="0"] ~ div.combat .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].combat[value="0"] ~ div.combat .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].combat[value="0"] ~ div.combat .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].combat[value="1"] ~ div.combat .OD2, div.charsheet > div.content div.tabOverdrive input[type=hidden].combat[value="1"] ~ div.combat .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].combat[value="1"] ~ div.combat .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].combat[value="1"] ~ div.combat .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].combat[value="2"] ~ div.combat .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].combat[value="2"] ~ div.combat .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].combat[value="2"] ~ div.combat .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].combat[value="3"] ~ div.combat .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].combat[value="3"] ~ div.combat .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].combat[value="4"] ~ div.combat .OD5 {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabOverdrive input[type=hidden].instinct[value="0"] ~ div.instinct, div.charsheet > div.content div.tabOverdrive input[type=hidden].instinct[value="0"] ~ div.instinct .OD1, div.charsheet > div.content div.tabOverdrive input[type=hidden].instinct[value="0"] ~ div.instinct .OD2, div.charsheet > div.content div.tabOverdrive input[type=hidden].instinct[value="0"] ~ div.instinct .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].instinct[value="0"] ~ div.instinct .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].instinct[value="0"] ~ div.instinct .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].instinct[value="1"] ~ div.instinct .OD2, div.charsheet > div.content div.tabOverdrive input[type=hidden].instinct[value="1"] ~ div.instinct .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].instinct[value="1"] ~ div.instinct .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].instinct[value="1"] ~ div.instinct .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].instinct[value="2"] ~ div.instinct .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].instinct[value="2"] ~ div.instinct .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].instinct[value="2"] ~ div.instinct .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].instinct[value="3"] ~ div.instinct .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].instinct[value="3"] ~ div.instinct .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].instinct[value="4"] ~ div.instinct .OD5 {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabOverdrive input[type=hidden].tir[value="0"] ~ div.tir, div.charsheet > div.content div.tabOverdrive input[type=hidden].tir[value="0"] ~ div.tir .OD1, div.charsheet > div.content div.tabOverdrive input[type=hidden].tir[value="0"] ~ div.tir .OD2, div.charsheet > div.content div.tabOverdrive input[type=hidden].tir[value="0"] ~ div.tir .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].tir[value="0"] ~ div.tir .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].tir[value="0"] ~ div.tir .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].tir[value="1"] ~ div.tir .OD2, div.charsheet > div.content div.tabOverdrive input[type=hidden].tir[value="1"] ~ div.tir .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].tir[value="1"] ~ div.tir .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].tir[value="1"] ~ div.tir .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].tir[value="2"] ~ div.tir .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].tir[value="2"] ~ div.tir .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].tir[value="2"] ~ div.tir .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].tir[value="3"] ~ div.tir .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].tir[value="3"] ~ div.tir .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].tir[value="4"] ~ div.tir .OD5 {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabOverdrive input[type=hidden].savoir[value="0"] ~ div.savoir, div.charsheet > div.content div.tabOverdrive input[type=hidden].savoir[value="0"] ~ div.savoir .OD1, div.charsheet > div.content div.tabOverdrive input[type=hidden].savoir[value="0"] ~ div.savoir .OD2, div.charsheet > div.content div.tabOverdrive input[type=hidden].savoir[value="0"] ~ div.savoir .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].savoir[value="0"] ~ div.savoir .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].savoir[value="0"] ~ div.savoir .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].savoir[value="1"] ~ div.savoir .OD2, div.charsheet > div.content div.tabOverdrive input[type=hidden].savoir[value="1"] ~ div.savoir .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].savoir[value="1"] ~ div.savoir .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].savoir[value="1"] ~ div.savoir .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].savoir[value="2"] ~ div.savoir .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].savoir[value="2"] ~ div.savoir .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].savoir[value="2"] ~ div.savoir .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].savoir[value="3"] ~ div.savoir .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].savoir[value="3"] ~ div.savoir .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].savoir[value="4"] ~ div.savoir .OD5 {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabOverdrive input[type=hidden].technique[value="0"] ~ div.technique, div.charsheet > div.content div.tabOverdrive input[type=hidden].technique[value="0"] ~ div.technique .OD1, div.charsheet > div.content div.tabOverdrive input[type=hidden].technique[value="0"] ~ div.technique .OD2, div.charsheet > div.content div.tabOverdrive input[type=hidden].technique[value="0"] ~ div.technique .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].technique[value="0"] ~ div.technique .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].technique[value="0"] ~ div.technique .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].technique[value="1"] ~ div.technique .OD2, div.charsheet > div.content div.tabOverdrive input[type=hidden].technique[value="1"] ~ div.technique .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].technique[value="1"] ~ div.technique .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].technique[value="1"] ~ div.technique .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].technique[value="2"] ~ div.technique .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].technique[value="2"] ~ div.technique .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].technique[value="2"] ~ div.technique .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].technique[value="3"] ~ div.technique .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].technique[value="3"] ~ div.technique .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].technique[value="4"] ~ div.technique .OD5 {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabOverdrive input[type=hidden].aura[value="0"] ~ div.aura, div.charsheet > div.content div.tabOverdrive input[type=hidden].aura[value="0"] ~ div.aura .OD1, div.charsheet > div.content div.tabOverdrive input[type=hidden].aura[value="0"] ~ div.aura .OD2, div.charsheet > div.content div.tabOverdrive input[type=hidden].aura[value="0"] ~ div.aura .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].aura[value="0"] ~ div.aura .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].aura[value="0"] ~ div.aura .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].aura[value="1"] ~ div.aura .OD2, div.charsheet > div.content div.tabOverdrive input[type=hidden].aura[value="1"] ~ div.aura .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].aura[value="1"] ~ div.aura .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].aura[value="1"] ~ div.aura .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].aura[value="2"] ~ div.aura .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].aura[value="2"] ~ div.aura .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].aura[value="2"] ~ div.aura .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].aura[value="3"] ~ div.aura .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].aura[value="3"] ~ div.aura .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].aura[value="4"] ~ div.aura .OD5 {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabOverdrive input[type=hidden].parole[value="0"] ~ div.parole, div.charsheet > div.content div.tabOverdrive input[type=hidden].parole[value="0"] ~ div.parole .OD1, div.charsheet > div.content div.tabOverdrive input[type=hidden].parole[value="0"] ~ div.parole .OD2, div.charsheet > div.content div.tabOverdrive input[type=hidden].parole[value="0"] ~ div.parole .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].parole[value="0"] ~ div.parole .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].parole[value="0"] ~ div.parole .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].parole[value="1"] ~ div.parole .OD2, div.charsheet > div.content div.tabOverdrive input[type=hidden].parole[value="1"] ~ div.parole .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].parole[value="1"] ~ div.parole .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].parole[value="1"] ~ div.parole .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].parole[value="2"] ~ div.parole .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].parole[value="2"] ~ div.parole .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].parole[value="2"] ~ div.parole .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].parole[value="3"] ~ div.parole .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].parole[value="3"] ~ div.parole .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].parole[value="4"] ~ div.parole .OD5 {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabOverdrive input[type=hidden].sangFroid[value="0"] ~ div.sangFroid, div.charsheet > div.content div.tabOverdrive input[type=hidden].sangFroid[value="0"] ~ div.sangFroid .OD1, div.charsheet > div.content div.tabOverdrive input[type=hidden].sangFroid[value="0"] ~ div.sangFroid .OD2, div.charsheet > div.content div.tabOverdrive input[type=hidden].sangFroid[value="0"] ~ div.sangFroid .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].sangFroid[value="0"] ~ div.sangFroid .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].sangFroid[value="0"] ~ div.sangFroid .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].sangFroid[value="1"] ~ div.sangFroid .OD2, div.charsheet > div.content div.tabOverdrive input[type=hidden].sangFroid[value="1"] ~ div.sangFroid .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].sangFroid[value="1"] ~ div.sangFroid .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].sangFroid[value="1"] ~ div.sangFroid .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].sangFroid[value="2"] ~ div.sangFroid .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].sangFroid[value="2"] ~ div.sangFroid .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].sangFroid[value="2"] ~ div.sangFroid .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].sangFroid[value="3"] ~ div.sangFroid .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].sangFroid[value="3"] ~ div.sangFroid .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].sangFroid[value="4"] ~ div.sangFroid .OD5 {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabOverdrive input[type=hidden].discretion[value="0"] ~ div.discretion, div.charsheet > div.content div.tabOverdrive input[type=hidden].discretion[value="0"] ~ div.discretion .OD1, div.charsheet > div.content div.tabOverdrive input[type=hidden].discretion[value="0"] ~ div.discretion .OD2, div.charsheet > div.content div.tabOverdrive input[type=hidden].discretion[value="0"] ~ div.discretion .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].discretion[value="0"] ~ div.discretion .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].discretion[value="0"] ~ div.discretion .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].discretion[value="1"] ~ div.discretion .OD2, div.charsheet > div.content div.tabOverdrive input[type=hidden].discretion[value="1"] ~ div.discretion .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].discretion[value="1"] ~ div.discretion .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].discretion[value="1"] ~ div.discretion .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].discretion[value="2"] ~ div.discretion .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].discretion[value="2"] ~ div.discretion .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].discretion[value="2"] ~ div.discretion .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].discretion[value="3"] ~ div.discretion .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].discretion[value="3"] ~ div.discretion .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].discretion[value="4"] ~ div.discretion .OD5 {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabOverdrive input[type=hidden].dexterite[value="0"] ~ div.dexterite, div.charsheet > div.content div.tabOverdrive input[type=hidden].dexterite[value="0"] ~ div.dexterite .OD1, div.charsheet > div.content div.tabOverdrive input[type=hidden].dexterite[value="0"] ~ div.dexterite .OD2, div.charsheet > div.content div.tabOverdrive input[type=hidden].dexterite[value="0"] ~ div.dexterite .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].dexterite[value="0"] ~ div.dexterite .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].dexterite[value="0"] ~ div.dexterite .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].dexterite[value="1"] ~ div.dexterite .OD2, div.charsheet > div.content div.tabOverdrive input[type=hidden].dexterite[value="1"] ~ div.dexterite .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].dexterite[value="1"] ~ div.dexterite .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].dexterite[value="1"] ~ div.dexterite .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].dexterite[value="2"] ~ div.dexterite .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].dexterite[value="2"] ~ div.dexterite .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].dexterite[value="2"] ~ div.dexterite .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].dexterite[value="3"] ~ div.dexterite .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].dexterite[value="3"] ~ div.dexterite .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].dexterite[value="4"] ~ div.dexterite .OD5 {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabOverdrive input[type=hidden].perception[value="0"] ~ div.perception, div.charsheet > div.content div.tabOverdrive input[type=hidden].perception[value="0"] ~ div.perception .OD1, div.charsheet > div.content div.tabOverdrive input[type=hidden].perception[value="0"] ~ div.perception .OD2, div.charsheet > div.content div.tabOverdrive input[type=hidden].perception[value="0"] ~ div.perception .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].perception[value="0"] ~ div.perception .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].perception[value="0"] ~ div.perception .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].perception[value="1"] ~ div.perception .OD2, div.charsheet > div.content div.tabOverdrive input[type=hidden].perception[value="1"] ~ div.perception .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].perception[value="1"] ~ div.perception .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].perception[value="1"] ~ div.perception .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].perception[value="2"] ~ div.perception .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].perception[value="2"] ~ div.perception .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].perception[value="2"] ~ div.perception .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].perception[value="3"] ~ div.perception .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].perception[value="3"] ~ div.perception .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].perception[value="4"] ~ div.perception .OD5 {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabIA {
|
|
justify-content: space-between;
|
|
align-items: flex-start;
|
|
align-content: flex-start;
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabIA div.col {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: flex-start;
|
|
align-content: flex-start;
|
|
width: calc(50% - 5px);
|
|
flex-wrap: wrap;
|
|
position: relative;
|
|
}
|
|
div.charsheet > div.content div.tabIA div.donnees {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabIA div.donnees h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabIA div.donnees div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabIA div.donnees h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabIA div.donnees label {
|
|
display: flex;
|
|
flex-wrap: nowrap;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
align-content: center;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabIA div.donnees label span {
|
|
display: inline-block;
|
|
width: calc(50% - 2px);
|
|
line-height: 28px;
|
|
padding-left: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabIA div.donnees label input[type=text] {
|
|
display: inline-block;
|
|
width: 50%;
|
|
border: 0px;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabIA div.donnees label:not(:last-of-type) {
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabIA div.atoutHandicap {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabIA div.atoutHandicap h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabIA div.atoutHandicap div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabIA div.atoutHandicap h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabIA div.atoutHandicap .repcontainer {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabIA div.atoutHandicap .repitem {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabIA div.atoutHandicap .repitem input[type=text] {
|
|
width: 100%;
|
|
border: 0px;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabIA div.atoutHandicap .repitem div.autoex {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabIA div.atoutHandicap .repitem:not(:first-of-type) input[type=text] {
|
|
border-top: 5px double RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabIA div.caractere {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabIA div.caractere h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabIA div.caractere div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabIA div.caractere h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabIA div.notes {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabIA div.notes h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabIA div.notes div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabIA div.notes h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabIA div.notes .repitem {
|
|
display: flex;
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabIA div.notes .repitem:not(:first-of-type) {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabIA div.col > * {
|
|
margin-bottom: 10px;
|
|
}
|
|
div.charsheet > div.content div.tabIAIncarnee {
|
|
justify-content: space-between;
|
|
align-items: flex-start;
|
|
align-content: flex-start;
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabIAIncarnee div.col {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: flex-start;
|
|
align-content: flex-start;
|
|
width: calc(50% - 5px);
|
|
flex-wrap: wrap;
|
|
position: relative;
|
|
}
|
|
div.charsheet > div.content div.tabIAIncarnee div.donnees {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabIAIncarnee div.donnees h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabIAIncarnee div.donnees div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabIAIncarnee div.donnees h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabIAIncarnee div.donnees label {
|
|
display: flex;
|
|
flex-wrap: nowrap;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
align-content: center;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabIAIncarnee div.donnees label span {
|
|
display: inline-block;
|
|
width: calc(50% - 2px);
|
|
line-height: 28px;
|
|
padding-left: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabIAIncarnee div.donnees label input[type=text] {
|
|
display: inline-block;
|
|
width: 50%;
|
|
border: 0px;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabIAIncarnee div.donnees label:not(:last-of-type) {
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabIAIncarnee div.atoutHandicap {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabIAIncarnee div.atoutHandicap h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabIAIncarnee div.atoutHandicap div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabIAIncarnee div.atoutHandicap h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabIAIncarnee div.atoutHandicap .repcontainer {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabIAIncarnee div.atoutHandicap .repitem {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabIAIncarnee div.atoutHandicap .repitem input[type=text] {
|
|
width: 100%;
|
|
border: 0px;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabIAIncarnee div.atoutHandicap .repitem div.autoex {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabIAIncarnee div.caractere {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabIAIncarnee div.caractere h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabIAIncarnee div.caractere div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabIAIncarnee div.caractere h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabIAIncarnee div.notes {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabIAIncarnee div.notes h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabIAIncarnee div.notes div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabIAIncarnee div.notes h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabIAIncarnee div.notes .repitem {
|
|
display: flex;
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabIAIncarnee div.notes .repitem:not(:first-of-type) {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabIAIncarnee div.col > * {
|
|
margin-bottom: 10px;
|
|
}
|
|
div.charsheet > div.content div.tabHistorique {
|
|
justify-content: space-between;
|
|
align-items: flex-start;
|
|
align-content: flex-start;
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.col {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: flex-start;
|
|
align-content: flex-start;
|
|
width: calc(50% - 5px);
|
|
flex-wrap: wrap;
|
|
position: relative;
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.experience,
|
|
div.charsheet > div.content div.tabHistorique div.gloire {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.experience h1.titre,
|
|
div.charsheet > div.content div.tabHistorique div.gloire h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.experience div.titre,
|
|
div.charsheet > div.content div.tabHistorique div.gloire div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.experience h1.titre,
|
|
div.charsheet > div.content div.tabHistorique div.gloire h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.experience .col3,
|
|
div.charsheet > div.content div.tabHistorique div.experience .col3BL,
|
|
div.charsheet > div.content div.tabHistorique div.gloire .col3,
|
|
div.charsheet > div.content div.tabHistorique div.gloire .col3BL {
|
|
display: flex;
|
|
background: RGB(213, 215, 237);
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.experience .col3 span,
|
|
div.charsheet > div.content div.tabHistorique div.experience .col3BL span,
|
|
div.charsheet > div.content div.tabHistorique div.gloire .col3 span,
|
|
div.charsheet > div.content div.tabHistorique div.gloire .col3BL span {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
justify-content: center;
|
|
color: black;
|
|
font-weight: bold;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.experience .col3 input[type=number],
|
|
div.charsheet > div.content div.tabHistorique div.experience .col3BL input[type=number],
|
|
div.charsheet > div.content div.tabHistorique div.gloire .col3 input[type=number],
|
|
div.charsheet > div.content div.tabHistorique div.gloire .col3BL input[type=number] {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
width: 100%;
|
|
text-align: center;
|
|
padding: 0px;
|
|
height: 28px;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
border-bottom: 0px;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.experience .col3,
|
|
div.charsheet > div.content div.tabHistorique div.gloire .col3 {
|
|
width: 33.3333333333%;
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.experience .col3BL,
|
|
div.charsheet > div.content div.tabHistorique div.gloire .col3BL {
|
|
width: calc(33.3333333333% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.avantageInconvenient {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.avantageInconvenient h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.avantageInconvenient div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.avantageInconvenient button[type=action].buttonPlus {
|
|
display: flex;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
width: 27px;
|
|
font-size: 25px;
|
|
height: 28px;
|
|
line-height: 21px;
|
|
justify-content: center;
|
|
border-top: 0px;
|
|
border-left: 0px;
|
|
border-bottom: 0px;
|
|
border-right: 1px solid RGB(213, 215, 237);
|
|
padding: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.avantageInconvenient button[type=action].buttonPlus span {
|
|
display: none;
|
|
width: 100%;
|
|
font-size: 25px;
|
|
justify-content: center;
|
|
line-height: 23px;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.avantageInconvenient h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.avantageInconvenient div.repcontainer {
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.avantageInconvenient div.repitem {
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.avantageInconvenient div.repitem div.ligneTitre {
|
|
display: flex;
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.avantageInconvenient div.repitem div.ligneTitre input[type=text] {
|
|
width: calc(100% - 28px);
|
|
height: 29px;
|
|
text-align: center;
|
|
background: white;
|
|
color: black;
|
|
font-variant: small-caps;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
padding-left: 0px;
|
|
padding-right: 25px;
|
|
border: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.avantageInconvenient div.repitem div.autoex {
|
|
display: none;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.avantageInconvenient div.repitem input[type=hidden][value="0"] ~ div button[type=action] span.plus {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.avantageInconvenient div.repitem input[type=hidden][value="1"] ~ div.autoex {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.avantageInconvenient div.repitem input[type=hidden][value="1"] ~ div button[type=action] span.moins {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.avantageInconvenient div.repitem:first-of-type div.ligneTitre {
|
|
border-top: 1px solid white;
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.avantageInconvenient div.repitem:not(:first-of-type) div.ligneTitre button[type=action] {
|
|
border-top: 1px solid white;
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.avantageInconvenient div.repitem:not(:first-of-type) div.ligneTitre input[type=text] {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.langues {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.langues h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.langues div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.langues h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.langues .repcontainer {
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.langues .repitem {
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.langues .repitem input[type=text] {
|
|
width: 100%;
|
|
border: 0px;
|
|
margin: 0px;
|
|
padding-top: 0px;
|
|
padding-right: 0px;
|
|
padding-left: 0px;
|
|
height: 28px;
|
|
padding-left: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.langues .repitem:not(:first-of-type) {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.notes {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.notes h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.notes div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.notes h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.notes .repcontainer {
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.notes .repitem {
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.notes .repitem:not(:first-of-type) {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.contact {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.contact h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.contact div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.contact div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.contact div.titre,
|
|
div.charsheet > div.content div.tabHistorique div.contact h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.contact input[type=number] {
|
|
width: 40px;
|
|
height: 28px;
|
|
text-align: center;
|
|
padding: 0px;
|
|
border: 0px;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.contact .repcontainer {
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.contact .repitem {
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.contact .repitem:not(:first-of-type) {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.blessuresGraves {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.blessuresGraves h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.blessuresGraves div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.blessuresGraves div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.blessuresGraves button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabHistorique div.blessuresGraves button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.blessuresGraves button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabHistorique div.blessuresGraves button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.blessuresGraves button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabHistorique div.blessuresGraves button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.blessuresGraves button[type=action].buttonPlus {
|
|
display: flex;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
width: 27px;
|
|
font-size: 25px;
|
|
height: 28px;
|
|
line-height: 21px;
|
|
justify-content: center;
|
|
border-top: 0px;
|
|
border-left: 0px;
|
|
border-bottom: 0px;
|
|
border-right: 1px solid RGB(213, 215, 237);
|
|
padding: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.blessuresGraves button[type=action].buttonPlus span {
|
|
display: none;
|
|
width: 100%;
|
|
font-size: 25px;
|
|
justify-content: center;
|
|
line-height: 23px;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.blessuresGraves div.titre,
|
|
div.charsheet > div.content div.tabHistorique div.blessuresGraves h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.blessuresGraves div.repcontainer {
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.blessuresGraves div.repitem {
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.blessuresGraves div.repitem div.ligneTitre {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
border-top: 1px solid white;
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.blessuresGraves div.repitem div.ligneTitre input[type=text] {
|
|
width: calc(100% - 28px);
|
|
height: 28px;
|
|
text-align: center;
|
|
background: white;
|
|
color: black;
|
|
font-variant: small-caps;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
padding-left: 0px;
|
|
padding-right: 25px;
|
|
border: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.blessuresGraves div.repitem div.autoex {
|
|
display: none;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.blessuresGraves div.repitem input[type=hidden][value="0"] ~ div button[type=action] span.plus {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.blessuresGraves div.repitem input[type=hidden][value="1"] ~ div.autoex {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.blessuresGraves div.repitem input[type=hidden][value="1"] ~ div button[type=action] span.moins {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.blessuresGraves div.repitem:first-of-type div.ligneTitre {
|
|
border-top: 1px solid white;
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.blessuresGraves div.repitem:not(:first-of-type) div.ligneTitre button[type=action] {
|
|
border-top: 1px solid white;
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.blessuresGraves div.repitem:not(:first-of-type) div.ligneTitre input[type=text] {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.traumas {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.traumas h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.traumas div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.traumas div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.traumas button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabHistorique div.traumas button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.traumas button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabHistorique div.traumas button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.traumas button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabHistorique div.traumas button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.traumas button[type=action].buttonPlus {
|
|
display: flex;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
width: 27px;
|
|
font-size: 25px;
|
|
height: 28px;
|
|
line-height: 21px;
|
|
justify-content: center;
|
|
border-top: 0px;
|
|
border-left: 0px;
|
|
border-bottom: 0px;
|
|
border-right: 1px solid RGB(213, 215, 237);
|
|
padding: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.traumas button[type=action].buttonPlus span {
|
|
display: none;
|
|
width: 100%;
|
|
font-size: 25px;
|
|
justify-content: center;
|
|
line-height: 23px;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.traumas div.titre,
|
|
div.charsheet > div.content div.tabHistorique div.traumas h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.traumas div.data {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.traumas div.repcontainer {
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.traumas div.repitem {
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.traumas div.repitem div.ligneTitre {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.traumas div.repitem div.ligneTitre input[type=text] {
|
|
width: calc(100% - 28px);
|
|
height: 28px;
|
|
text-align: center;
|
|
background: white;
|
|
color: black;
|
|
font-variant: small-caps;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
padding-left: 0px;
|
|
padding-right: 25px;
|
|
border: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.traumas div.repitem div.autoex {
|
|
display: none;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.traumas div.repitem input[type=hidden][value="0"] ~ div button[type=action] span.plus {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.traumas div.repitem input[type=hidden][value="1"] ~ div.autoex {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.traumas div.repitem input[type=hidden][value="1"] ~ div button[type=action] span.moins {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.traumas div.repitem:first-of-type div.ligneTitre {
|
|
border-top: 1px solid white;
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.traumas div.repitem:not(:first-of-type) div.ligneTitre button[type=action] {
|
|
border-top: 1px solid white;
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.traumas div.repitem:not(:first-of-type) div.ligneTitre input[type=text] {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabHistorique div.col > * {
|
|
margin-bottom: 10px;
|
|
}
|
|
div.charsheet > div.content div.tabArt {
|
|
justify-content: space-between;
|
|
align-items: flex-start;
|
|
align-content: flex-start;
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabArt div.col {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: flex-start;
|
|
align-content: flex-start;
|
|
width: calc(50% - 5px);
|
|
flex-wrap: wrap;
|
|
position: relative;
|
|
}
|
|
div.charsheet > div.content div.tabArt div.domaineArtistique {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabArt div.domaineArtistique h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabArt div.domaineArtistique h2.titreBis {
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabArt div.domaineArtistique div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArt div.domaineArtistique div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabArt div.domaineArtistique div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabArt div.domaineArtistique div.titre button[type=action].bonusCaracL2 {
|
|
width: 26px;
|
|
height: 26px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabArt div.domaineArtistique div.titre button[type=action].bonusCaracL2 {
|
|
margin-right: auto;
|
|
margin-left: 3px;
|
|
}
|
|
div.charsheet > div.content div.tabArt div.domaineArtistique button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabArt div.domaineArtistique button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
}
|
|
div.charsheet > div.content div.tabArt div.domaineArtistique button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabArt div.domaineArtistique button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabArt div.domaineArtistique button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabArt div.domaineArtistique button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabArt div.domaineArtistique div.data {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabArt div.domaineArtistique div.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArt div.domaineArtistique div.titre input[type=text] {
|
|
position: absolute;
|
|
width: 100%;
|
|
background: transparent;
|
|
border: 0px;
|
|
color: white;
|
|
padding: 0px;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
line-height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabArt div.domaineArtistique h2.titreBis {
|
|
display: flex;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArt div.domaineArtistique select {
|
|
border: 0px;
|
|
padding: 0px;
|
|
height: 28px;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabArt div.domaineArtistique div.rollPJ {
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
font-size: 14px;
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabArt div.domaineArtistique div.rollPJ select {
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabArt div.domaineArtistique div.rollPJ select:last-of-type {
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArt div.domaineArtistique div.bonusCarac {
|
|
display: none;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArt div.domaineArtistique div.bonusCarac select {
|
|
display: none;
|
|
padding: 0px;
|
|
height: 28px;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabArt div.domaineArtistique label.rollBonus {
|
|
display: flex;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
font-size: 14px;
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArt div.domaineArtistique label.rollBonus span {
|
|
width: calc(50% - 2px);
|
|
line-height: 28px;
|
|
padding-left: 2px;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabArt div.domaineArtistique label.rollBonus input[type=number] {
|
|
width: 50%;
|
|
height: 28px;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
text-align: center;
|
|
border-top: 0px;
|
|
border-right: 0px;
|
|
border-bottom: 0px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabArt div.domaineArtistique div.ligneTitre {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArt div.domaineArtistique div.ligneTitre span {
|
|
display: flex;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
justify-content: center;
|
|
color: black;
|
|
font-weight: bold;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabArt div.domaineArtistique div.ligneTitre span.firstCol {
|
|
width: 120px;
|
|
}
|
|
div.charsheet > div.content div.tabArt div.domaineArtistique div.ligneTitre span.lastCol {
|
|
width: calc(100% - 120px - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArt div.domaineArtistique label.ligne {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArt div.domaineArtistique label.ligne div.autoex {
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabArt div.domaineArtistique label.ligne div.firstCol {
|
|
width: 120px;
|
|
}
|
|
div.charsheet > div.content div.tabArt div.domaineArtistique label.ligne div.firstCol span {
|
|
display: flex;
|
|
align-self: stretch;
|
|
align-items: center;
|
|
line-height: 28px;
|
|
color: black;
|
|
font-weight: bold;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabArt div.domaineArtistique label.ligne div.firstCol span:first-of-type {
|
|
width: 75px;
|
|
}
|
|
div.charsheet > div.content div.tabArt div.domaineArtistique label.ligne div.firstCol span:last-of-type {
|
|
width: 45px;
|
|
}
|
|
div.charsheet > div.content div.tabArt div.domaineArtistique label.ligne div.lastCol {
|
|
width: calc(100% - 120px - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArt div.domaineArtistique input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1 {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabArt div.domaineArtistique input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArt div.domaineArtistique input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac select:first-of-type {
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabArt div.domaineArtistique input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabArt div.domaineArtistique input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2 {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabArt div.domaineArtistique input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArt div.domaineArtistique input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:first-of-type {
|
|
display: inline-block;
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabArt div.domaineArtistique input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:last-of-type {
|
|
display: inline-block;
|
|
width: 50%;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArt div.oeuvreArt {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabArt div.oeuvreArt h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabArt div.oeuvreArt div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArt div.oeuvreArt button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabArt div.oeuvreArt button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
}
|
|
div.charsheet > div.content div.tabArt div.oeuvreArt button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabArt div.oeuvreArt button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabArt div.oeuvreArt button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabArt div.oeuvreArt button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabArt div.oeuvreArt h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArt div.oeuvreArt div.ligneTitre {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabArt div.oeuvreArt span {
|
|
display: flex;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
justify-content: center;
|
|
color: black;
|
|
font-weight: bold;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabArt div.oeuvreArt .firstCol {
|
|
width: 120px;
|
|
}
|
|
div.charsheet > div.content div.tabArt div.oeuvreArt .lastCol {
|
|
width: calc(100% - 120px - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArt div.oeuvreArt .repcontainer {
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabArt div.oeuvreArt .repcontainer .repitem {
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArt div.oeuvreArt .repcontainer .repitem input[type=text] {
|
|
width: 100%;
|
|
text-align: center;
|
|
padding: 0px;
|
|
height: 28px;
|
|
border: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabArt div.oeuvreArtCree {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabArt div.oeuvreArtCree h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabArt div.oeuvreArtCree div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArt div.oeuvreArtCree h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabArt div.oeuvreArtCree .repcontainer {
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabArt div.oeuvreArtCree .repcontainer .repitem {
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-between;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabArt div.oeuvreArtCree .repcontainer .repitem label {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabArt div.oeuvreArtCree .repcontainer .repitem label span {
|
|
width: 120px;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabArt div.oeuvreArtCree .repcontainer .repitem label input[type=text] {
|
|
width: calc(100% - 120px - 1px);
|
|
text-align: center;
|
|
padding: 0px;
|
|
height: 28px;
|
|
border: 0px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArt div.oeuvreArtCree .repcontainer .repitem div.autoex {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArt div.oeuvreArtCree .repcontainer .repitem:not(:first-of-type) {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabArt div.col > * {
|
|
margin-bottom: 10px;
|
|
}
|
|
div.charsheet > div.content div.tabHeroisme {
|
|
justify-content: space-between;
|
|
align-items: flex-start;
|
|
align-content: flex-start;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
align-items: flex-start;
|
|
align-content: flex-start;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabHeroisme div.col {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: flex-start;
|
|
align-content: flex-start;
|
|
width: calc(50% - 5px);
|
|
flex-wrap: wrap;
|
|
position: relative;
|
|
}
|
|
div.charsheet > div.content div.tabHeroisme div.col3 {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: flex-start;
|
|
align-content: flex-start;
|
|
width: calc(33.3333333333% - 5px);
|
|
flex-wrap: wrap;
|
|
position: relative;
|
|
}
|
|
div.charsheet > div.content div.tabHeroisme div.col {
|
|
margin-bottom: 10px;
|
|
}
|
|
div.charsheet > div.content div.tabHeroisme div.cartes {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(213, 215, 237);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabHeroisme div.cartes h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabHeroisme div.cartes div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabHeroisme div.cartes h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabHeroisme div.cartes .repcontainer {
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabHeroisme div.cartes .repcontainer .repitem {
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabHeroisme div.cartes .repcontainer .repitem input[type=text] {
|
|
width: 100%;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
border-top: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabHeroisme div.cartes .repcontainer .repitem:not(:first-of-type) {
|
|
border-top: 5px double RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabHeroisme div.capacites {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(213, 215, 237);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabHeroisme div.capacites h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabHeroisme div.capacites div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabHeroisme div.capacites h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabHeroisme div.capacites .repcontainer {
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabHeroisme div.capacites .repcontainer .repitem {
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabHeroisme div.capacites .repcontainer .repitem > input[type=text] {
|
|
width: 100%;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
border-top: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabHeroisme div.capacites .repcontainer .repitem label {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabHeroisme div.capacites .repcontainer .repitem label span {
|
|
width: calc(50% - 2px);
|
|
padding-left: 2px;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabHeroisme div.capacites .repcontainer .repitem label select,
|
|
div.charsheet > div.content div.tabHeroisme div.capacites .repcontainer .repitem label input[type=text] {
|
|
width: calc(50% - 1px);
|
|
height: 28px;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
border-right: 0px;
|
|
border-top: 0px;
|
|
border-bottom: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabHeroisme div.capacites .repcontainer .repitem:not(:first-of-type) {
|
|
border-top: 5px double RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabHeroisme input[type=hidden].cartes[value="0"] ~ div div.cartes {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabHeroisme input[type=hidden].capacites[value="0"] ~ div div.capacites {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule {
|
|
justify-content: space-between;
|
|
align-items: flex-start;
|
|
align-content: flex-start;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
align-items: flex-start;
|
|
align-content: flex-start;
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.col {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: flex-start;
|
|
align-content: flex-start;
|
|
width: calc(50% - 5px);
|
|
flex-wrap: wrap;
|
|
position: relative;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.col3 {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: flex-start;
|
|
align-content: flex-start;
|
|
width: calc(33.3333333333% - 5px);
|
|
flex-wrap: wrap;
|
|
position: relative;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.donnees {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.donnees h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.donnees div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.donnees h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.donnees label {
|
|
display: flex;
|
|
flex-wrap: nowrap;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
align-content: center;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.donnees label span {
|
|
display: inline-block;
|
|
width: calc(50% - 2px);
|
|
line-height: 28px;
|
|
padding-left: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.donnees label input[type=text],
|
|
div.charsheet > div.content div.tabVehicule div.donnees label input[type=number],
|
|
div.charsheet > div.content div.tabVehicule div.donnees label select {
|
|
width: 50%;
|
|
border: 0px;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
height: 28px;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.donnees label:not(:first-of-type) {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.herauts {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.herauts h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.herauts div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.herauts h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.herauts div {
|
|
display: flex;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-between;
|
|
flex-wrap: wrap;
|
|
padding-right: 2px;
|
|
padding-left: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.herauts div button[type=action] {
|
|
display: flex;
|
|
width: calc(50% - 5px);
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
justify-content: center;
|
|
border: 1px solid black;
|
|
padding: 0px;
|
|
margin-top: 2px;
|
|
margin-bottom: 2px;
|
|
font-weight: bold;
|
|
height: 25px;
|
|
line-height: 25px;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.herauts div button[type=action]:nth-of-type(3) {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.herauts div input[type=hidden].devasterAnatheme[value="1"] ~ button[type=action].devasterAnatheme, div.charsheet > div.content div.tabVehicule div.herauts div input[type=hidden].bourreauTenebres[value="1"] ~ button[type=action].bourreauTenebres, div.charsheet > div.content div.tabVehicule div.herauts div input[type=hidden].equilibreBalance[value="1"] ~ button[type=action].equilibreBalance {
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.jet {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.jet h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.jet div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.jet div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.jet div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabVehicule div.jet div.titre button[type=action].bonusCaracL2 {
|
|
width: 26px;
|
|
height: 26px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.jet div.titre button[type=action].bonusCaracL2 {
|
|
margin-right: auto;
|
|
margin-left: 3px;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.jet button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabVehicule div.jet button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.jet button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabVehicule div.jet button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.jet button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabVehicule div.jet button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.jet div.titre,
|
|
div.charsheet > div.content div.tabVehicule div.jet h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.jet select {
|
|
border: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.jet label.bonus {
|
|
display: flex;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
font-size: 14px;
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.jet label.bonus span {
|
|
width: calc(50% - 2px);
|
|
line-height: 28px;
|
|
padding-left: 2px;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.jet label.bonus input[type=number] {
|
|
width: 50%;
|
|
height: 28px;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
text-align: center;
|
|
border-top: 0px;
|
|
border-right: 0px;
|
|
border-bottom: 0px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.jet div.rollPJ {
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
font-size: 14px;
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.jet div.rollPJ select {
|
|
width: 50%;
|
|
padding: 0px;
|
|
height: 28px;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.jet div.rollPJ select:last-of-type {
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.jet div.rollPNJ {
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.jet div.rollPNJ select {
|
|
width: 100%;
|
|
padding: 0px;
|
|
height: 28px;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.jet div.bonusCarac {
|
|
display: none;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.jet div.bonusCarac select {
|
|
display: none;
|
|
padding: 0px;
|
|
height: 28px;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.jet .col2,
|
|
div.charsheet > div.content div.tabVehicule div.jet .col2BL {
|
|
flex-wrap: wrap;
|
|
background: RGB(213, 215, 237);
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.jet .col2 span,
|
|
div.charsheet > div.content div.tabVehicule div.jet .col2BL span {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
justify-content: center;
|
|
color: black;
|
|
font-weight: bold;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.jet .col2 input[type=number],
|
|
div.charsheet > div.content div.tabVehicule div.jet .col2BL input[type=number] {
|
|
width: 100%;
|
|
text-align: center;
|
|
padding: 0px;
|
|
height: 28px;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
border-bottom: 0px;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.jet .col2 {
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.jet .col2BL {
|
|
width: calc(50% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.jet input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1 {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.jet input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.jet input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac select:first-of-type {
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.jet input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabVehicule div.jet input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2 {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.jet input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.jet input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:first-of-type {
|
|
display: inline-block;
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.jet input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:last-of-type {
|
|
display: inline-block;
|
|
width: 50%;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.PE {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.PE h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.PE div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.PE h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.PE input[type=number] {
|
|
width: 100%;
|
|
border: 0px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.PE div.ligneTitre {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.PE div.ligneTitre span {
|
|
display: flex;
|
|
width: 33.3333333333%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.PE div.ligneTitre span:not(:first-of-type) {
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.PE div.ligne2 {
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.PE div.ligne2 span {
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
width: calc(33.3333333333% - 2px);
|
|
padding-left: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.PE div.ligne2 div {
|
|
width: 33.3333333333%;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.styleCombat {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.styleCombat h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.styleCombat div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.styleCombat h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.styleCombat select {
|
|
width: 100%;
|
|
padding: 0px;
|
|
border: 0px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.styleCombat div.puissant {
|
|
display: none;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.styleCombat div.puissant span {
|
|
width: 70px;
|
|
font-size: 14px;
|
|
height: 28px;
|
|
line-height: 28px;
|
|
font-weight: bold;
|
|
padding-left: 2px;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.styleCombat div.puissant select {
|
|
width: calc(50% - 35px);
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.styleCombat div.puissant input[type=number] {
|
|
width: calc(50% - 35px);
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
text-align: center;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.styleCombat div.suppression {
|
|
display: none;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.styleCombat div.suppression label {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.styleCombat div.suppression label span {
|
|
width: 150px;
|
|
font-size: 14px;
|
|
height: 28px;
|
|
line-height: 28px;
|
|
font-weight: bold;
|
|
padding-left: 2px;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.styleCombat div.suppression label input[type=number] {
|
|
width: calc(100% - 150px);
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.styleCombat div.suppression label:first-of-type {
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.styleCombat div.suppression label:not(:first-of-type) {
|
|
width: calc(50% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.styleCombat input[type=hidden][value=puissant] ~ div.puissant {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.styleCombat input[type=hidden][value=suppression] ~ div.suppression {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.DRVehicule {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.DRVehicule .col2,
|
|
div.charsheet > div.content div.tabVehicule div.DRVehicule .col2BL {
|
|
width: 50%;
|
|
flex-wrap: wrap;
|
|
background: RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.DRVehicule .col2 span,
|
|
div.charsheet > div.content div.tabVehicule div.DRVehicule .col2BL span {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
justify-content: center;
|
|
color: white;
|
|
font-weight: bold;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.DRVehicule .col2 input[type=number],
|
|
div.charsheet > div.content div.tabVehicule div.DRVehicule .col2BL input[type=number] {
|
|
width: 100%;
|
|
text-align: center;
|
|
padding: 0px;
|
|
height: 28px;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
border-bottom: 0px;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.DRVehicule .col2 span {
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.DRVehicule .col2 input[type=number] {
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.DRVehicule .col2BL span {
|
|
width: calc(100% - 1px);
|
|
border-left: 1px solid RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.DRVehicule .col2BL input[type=number] {
|
|
width: 100%;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.titre button[type=action].bonusCaracL2 {
|
|
width: 26px;
|
|
height: 26px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.titre button[type=action].bonusCaracL2 {
|
|
margin-right: auto;
|
|
margin-left: 3px;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.data {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.ligneTitrePJ {
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.ligneTitrePJ span {
|
|
display: flex;
|
|
justify-content: center;
|
|
color: black;
|
|
font-weight: bold;
|
|
font-size: 14px;
|
|
height: 28px;
|
|
line-height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.ligneTitrePJ div.firstCol {
|
|
background: RGB(213, 215, 237);
|
|
width: calc(100% - 363px - 289px);
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.ligneTitrePJ div.firstCol span {
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.ligneTitrePJ div.midCol {
|
|
background: RGB(213, 215, 237);
|
|
width: 120px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.ligneTitrePJ div.midCol span {
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.ligneTitrePJ div.lastCol {
|
|
background: RGB(213, 215, 237);
|
|
width: 288px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.ligneTitrePJ div.lastCol span {
|
|
width: calc(100% - 28px);
|
|
margin-right: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.ligneTitreV {
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.ligneTitreV span {
|
|
display: flex;
|
|
justify-content: center;
|
|
color: black;
|
|
font-weight: bold;
|
|
font-size: 14px;
|
|
height: 28px;
|
|
line-height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.ligneTitreV div.firstCol {
|
|
background: RGB(213, 215, 237);
|
|
width: calc(100% - 484px - 130px - 29px);
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.ligneTitreV div.firstCol span {
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.ligneTitreV div.midCol {
|
|
background: RGB(213, 215, 237);
|
|
width: 120px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.ligneTitreV div.midCol span {
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.ligneTitreV div.lastCol {
|
|
background: RGB(213, 215, 237);
|
|
width: 129px;
|
|
padding-right: 29px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.ligneTitreV div.lastCol span {
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ {
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ input[type=hidden].guidage:not([value="0"]) ~ div.bonus {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ input[type=hidden].guidage:not([value="0"]) ~ div.bonus label.guidage {
|
|
display: block;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ input[type=hidden].cadence:not([value="0"]) ~ div.bonus {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.cadence {
|
|
display: flex;
|
|
padding-right: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.guidage {
|
|
width: 99px;
|
|
margin-right: 0px !important;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.repcontainer {
|
|
display: flex;
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.repitem {
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- justifyContent : règle la façon dont le contenu est justifié.
|
|
- width : width du div.
|
|
- color : Couleur du texte.
|
|
- background : Background des boutons
|
|
- borderColor : couleur de la bordure
|
|
- fontSize : font size du texte.
|
|
- fontBold : Si le font est Bold ou non (true/false)
|
|
- button
|
|
- width : width du bouton
|
|
- widthBL : width des boutons ayant une bordure à gauche.
|
|
- widthBLR : width des boutons ayant une bordure à gauche et à droite.
|
|
- height : height des boutons.
|
|
- lastLine : indique qu'il y a un bouton sur une seconde ligne (true / false)
|
|
*/
|
|
display: flex;
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.repitem > div.subMenu {
|
|
display: flex;
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
align-items: flex-end;
|
|
align-content: flex-end;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.repitem > div.subMenu button[type=action] {
|
|
display: flex;
|
|
padding: 0px;
|
|
width: 33.3333333333%;
|
|
height: 23px;
|
|
justify-content: center;
|
|
line-height: 23px;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
border-top: 1px solid black;
|
|
border-bottom: 1px solid black;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
background: transparent;
|
|
color: white;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.repitem > div.subMenu button[type=action].BL {
|
|
width: calc(33.3333333333% - 1px);
|
|
border-left: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.repitem > div.subMenu button[type=action].BR {
|
|
width: calc(33.3333333333% - 1px);
|
|
border-right: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.repitem > div.subMenu button[type=action].BLR {
|
|
border-right: 1px solid black;
|
|
border-left: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.repitem > div.subMenu button[type=action].NBT {
|
|
border-top: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.repitem div.bonus {
|
|
display: none;
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
justify-content: flex-end;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.repitem label.precis {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.repitem div.bonusCarac {
|
|
display: none;
|
|
width: 260px;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
padding-right: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.repitem div.bonusCarac select {
|
|
display: none;
|
|
border: 0px;
|
|
font-size: 14px;
|
|
padding-top: 0px;
|
|
padding-right: 0px;
|
|
padding-bottom: 0px;
|
|
padding-left: 15px;
|
|
height: 28px;
|
|
text-align: center;
|
|
border-right: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.ligne {
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.ligne div.firstCol {
|
|
background: RGB(213, 215, 237);
|
|
width: calc(100% - 363px - 289px);
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.ligne div.midCol {
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
width: 120px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.ligne div.lastCol {
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
width: 288px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.ligne div.armeNom input[type=text] {
|
|
width: 100%;
|
|
font-size: 14px;
|
|
height: 28px;
|
|
padding-top: 0px;
|
|
padding-right: 0px;
|
|
padding-bottom: 0px;
|
|
border: 0px;
|
|
padding-left: 4px;
|
|
min-width: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.ligne div.armeDegats input[type=number],
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.ligne div.armeViolence input[type=number] {
|
|
width: calc(50% - 14px);
|
|
font-size: 14px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
border: 0px;
|
|
min-width: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.ligne div.armeDegats input[type=number].nbre,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.ligne div.armeViolence input[type=number].nbre {
|
|
text-align: right;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.ligne div.armeDegats input[type=number].bonus,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.ligne div.armeViolence input[type=number].bonus {
|
|
text-align: left;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.ligne div.armeDegats b,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.ligne div.armeViolence b {
|
|
display: flex;
|
|
width: 28px;
|
|
height: 28px;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.ligne div.armePortee select {
|
|
width: 100%;
|
|
font-size: 14px;
|
|
height: 28px;
|
|
text-align: center;
|
|
padding-top: 0px;
|
|
padding-right: 0px;
|
|
padding-bottom: 0px;
|
|
border: 0px;
|
|
padding-left: 15px;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.ligne div.armeCaracs select {
|
|
width: calc(50% - 14px);
|
|
font-size: 14px;
|
|
height: 28px;
|
|
text-align: center;
|
|
padding-top: 0px;
|
|
padding-right: 0px;
|
|
padding-bottom: 0px;
|
|
border: 0px;
|
|
padding-left: 15px;
|
|
border-right: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.bonus {
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- label
|
|
- width : Width du label
|
|
- height : height du label
|
|
|
|
- span
|
|
- color : La color
|
|
- background : Le background
|
|
- border : S'il y a une bordure (true/false)
|
|
- width : Width du span
|
|
- height : height du height
|
|
|
|
- shadow : s'il y a une ombre (true/false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.bonus label.fakeButton {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 23px;
|
|
font-size: 14px;
|
|
align-self: center;
|
|
font-size: 12px;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.bonus label.fakeButton input[type=checkbox],
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.bonus label.fakeButton input[type=radio] {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 23px;
|
|
opacity: 0;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.bonus label.fakeButton span {
|
|
display: flex;
|
|
height: 23px;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.bonus label.fakeButton span::before {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 23px;
|
|
content: attr(title);
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.bonus input[type=hidden].deuxMains[value="0"] ~ label.pilonnage, div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.bonus input[type=hidden].deuxMains[value="0"] ~ label.pilonnageDetails {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.bonus input[type=hidden].deuxMains[value="0"] ~ label.guidage {
|
|
margin-right: 29px;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.bonus label.pilonnage {
|
|
display: none;
|
|
width: 241px;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.bonus label.pilonnage span {
|
|
width: max-content;
|
|
padding-left: 2px;
|
|
line-height: 27px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.bonus label.pilonnage input[type=number] {
|
|
width: 121px;
|
|
border: 0px;
|
|
padding: 0px;
|
|
height: 28px;
|
|
text-align: center;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.bonus label.pilonnage select {
|
|
width: 131px;
|
|
border: 0px;
|
|
padding: 0px;
|
|
height: 28px;
|
|
text-align: center;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
border-right: 1px solid RGB(93, 111, 179);
|
|
padding-left: 15px;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.bonus label.pilonnageDetails {
|
|
display: none;
|
|
width: 381px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
padding-right: 28px;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.bonus label.pilonnageDetails span {
|
|
width: max-content;
|
|
padding-left: 2px;
|
|
line-height: 27px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.bonus label.pilonnageDetails input[type=number] {
|
|
width: 121px;
|
|
border: 0px;
|
|
padding: 0px;
|
|
height: 28px;
|
|
text-align: center;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.bonus label.pilonnageDetails select {
|
|
width: 131px;
|
|
border: 0px;
|
|
padding: 0px;
|
|
height: 28px;
|
|
text-align: center;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
border-right: 1px solid RGB(93, 111, 179);
|
|
padding-left: 15px;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.bonus label.pilonnageDetails:first-of-type {
|
|
width: 241px;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.bonus label.pilonnageDetails:last-of-type {
|
|
width: 381px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
padding-right: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.bonus label.cadence {
|
|
display: none;
|
|
width: 381px;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.bonus label.cadence span {
|
|
width: 251px;
|
|
padding-left: 2px;
|
|
line-height: 27px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.bonus label.cadence select {
|
|
width: 132px;
|
|
border: 0px;
|
|
padding: 0px;
|
|
padding-left: 15px;
|
|
height: 28px;
|
|
text-align: center;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
border-right: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.bonus label.guidage {
|
|
display: none;
|
|
margin-top: 1px;
|
|
width: 130px;
|
|
height: 28px;
|
|
margin: 0px;
|
|
margin-right: 29px;
|
|
border-right: 1px solid RGB(93, 111, 179);
|
|
border: 0px;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.bonus label.guidage span.actif,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.bonus label.guidage span.inactif {
|
|
display: none;
|
|
text-align: center;
|
|
color: black;
|
|
height: 28px;
|
|
line-height: 28px;
|
|
align-items: center;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.bonus label.guidage span.actif::before,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.bonus label.guidage span.inactif::before {
|
|
height: 28px;
|
|
line-height: 28px;
|
|
background: transparent;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.bonus label.guidage span.actif {
|
|
border-left: 1px solid RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.bonus label.guidage span.actif::before {
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
border-bottom: 1px solid RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.bonus label.guidage input[type=checkbox] {
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.bonus label.guidage input[type=checkbox]:checked ~ span.actif {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.bonus label.guidage input[type=checkbox]:not(:checked) ~ span.inactif {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.effets,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.ameliorationsArmes,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.special {
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- label
|
|
- width : Width du label
|
|
- height : height du label
|
|
|
|
- span
|
|
- color : La color
|
|
- background : Le background
|
|
- border : S'il y a une bordure (true/false)
|
|
- width : Width du span
|
|
- height : height du height
|
|
|
|
- shadow : s'il y a une ombre (true/false)
|
|
*/
|
|
display: none;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-evenly;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.effets label.fakeButton,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.ameliorationsArmes label.fakeButton,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.special label.fakeButton {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 23px;
|
|
font-size: 14px;
|
|
align-self: center;
|
|
font-size: 12px;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.effets label.fakeButton input[type=checkbox],
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.effets label.fakeButton input[type=radio],
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.ameliorationsArmes label.fakeButton input[type=checkbox],
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.ameliorationsArmes label.fakeButton input[type=radio],
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.special label.fakeButton input[type=checkbox],
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.special label.fakeButton input[type=radio] {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 23px;
|
|
opacity: 0;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.effets label.fakeButton span,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.ameliorationsArmes label.fakeButton span,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.special label.fakeButton span {
|
|
display: flex;
|
|
height: 23px;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.effets label.fakeButton span::before,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.ameliorationsArmes label.fakeButton span::before,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.special label.fakeButton span::before {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 23px;
|
|
content: attr(title);
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.effets label.simple,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.ameliorationsArmes label.simple,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.special label.simple {
|
|
justify-content: space-between;
|
|
width: 150px;
|
|
height: 23px;
|
|
margin: 2px;
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.effets label.simple input[type=checkbox]:not(:checked) ~ span::before,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.ameliorationsArmes label.simple input[type=checkbox]:not(:checked) ~ span::before,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.special label.simple input[type=checkbox]:not(:checked) ~ span::before {
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.effets div.double,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.ameliorationsArmes div.double,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.special div.double {
|
|
justify-content: space-between;
|
|
width: 150px;
|
|
height: 23px;
|
|
margin: 2px;
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.effets div.double label.fakeButton,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.ameliorationsArmes div.double label.fakeButton,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.special div.double label.fakeButton {
|
|
width: calc(100% - 30px);
|
|
border: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.effets div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.ameliorationsArmes div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.special div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before {
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.effets div.double input[type=number],
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.ameliorationsArmes div.double input[type=number],
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.special div.double input[type=number] {
|
|
width: 30px;
|
|
height: 23px;
|
|
text-align: center;
|
|
border-top: 0px;
|
|
border-right: 0px;
|
|
border-left: 1px solid black;
|
|
border-bottom: 0px;
|
|
border-radius: 0px;
|
|
padding: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.effets div.doubleTexte,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.ameliorationsArmes div.doubleTexte,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.special div.doubleTexte {
|
|
width: 150px;
|
|
height: 46px;
|
|
margin: 2px;
|
|
flex-wrap: wrap;
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.effets div.doubleTexte input[type=checkbox]:not(:checked) ~ span::before,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.ameliorationsArmes div.doubleTexte input[type=checkbox]:not(:checked) ~ span::before,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.special div.doubleTexte input[type=checkbox]:not(:checked) ~ span::before {
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.effets div.doubleTexte input[type=text],
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.ameliorationsArmes div.doubleTexte input[type=text],
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.special div.doubleTexte input[type=text] {
|
|
width: 100%;
|
|
height: 23px;
|
|
text-align: center;
|
|
border-top: 1px solid black;
|
|
border-bottom: 0px;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
border-radius: 0px;
|
|
padding: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.effets div.triple,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.ameliorationsArmes div.triple,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.special div.triple {
|
|
width: 150px;
|
|
height: 46px;
|
|
margin: 2px;
|
|
flex-wrap: wrap;
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.effets div.triple div input[type=number],
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.ameliorationsArmes div.triple div input[type=number],
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.special div.triple div input[type=number] {
|
|
width: calc(50% - 14px);
|
|
height: 23px;
|
|
border-radius: 0px;
|
|
padding: 0px;
|
|
border-bottom: 0px;
|
|
border-right: 0px;
|
|
border-left: 0px;
|
|
border-top: 1px solid black;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.effets div.triple div input[type=number].R,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.ameliorationsArmes div.triple div input[type=number].R,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.special div.triple div input[type=number].R {
|
|
text-align: left;
|
|
border-left: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.effets div.triple div input[type=number].L,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.ameliorationsArmes div.triple div input[type=number].L,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.special div.triple div input[type=number].L {
|
|
text-align: right;
|
|
border-right: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.effets div.triple div span,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.ameliorationsArmes div.triple div span,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.special div.triple div span {
|
|
display: flex;
|
|
background: RGB(93, 111, 179);
|
|
width: 28px;
|
|
height: 22px;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: white;
|
|
border-top: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.effets div.triple input[type=hidden][value="0"] ~ label span::before, div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.effets div.triple input[type=hidden][value="0"] ~ div span,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.ameliorationsArmes div.triple input[type=hidden][value="0"] ~ label span::before,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.ameliorationsArmes div.triple input[type=hidden][value="0"] ~ div span,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.special div.triple input[type=hidden][value="0"] ~ label span::before,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.special div.triple input[type=hidden][value="0"] ~ div span {
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ input[type=hidden].subMenu[value="1"] ~ div button[type=action].effets {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ input[type=hidden].subMenu[value="1"] ~ div.effets {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ input[type=hidden].subMenu[value="3"] ~ div button[type=action].ameliorationsArmes {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ input[type=hidden].subMenu[value="3"] ~ div.ameliorationsArmes {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ input[type=hidden].subMenu[value="4"] ~ div button[type=action].special {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ input[type=hidden].subMenu[value="4"] ~ div.special {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV {
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV input[type=hidden].guidage:not([value="0"]) ~ div.bonus {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV input[type=hidden].guidage:not([value="0"]) ~ div.bonus label.guidage {
|
|
display: block;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV input[type=hidden].guidage:not([value="0"]) ~ div.bonus label.precis {
|
|
width: 250px;
|
|
padding: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV input[type=hidden].guidage:not([value="0"]) ~ div.bonus label.precis span {
|
|
width: 119px;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV input[type=hidden].guidage:not([value="0"]) ~ div.bonus label.precis select {
|
|
width: 131px;
|
|
border-right: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV input[type=hidden].cadence:not([value="0"]) ~ div.bonus {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.cadence {
|
|
display: flex;
|
|
padding-right: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.guidage {
|
|
width: 121px;
|
|
margin-right: 0px !important;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.precis {
|
|
width: 241px;
|
|
padding-right: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.precis span {
|
|
width: calc(50% - 3px);
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.precis select {
|
|
width: 121px;
|
|
border-right: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.repcontainer {
|
|
display: flex;
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.repitem {
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- justifyContent : règle la façon dont le contenu est justifié.
|
|
- width : width du div.
|
|
- color : Couleur du texte.
|
|
- background : Background des boutons
|
|
- borderColor : couleur de la bordure
|
|
- fontSize : font size du texte.
|
|
- fontBold : Si le font est Bold ou non (true/false)
|
|
- button
|
|
- width : width du bouton
|
|
- widthBL : width des boutons ayant une bordure à gauche.
|
|
- widthBLR : width des boutons ayant une bordure à gauche et à droite.
|
|
- height : height des boutons.
|
|
- lastLine : indique qu'il y a un bouton sur une seconde ligne (true / false)
|
|
*/
|
|
display: flex;
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.repitem > div.subMenu {
|
|
display: flex;
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
align-items: flex-end;
|
|
align-content: flex-end;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.repitem > div.subMenu button[type=action] {
|
|
display: flex;
|
|
padding: 0px;
|
|
width: 33.3333333333%;
|
|
height: 23px;
|
|
justify-content: center;
|
|
line-height: 23px;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
border-top: 1px solid black;
|
|
border-bottom: 1px solid black;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
background: transparent;
|
|
color: white;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.repitem > div.subMenu button[type=action].BL {
|
|
width: calc(33.3333333333% - 1px);
|
|
border-left: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.repitem > div.subMenu button[type=action].BR {
|
|
width: calc(33.3333333333% - 1px);
|
|
border-right: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.repitem > div.subMenu button[type=action].BLR {
|
|
border-right: 1px solid black;
|
|
border-left: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.repitem > div.subMenu button[type=action].NBT {
|
|
border-top: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.repitem div.bonus {
|
|
display: none;
|
|
width: 100%;
|
|
justify-content: flex-end;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ligne {
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ligne div.firstCol {
|
|
background: RGB(213, 215, 237);
|
|
width: calc(100% - 484px - 130px - 29px);
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ligne div.midCol {
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
width: 120px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ligne div.lastCol {
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
width: 158px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ligne div.armeNom input[type=text] {
|
|
width: 100%;
|
|
font-size: 14px;
|
|
height: 28px;
|
|
padding-top: 0px;
|
|
padding-right: 0px;
|
|
padding-bottom: 0px;
|
|
border: 0px;
|
|
padding-left: 4px;
|
|
min-width: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ligne div.armeDegats input[type=number],
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ligne div.armeViolence input[type=number] {
|
|
width: calc(50% - 14px);
|
|
font-size: 14px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
border: 0px;
|
|
min-width: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ligne div.armeDegats input[type=number].nbre,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ligne div.armeViolence input[type=number].nbre {
|
|
text-align: right;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ligne div.armeDegats input[type=number].bonus,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ligne div.armeViolence input[type=number].bonus {
|
|
text-align: left;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ligne div.armeDegats b,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ligne div.armeViolence b {
|
|
display: flex;
|
|
width: 28px;
|
|
height: 28px;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ligne div.armePortee select {
|
|
width: 100%;
|
|
font-size: 14px;
|
|
height: 28px;
|
|
text-align: center;
|
|
padding-top: 0px;
|
|
padding-right: 0px;
|
|
padding-bottom: 0px;
|
|
border: 0px;
|
|
padding-left: 15px;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ligne div.armeAttaque input[type=number] {
|
|
width: calc(100% - 28px);
|
|
font-size: 14px;
|
|
height: 28px;
|
|
text-align: center;
|
|
padding-top: 0px;
|
|
padding-right: 0px;
|
|
padding-bottom: 0px;
|
|
border: 0px;
|
|
padding-left: 15px;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ligne div.armeAttaque input[type=number].nbre {
|
|
text-align: right;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ligne div.armeAttaque input[type=number].bonus {
|
|
text-align: left;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ligne div.armeAttaque b {
|
|
display: flex;
|
|
width: 28px;
|
|
height: 28px;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ligne div.armeJet input[type=number] {
|
|
width: calc(100% - 28px);
|
|
font-size: 14px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
border: 0px;
|
|
border-right: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ligne div.armeJet input[type=number].nbre {
|
|
text-align: right;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ligne div.armeJet input[type=number].bonus {
|
|
text-align: left;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.bonus {
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- label
|
|
- width : Width du label
|
|
- height : height du label
|
|
|
|
- span
|
|
- color : La color
|
|
- background : Le background
|
|
- border : S'il y a une bordure (true/false)
|
|
- width : Width du span
|
|
- height : height du height
|
|
|
|
- shadow : s'il y a une ombre (true/false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.bonus label.fakeButton {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 23px;
|
|
font-size: 14px;
|
|
align-self: center;
|
|
font-size: 12px;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.bonus label.fakeButton input[type=checkbox],
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.bonus label.fakeButton input[type=radio] {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 23px;
|
|
opacity: 0;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.bonus label.fakeButton span {
|
|
display: flex;
|
|
height: 23px;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.bonus label.fakeButton span::before {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 23px;
|
|
content: attr(title);
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.bonus label.cadence {
|
|
display: none;
|
|
width: 372px;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.bonus label.cadence span {
|
|
width: 236px;
|
|
padding-left: 2px;
|
|
line-height: 27px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.bonus label.cadence select {
|
|
width: 131px;
|
|
border: 0px;
|
|
padding: 0px;
|
|
padding-left: 15px;
|
|
height: 28px;
|
|
text-align: center;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
border-right: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.bonus label.guidage {
|
|
display: none;
|
|
margin-top: 1px;
|
|
width: 130px;
|
|
height: 28px;
|
|
margin: 0px;
|
|
margin-right: 29px;
|
|
border-right: 1px solid RGB(93, 111, 179);
|
|
border: 0px;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.bonus label.guidage span.actif,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.bonus label.guidage span.inactif {
|
|
display: none;
|
|
text-align: center;
|
|
color: black;
|
|
height: 28px;
|
|
line-height: 28px;
|
|
align-items: center;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.bonus label.guidage span.actif::before,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.bonus label.guidage span.inactif::before {
|
|
height: 28px;
|
|
line-height: 28px;
|
|
background: transparent;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.bonus label.guidage span.actif {
|
|
border-left: 1px solid RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.bonus label.guidage span.actif::before {
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
border-bottom: 1px solid RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.bonus label.guidage input[type=checkbox] {
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.bonus label.guidage input[type=checkbox]:checked ~ span.actif {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.bonus label.guidage input[type=checkbox]:not(:checked) ~ span.inactif {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.effets,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ameliorationsArmes,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.special {
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- label
|
|
- width : Width du label
|
|
- height : height du label
|
|
|
|
- span
|
|
- color : La color
|
|
- background : Le background
|
|
- border : S'il y a une bordure (true/false)
|
|
- width : Width du span
|
|
- height : height du height
|
|
|
|
- shadow : s'il y a une ombre (true/false)
|
|
*/
|
|
display: none;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-evenly;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.effets label.fakeButton,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ameliorationsArmes label.fakeButton,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.special label.fakeButton {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 23px;
|
|
font-size: 14px;
|
|
align-self: center;
|
|
font-size: 12px;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.effets label.fakeButton input[type=checkbox],
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.effets label.fakeButton input[type=radio],
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ameliorationsArmes label.fakeButton input[type=checkbox],
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ameliorationsArmes label.fakeButton input[type=radio],
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.special label.fakeButton input[type=checkbox],
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.special label.fakeButton input[type=radio] {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 23px;
|
|
opacity: 0;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.effets label.fakeButton span,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ameliorationsArmes label.fakeButton span,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.special label.fakeButton span {
|
|
display: flex;
|
|
height: 23px;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.effets label.fakeButton span::before,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ameliorationsArmes label.fakeButton span::before,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.special label.fakeButton span::before {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 23px;
|
|
content: attr(title);
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.effets label.simple,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ameliorationsArmes label.simple,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.special label.simple {
|
|
justify-content: space-between;
|
|
width: 150px;
|
|
height: 23px;
|
|
margin: 2px;
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.effets label.simple input[type=checkbox]:not(:checked) ~ span::before,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ameliorationsArmes label.simple input[type=checkbox]:not(:checked) ~ span::before,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.special label.simple input[type=checkbox]:not(:checked) ~ span::before {
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.effets div.double,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ameliorationsArmes div.double,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.special div.double {
|
|
justify-content: space-between;
|
|
width: 150px;
|
|
height: 23px;
|
|
margin: 2px;
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.effets div.double label.fakeButton,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ameliorationsArmes div.double label.fakeButton,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.special div.double label.fakeButton {
|
|
width: calc(100% - 30px);
|
|
border: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.effets div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ameliorationsArmes div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.special div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before {
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.effets div.double input[type=number],
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ameliorationsArmes div.double input[type=number],
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.special div.double input[type=number] {
|
|
width: 30px;
|
|
height: 23px;
|
|
text-align: center;
|
|
border-top: 0px;
|
|
border-right: 0px;
|
|
border-left: 1px solid black;
|
|
border-bottom: 0px;
|
|
border-radius: 0px;
|
|
padding: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.effets div.doubleTexte,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ameliorationsArmes div.doubleTexte,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.special div.doubleTexte {
|
|
width: 150px;
|
|
height: 46px;
|
|
margin: 2px;
|
|
flex-wrap: wrap;
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.effets div.doubleTexte input[type=checkbox]:not(:checked) ~ span::before,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ameliorationsArmes div.doubleTexte input[type=checkbox]:not(:checked) ~ span::before,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.special div.doubleTexte input[type=checkbox]:not(:checked) ~ span::before {
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.effets div.doubleTexte input[type=text],
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ameliorationsArmes div.doubleTexte input[type=text],
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.special div.doubleTexte input[type=text] {
|
|
width: 100%;
|
|
height: 23px;
|
|
text-align: center;
|
|
border-top: 1px solid black;
|
|
border-bottom: 0px;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
border-radius: 0px;
|
|
padding: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.effets div.triple,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ameliorationsArmes div.triple,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.special div.triple {
|
|
width: 150px;
|
|
height: 46px;
|
|
margin: 2px;
|
|
flex-wrap: wrap;
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.effets div.triple div input[type=number],
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ameliorationsArmes div.triple div input[type=number],
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.special div.triple div input[type=number] {
|
|
width: calc(50% - 14px);
|
|
height: 23px;
|
|
border-radius: 0px;
|
|
padding: 0px;
|
|
border-bottom: 0px;
|
|
border-right: 0px;
|
|
border-left: 0px;
|
|
border-top: 1px solid black;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.effets div.triple div input[type=number].R,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ameliorationsArmes div.triple div input[type=number].R,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.special div.triple div input[type=number].R {
|
|
text-align: left;
|
|
border-left: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.effets div.triple div input[type=number].L,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ameliorationsArmes div.triple div input[type=number].L,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.special div.triple div input[type=number].L {
|
|
text-align: right;
|
|
border-right: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.effets div.triple div span,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ameliorationsArmes div.triple div span,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.special div.triple div span {
|
|
display: flex;
|
|
background: RGB(93, 111, 179);
|
|
width: 28px;
|
|
height: 22px;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: white;
|
|
border-top: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.effets div.triple input[type=hidden][value="0"] ~ label span::before, div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.effets div.triple input[type=hidden][value="0"] ~ div span,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ameliorationsArmes div.triple input[type=hidden][value="0"] ~ label span::before,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ameliorationsArmes div.triple input[type=hidden][value="0"] ~ div span,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.special div.triple input[type=hidden][value="0"] ~ label span::before,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.special div.triple input[type=hidden][value="0"] ~ div span {
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV input[type=hidden].subMenu[value="1"] ~ div button[type=action].effets {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV input[type=hidden].subMenu[value="1"] ~ div.effets {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV input[type=hidden].subMenu[value="3"] ~ div button[type=action].ameliorationsArmes {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV input[type=hidden].subMenu[value="3"] ~ div.ameliorationsArmes {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV input[type=hidden].subMenu[value="4"] ~ div button[type=action].special {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV input[type=hidden].subMenu[value="4"] ~ div.special {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule input[type=hidden].styleCombat[value=pilonnage] ~ div div.bonus {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule input[type=hidden].styleCombat[value=pilonnage] ~ div label.pilonnage {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule input[type=hidden].styleCombat[value=pilonnage] ~ div label.pilonnageDetails {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule input[type=hidden].styleCombat[value=pilonnage] ~ div label.guidage {
|
|
margin-right: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1 {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule input[type=hidden].bonusCarac[value="1"] ~ div div.bonus {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule input[type=hidden].bonusCarac[value="1"] ~ div div.bonus label.pilonnage {
|
|
width: 241px;
|
|
padding-right: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule input[type=hidden].bonusCarac[value="1"] ~ div div.bonus label.pilonnage input[type=number] {
|
|
border-right: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule input[type=hidden].bonusCarac[value="1"] ~ div div.bonusCarac {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule input[type=hidden].bonusCarac[value="1"] ~ div div.bonusCarac select:first-of-type {
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2 {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule input[type=hidden].bonusCarac[value="2"] ~ div div.bonus {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule input[type=hidden].bonusCarac[value="2"] ~ div div.bonus label.pilonnage {
|
|
width: 241px;
|
|
padding-right: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule input[type=hidden].bonusCarac[value="2"] ~ div div.bonus label.pilonnage input[type=number] {
|
|
border-right: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule input[type=hidden].bonusCarac[value="2"] ~ div div.bonusCarac {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule input[type=hidden].bonusCarac[value="2"] ~ div div.bonusCarac select:first-of-type {
|
|
display: inline-block;
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule input[type=hidden].bonusCarac[value="2"] ~ div div.bonusCarac select:last-of-type {
|
|
display: inline-block;
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.armesVehicule input[type=hidden].codexfm4[value="0"] ~ div div.codexfm4, div.charsheet > div.content div.tabVehicule div.armesVehicule input[type=hidden].codexfm4[value="0"] ~ div label.codexfm4 {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.notes {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.notes h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.notes div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.notes h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.notes .repcontainer {
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.notes .repitem {
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.notes .repitem:not(:first-of-type) {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.effetsArmes {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.effetsArmes h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.effetsArmes div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.effetsArmes h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.effetsArmes select {
|
|
width: 100%;
|
|
padding: 0px;
|
|
border: 0px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.effetsArmes span {
|
|
display: flex;
|
|
width: 100%;
|
|
background-color: #f5f5f5;
|
|
min-height: 28px;
|
|
padding-right: 2px;
|
|
padding-left: 2px;
|
|
text-align: justify;
|
|
white-space: pre-line;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.col > * {
|
|
margin-bottom: 10px;
|
|
}
|
|
div.charsheet > div.content div.tabVehicule div.col3 {
|
|
margin-top: 10px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure {
|
|
justify-content: space-between;
|
|
align-items: flex-start;
|
|
align-content: flex-start;
|
|
width: 100%;
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- justifyContent : règle la façon dont le contenu est justifié.
|
|
- width : width du div.
|
|
- color : Couleur du texte.
|
|
- background : Background des boutons
|
|
- borderColor : couleur de la bordure
|
|
- fontSize : font size du texte.
|
|
- fontBold : Si le font est Bold ou non (true/false)
|
|
- button
|
|
- width : width du bouton
|
|
- widthBL : width des boutons ayant une bordure à gauche.
|
|
- widthBLR : width des boutons ayant une bordure à gauche et à droite.
|
|
- height : height des boutons.
|
|
- lastLine : indique qu'il y a un bouton sur une seconde ligne (true / false)
|
|
*/
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.col {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: flex-start;
|
|
align-content: flex-start;
|
|
width: calc(50% - 5px);
|
|
flex-wrap: wrap;
|
|
position: relative;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure > div.subTab {
|
|
display: flex;
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
justify-content: space-evenly;
|
|
align-items: flex-end;
|
|
align-content: flex-end;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure > div.subTab button[type=action] {
|
|
display: flex;
|
|
padding: 0px;
|
|
width: 25%;
|
|
height: 28px;
|
|
justify-content: center;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border-top: 1px solid black;
|
|
border-bottom: 1px solid black;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure > div.subTab button[type=action].BL {
|
|
width: calc(25% - 1px);
|
|
border-left: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure > div.subTab button[type=action].BR {
|
|
width: calc(25% - 1px);
|
|
border-right: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure > div.subTab button[type=action].BLR {
|
|
border-right: 1px solid black;
|
|
border-left: 1px solid black;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure > div.subTab button[type=action].NBT {
|
|
border-top: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure .archangel,
|
|
div.charsheet > div.content div.tabMechaArmure .nephilim,
|
|
div.charsheet > div.content div.tabMechaArmure .demon,
|
|
div.charsheet > div.content div.tabMechaArmure .subTabSpecial,
|
|
div.charsheet > div.content div.tabMechaArmure .subTabModules,
|
|
div.charsheet > div.content div.tabMechaArmure .subTabImprovisee,
|
|
div.charsheet > div.content div.tabMechaArmure .subTabArmes,
|
|
div.charsheet > div.content div.tabMechaArmure .gabriel,
|
|
div.charsheet > div.content div.tabMechaArmure .raphael,
|
|
div.charsheet > div.content div.tabMechaArmure .og,
|
|
div.charsheet > div.content div.tabMechaArmure .anak,
|
|
div.charsheet > div.content div.tabMechaArmure .djinn,
|
|
div.charsheet > div.content div.tabMechaArmure .asura {
|
|
display: none;
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.selectionMA {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
margin-bottom: 10px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.selectionMA h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.selectionMA div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.selectionMA div.button {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: space-evenly;
|
|
flex-wrap: wrap;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.selectionMA div.button button[type=action] {
|
|
display: flex;
|
|
width: calc(33.3333333333% - 20px);
|
|
height: 26px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
margin-top: 1px;
|
|
margin-bottom: 1px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.selectionMA h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.donnees {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.donnees h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.donnees div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.donnees h1.titre {
|
|
display: flex;
|
|
text-transform: capitalize;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.donnees input[type=number] {
|
|
width: 100%;
|
|
border: 0px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.donnees div.ligneTitre {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.donnees div.ligneTitre span {
|
|
display: flex;
|
|
width: 33.3333333333%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.donnees div.ligneTitre span:not(:first-of-type) {
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.donnees div.ligne2 {
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.donnees div.ligne2 span {
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
width: calc(33.3333333333% - 2px);
|
|
padding-left: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.donnees div.ligne2 div {
|
|
width: 33.3333333333%;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.autoReparation {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.autoReparation h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.autoReparation div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.autoReparation button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabMechaArmure div.autoReparation button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.autoReparation button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabMechaArmure div.autoReparation button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.autoReparation button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabMechaArmure div.autoReparation button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.autoReparation h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.autoReparation .col2,
|
|
div.charsheet > div.content div.tabMechaArmure div.autoReparation .col2BL {
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.autoReparation .col2 span,
|
|
div.charsheet > div.content div.tabMechaArmure div.autoReparation .col2BL span {
|
|
display: flex;
|
|
width: calc(100% - 31px);
|
|
padding-left: 2px;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.autoReparation .col2 button[type=roll],
|
|
div.charsheet > div.content div.tabMechaArmure div.autoReparation .col2 button[type=action],
|
|
div.charsheet > div.content div.tabMechaArmure div.autoReparation .col2BL button[type=roll],
|
|
div.charsheet > div.content div.tabMechaArmure div.autoReparation .col2BL button[type=action] {
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.autoReparation .col2 {
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.autoReparation .col2BL {
|
|
width: calc(50% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.styleCombat {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.styleCombat h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.styleCombat div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.styleCombat h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.styleCombat select {
|
|
width: 100%;
|
|
padding: 0px;
|
|
border: 0px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.styleCombat div.puissant {
|
|
display: none;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.styleCombat div.puissant span {
|
|
width: 70px;
|
|
font-size: 14px;
|
|
height: 28px;
|
|
line-height: 28px;
|
|
font-weight: bold;
|
|
padding-left: 2px;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.styleCombat div.puissant select {
|
|
width: calc(50% - 35px);
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.styleCombat div.puissant input[type=number] {
|
|
width: calc(50% - 35px);
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
text-align: center;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.styleCombat div.suppression {
|
|
display: none;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.styleCombat div.suppression label {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.styleCombat div.suppression label span {
|
|
width: 150px;
|
|
font-size: 14px;
|
|
height: 28px;
|
|
line-height: 28px;
|
|
font-weight: bold;
|
|
padding-left: 2px;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.styleCombat div.suppression label input[type=number] {
|
|
width: calc(100% - 150px);
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.styleCombat div.suppression label:first-of-type {
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.styleCombat div.suppression label:not(:first-of-type) {
|
|
width: calc(50% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.styleCombat input[type=hidden][value=puissant] ~ div.puissant {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.styleCombat input[type=hidden][value=suppression] ~ div.suppression {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.jet {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.jet h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.jet div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.jet div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.jet div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabMechaArmure div.jet div.titre button[type=action].bonusCaracL2 {
|
|
width: 26px;
|
|
height: 26px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.jet div.titre button[type=action].bonusCaracL2 {
|
|
margin-right: auto;
|
|
margin-left: 3px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.jet button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabMechaArmure div.jet button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.jet button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabMechaArmure div.jet button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.jet button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabMechaArmure div.jet button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.jet div.titre,
|
|
div.charsheet > div.content div.tabMechaArmure div.jet h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.jet select {
|
|
border: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.jet label.bonus {
|
|
display: flex;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
font-size: 14px;
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.jet label.bonus span {
|
|
width: calc(50% - 2px);
|
|
line-height: 28px;
|
|
padding-left: 2px;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.jet label.bonus input[type=number],
|
|
div.charsheet > div.content div.tabMechaArmure div.jet label.bonus select {
|
|
width: 50%;
|
|
height: 28px;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
text-align: center;
|
|
border-top: 0px;
|
|
border-right: 0px;
|
|
border-bottom: 0px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.jet label.bonus select {
|
|
padding-left: 25px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.jet label.bonus:last-of-type {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.jet div.rollPJ {
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
font-size: 14px;
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.jet div.rollPJ select {
|
|
width: 50%;
|
|
padding: 0px;
|
|
height: 28px;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.jet div.rollPJ select:last-of-type {
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.jet div.bonusCarac {
|
|
display: none;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.jet div.bonusCarac select {
|
|
display: none;
|
|
padding: 0px;
|
|
height: 28px;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.jet input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1 {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.jet input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.jet input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac select:first-of-type {
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.jet input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabMechaArmure div.jet input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2 {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.jet input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.jet input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:first-of-type {
|
|
display: inline-block;
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.jet input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:last-of-type {
|
|
display: inline-block;
|
|
width: 50%;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.PE {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.PE h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.PE div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.PE h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.PE input[type=number] {
|
|
width: 100%;
|
|
border: 0px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.PE div.ligneTitre {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.PE div.ligneTitre span {
|
|
display: flex;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.PE div.ligneTitre span:first-of-type {
|
|
padding-left: 2px;
|
|
width: calc(31% - 2px);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.PE div.ligneTitre span:not(:first-of-type) {
|
|
width: calc(23% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.PE div.ligne3 {
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.PE div.ligne3 span {
|
|
display: flex;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
padding-left: 2px;
|
|
width: calc(31% - 2px);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.PE div.ligne3 div {
|
|
width: calc(23% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.DRMechaArmure {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.DRMechaArmure .col2,
|
|
div.charsheet > div.content div.tabMechaArmure div.DRMechaArmure .col2BL {
|
|
width: 50%;
|
|
flex-wrap: wrap;
|
|
background: RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.DRMechaArmure .col2 span,
|
|
div.charsheet > div.content div.tabMechaArmure div.DRMechaArmure .col2BL span {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
justify-content: center;
|
|
color: white;
|
|
font-weight: bold;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.DRMechaArmure .col2 input[type=number],
|
|
div.charsheet > div.content div.tabMechaArmure div.DRMechaArmure .col2BL input[type=number] {
|
|
width: 100%;
|
|
text-align: center;
|
|
padding: 0px;
|
|
height: 28px;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
border-bottom: 0px;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.DRMechaArmure .col2 span {
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.DRMechaArmure .col2 input[type=number] {
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.DRMechaArmure .col2BL span {
|
|
width: calc(100% - 1px);
|
|
border-left: 1px solid RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.DRMechaArmure .col2BL input[type=number] {
|
|
width: 100%;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.physiqueMental {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.physiqueMental h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.physiqueMental div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.physiqueMental input[type=number] {
|
|
width: 100%;
|
|
border: 0px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.physiqueMental div.ligneTitre {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.physiqueMental div.ligneTitre span {
|
|
display: flex;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.physiqueMental div.ligneTitre span:first-of-type {
|
|
padding-left: 2px;
|
|
width: calc(31% - 2px);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.physiqueMental div.ligneTitre span:not(:first-of-type) {
|
|
width: calc(23% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.physiqueMental div.ligne3 {
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.physiqueMental div.ligne3 span {
|
|
display: flex;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: bold;
|
|
padding-left: 2px;
|
|
width: calc(31% - 2px);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.physiqueMental div.ligne3 div {
|
|
width: calc(23% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.portee {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.portee h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.portee div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.portee h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.portee div.col5 {
|
|
display: flex;
|
|
justify-content: center;
|
|
width: 20%;
|
|
flex-wrap: wrap;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.portee div.col5BL {
|
|
display: flex;
|
|
justify-content: center;
|
|
width: calc(20% - 1px);
|
|
flex-wrap: wrap;
|
|
background: RGB(213, 215, 237);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.portee div.col5 span,
|
|
div.charsheet > div.content div.tabMechaArmure div.portee div.col5BL span {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
line-height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.portee div.col5 span:first-of-type,
|
|
div.charsheet > div.content div.tabMechaArmure div.portee div.col5BL span:first-of-type {
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.portee div.col5 span:last-of-type,
|
|
div.charsheet > div.content div.tabMechaArmure div.portee div.col5BL span:last-of-type {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.subTab {
|
|
margin-bottom: 10px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.configuration {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.configuration h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.configuration div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.configuration div.button {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: space-evenly;
|
|
flex-wrap: wrap;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.configuration div.button button[type=action] {
|
|
display: flex;
|
|
width: calc(100% - 10px);
|
|
height: 26px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
margin-top: 5px;
|
|
margin-bottom: 5px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.configuration h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.offering {
|
|
margin-bottom: 10px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.offering,
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.curse {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.offering h1.titre,
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.curse h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.offering div.titre,
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.curse div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.offering div.titre h1.titre,
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.curse div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.offering button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.offering button[type=action].rollDice,
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.curse button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.curse button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.offering button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.offering button[type=action].rollDice::before,
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.curse button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.curse button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.offering button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.offering button[type=action].rollDice:hover,
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.curse button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.curse button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.offering div.titre,
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.offering h1.titre,
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.curse div.titre,
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.curse h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.offering label,
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.curse label {
|
|
display: flex;
|
|
font-size: 14px;
|
|
background: RGB(213, 215, 237);
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.offering label span,
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.curse label span {
|
|
display: flex;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.offering label input[type=number],
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.offering label input[type=text],
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.curse label input[type=number],
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.curse label input[type=text] {
|
|
height: 28px;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
text-align: center;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.offering label.ligne,
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.curse label.ligne {
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.offering label.ligne span,
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.curse label.ligne span {
|
|
width: calc(50% - 2px);
|
|
padding-left: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.offering label.ligne input[type=number],
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.curse label.ligne input[type=number] {
|
|
width: 50%;
|
|
border-top: 0px;
|
|
border-bottom: 0px;
|
|
border-right: 0px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.offering label.col2, div.charsheet > div.content div.tabMechaArmure div.archangel div.offering label.col2BL,
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.curse label.col2,
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.curse label.col2BL {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.offering label.col2 span, div.charsheet > div.content div.tabMechaArmure div.archangel div.offering label.col2BL span,
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.curse label.col2 span,
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.curse label.col2BL span {
|
|
width: 100%;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.offering label.col2 input[type=text], div.charsheet > div.content div.tabMechaArmure div.archangel div.offering label.col2BL input[type=text],
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.curse label.col2 input[type=text],
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.curse label.col2BL input[type=text] {
|
|
width: 100%;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
border-bottom: 0px;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.offering label.col2,
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.curse label.col2 {
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.offering label.col2BL,
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.curse label.col2BL {
|
|
width: calc(50% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
align-items: flex-start;
|
|
margin-bottom: 10px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.titre,
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle label.col2,
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle label.col2BL {
|
|
display: flex;
|
|
font-size: 14px;
|
|
background: RGB(213, 215, 237);
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle label.col2 span,
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle label.col2BL span {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: black;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle label.col2 input[type=number],
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle label.col2 input[type=text],
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle label.col2BL input[type=number],
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle label.col2BL input[type=text] {
|
|
width: 100%;
|
|
height: 28px;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
text-align: center;
|
|
color: black;
|
|
border-left: 0px;
|
|
border-bottom: 0px;
|
|
border-right: 0px;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.col2,
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.col2BL {
|
|
display: flex;
|
|
font-size: 14px;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.col2 span,
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.col2BL span {
|
|
display: flex;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.col2 input[type=number],
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.col2 input[type=text],
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.col2BL input[type=number],
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.col2BL input[type=text] {
|
|
height: 28px;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
text-align: center;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.col2 label.ligne,
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.col2BL label.ligne {
|
|
display: flex;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.col2 label.ligne span,
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.col2BL label.ligne span {
|
|
width: calc(100% - 50px - 2px);
|
|
padding-left: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.col2 label.ligne input[type=number],
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.col2 label.ligne input[type=text],
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.col2BL label.ligne input[type=number],
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.col2BL label.ligne input[type=text] {
|
|
width: 50px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
border-top: 0px;
|
|
border-bottom: 0px;
|
|
border-right: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.col2 label.ligne:not(:last-of-type),
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.col2BL label.ligne:not(:last-of-type) {
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.col2 div.ligneDouble,
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.col2BL div.ligneDouble {
|
|
display: flex;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.col2 div.ligneDouble > span,
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.col2BL div.ligneDouble > span {
|
|
width: calc(100% - 100px - 4px);
|
|
padding-left: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.col2 div.ligneDouble div,
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.col2BL div.ligneDouble div {
|
|
display: flex;
|
|
width: 102px;
|
|
justify-content: space-between;
|
|
background: white;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.col2 div.ligneDouble div input[type=number],
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.col2 div.ligneDouble div input[type=text],
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.col2BL div.ligneDouble div input[type=number],
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.col2BL div.ligneDouble div input[type=text] {
|
|
width: 50px;
|
|
border-top: 0px;
|
|
border-bottom: 0px;
|
|
border-right: 0px;
|
|
background: transparent;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.col2 div.ligneDouble div input[type=number]:first-of-type,
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.col2 div.ligneDouble div input[type=text]:first-of-type,
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.col2BL div.ligneDouble div input[type=number]:first-of-type,
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.col2BL div.ligneDouble div input[type=text]:first-of-type {
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.col2 div.ligneDouble div input[type=number]:not(:first-of-type),
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.col2 div.ligneDouble div input[type=text]:not(:first-of-type),
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.col2BL div.ligneDouble div input[type=number]:not(:first-of-type),
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.col2BL div.ligneDouble div input[type=text]:not(:first-of-type) {
|
|
border-left: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.col2 div.ligneDouble div span,
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.col2BL div.ligneDouble div span {
|
|
display: flex;
|
|
width: 2px;
|
|
justify-content: center;
|
|
align-items: center;
|
|
background: transparent;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.col2 div.ligneDouble:not(:last-of-type),
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.col2BL div.ligneDouble:not(:last-of-type) {
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle .col2 {
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle .col2BL {
|
|
width: calc(50% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.droneEvacuation {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.droneEvacuation h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.droneEvacuation div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.droneEvacuation div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.droneEvacuation div.titre button[type=action].active {
|
|
width: 100px;
|
|
height: 26px;
|
|
margin-left: auto;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.droneEvacuation div.titre,
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.droneEvacuation h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.droneEvacuation .col2,
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.droneEvacuation .col2BL {
|
|
display: flex;
|
|
font-size: 14px;
|
|
background: RGB(213, 215, 237);
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.droneEvacuation .col2 span,
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.droneEvacuation .col2BL span {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: black;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.droneEvacuation .col2 input[type=number],
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.droneEvacuation .col2 input[type=text],
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.droneEvacuation .col2BL input[type=number],
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.droneEvacuation .col2BL input[type=text] {
|
|
width: 100%;
|
|
height: 28px;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
text-align: center;
|
|
color: black;
|
|
border-left: 0px;
|
|
border-bottom: 0px;
|
|
border-right: 0px;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.droneEvacuation .col2 {
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.droneEvacuation .col2BL {
|
|
width: calc(50% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.droneEvacuation input[type=hidden].active[value="1"] ~ div button[type=action].active {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.vol {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.vol h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.vol div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.vol div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.vol div.titre button[type=action].active {
|
|
width: 100px;
|
|
height: 26px;
|
|
margin-left: auto;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.vol div.titre,
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.vol h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.vol .col3,
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.vol .col3BL {
|
|
display: flex;
|
|
font-size: 14px;
|
|
background: RGB(213, 215, 237);
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.vol .col3 span,
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.vol .col3BL span {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: black;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.vol .col3 input[type=number],
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.vol .col3 input[type=text],
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.vol .col3BL input[type=number],
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.vol .col3BL input[type=text] {
|
|
width: 100%;
|
|
height: 28px;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
text-align: center;
|
|
color: black;
|
|
border-left: 0px;
|
|
border-bottom: 0px;
|
|
border-right: 0px;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.vol .col3 {
|
|
width: 33.3333333333%;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.vol .col3BL {
|
|
width: calc(33.3333333333% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.vol input[type=hidden].active[value="1"] ~ div button[type=action].active {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.vagueSoin {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.vagueSoin h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.vagueSoin div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.vagueSoin h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.vagueSoin .col3,
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.vagueSoin .col3BL {
|
|
display: flex;
|
|
font-size: 14px;
|
|
background: RGB(213, 215, 237);
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.vagueSoin .col3 span,
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.vagueSoin .col3BL span {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: black;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.vagueSoin .col3 input[type=number],
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.vagueSoin .col3 input[type=text],
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.vagueSoin .col3BL input[type=number],
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.vagueSoin .col3BL input[type=text] {
|
|
width: 100%;
|
|
height: 28px;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
text-align: center;
|
|
color: black;
|
|
border-left: 0px;
|
|
border-bottom: 0px;
|
|
border-right: 0px;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.vagueSoin .col3 {
|
|
width: 33.3333333333%;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.vagueSoin .col3BL {
|
|
width: calc(33.3333333333% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron div.titre button[type=action].bonusCaracL2 {
|
|
width: 26px;
|
|
height: 26px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron div.titre button[type=action].bonusCaracL2 {
|
|
margin-right: auto;
|
|
margin-left: 3px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron div.titre,
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron select {
|
|
border: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron label.bonus {
|
|
display: flex;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
font-size: 14px;
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron label.bonus span {
|
|
width: calc(50% - 2px);
|
|
line-height: 28px;
|
|
padding-left: 2px;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron label.bonus input[type=number],
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron label.bonus select {
|
|
width: 50%;
|
|
height: 28px;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
text-align: center;
|
|
border-top: 0px;
|
|
border-right: 0px;
|
|
border-bottom: 0px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron label.bonus select {
|
|
padding-left: 25px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron label.bonus:last-of-type {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron div.rollPJ {
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
font-size: 14px;
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron div.rollPJ select {
|
|
width: 50%;
|
|
padding: 0px;
|
|
height: 28px;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron div.rollPJ select:last-of-type {
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron div.bonusCarac {
|
|
display: none;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron div.bonusCarac select {
|
|
display: none;
|
|
padding: 0px;
|
|
height: 28px;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron .col4,
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron .col4BL {
|
|
display: flex;
|
|
font-size: 14px;
|
|
background: RGB(213, 215, 237);
|
|
flex-wrap: wrap;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron .col4 span,
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron .col4BL span {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: black;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron .col4 input[type=number],
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron .col4 input[type=text],
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron .col4BL input[type=number],
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron .col4BL input[type=text] {
|
|
width: 100%;
|
|
height: 28px;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
text-align: center;
|
|
color: black;
|
|
border-left: 0px;
|
|
border-bottom: 0px;
|
|
border-right: 0px;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron .col4 {
|
|
width: 25%;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron .col4BL {
|
|
width: calc(25% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron div.autoex {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1 {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac select:first-of-type {
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2 {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:first-of-type {
|
|
display: inline-block;
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:last-of-type {
|
|
display: inline-block;
|
|
width: 50%;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonNoe {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonNoe h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonNoe div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonNoe div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonNoe button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonNoe button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonNoe button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonNoe button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonNoe button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonNoe button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonNoe div.titre,
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonNoe h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonNoe .col2,
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonNoe .col2BL,
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonNoe .col3,
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonNoe .col3BL {
|
|
display: flex;
|
|
font-size: 14px;
|
|
background: RGB(213, 215, 237);
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonNoe .col2 span,
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonNoe .col2BL span,
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonNoe .col3 span,
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonNoe .col3BL span {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: black;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonNoe .col2 input[type=number],
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonNoe .col2 input[type=text],
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonNoe .col2BL input[type=number],
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonNoe .col2BL input[type=text],
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonNoe .col3 input[type=number],
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonNoe .col3 input[type=text],
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonNoe .col3BL input[type=number],
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonNoe .col3BL input[type=text] {
|
|
width: 100%;
|
|
height: 28px;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
text-align: center;
|
|
color: black;
|
|
border-left: 0px;
|
|
border-bottom: 0px;
|
|
border-right: 0px;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonNoe .col2,
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonNoe .col2BL {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonNoe .col2 {
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonNoe .col2BL {
|
|
width: calc(50% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonNoe .col3 {
|
|
width: 33.3333333333%;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonNoe .col3BL {
|
|
width: calc(33.3333333333% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.invulnerabilite {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.invulnerabilite h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.invulnerabilite div.titreInverse {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.invulnerabilite div.titreInverse h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.invulnerabilite div.titreInverse button[type=action].active {
|
|
width: 100px;
|
|
height: 26px;
|
|
margin-right: auto;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.invulnerabilite div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.invulnerabilite button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.invulnerabilite button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.invulnerabilite button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.invulnerabilite button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.invulnerabilite button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.invulnerabilite button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.invulnerabilite div.titreInverse,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.invulnerabilite h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.invulnerabilite .col2,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.invulnerabilite .col2BL,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.invulnerabilite .col4,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.invulnerabilite .col4BL {
|
|
display: flex;
|
|
font-size: 14px;
|
|
background: RGB(213, 215, 237);
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.invulnerabilite .col2 span,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.invulnerabilite .col2BL span,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.invulnerabilite .col4 span,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.invulnerabilite .col4BL span {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: black;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.invulnerabilite .col2 input[type=number],
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.invulnerabilite .col2 input[type=text],
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.invulnerabilite .col2BL input[type=number],
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.invulnerabilite .col2BL input[type=text],
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.invulnerabilite .col4 input[type=number],
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.invulnerabilite .col4 input[type=text],
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.invulnerabilite .col4BL input[type=number],
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.invulnerabilite .col4BL input[type=text] {
|
|
width: 100%;
|
|
height: 28px;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
text-align: center;
|
|
color: black;
|
|
border-left: 0px;
|
|
border-bottom: 0px;
|
|
border-right: 0px;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.invulnerabilite .col2 {
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.invulnerabilite .col2BL {
|
|
width: calc(50% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.invulnerabilite .col4,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.invulnerabilite .col4BL {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.invulnerabilite .col4 {
|
|
width: 25%;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.invulnerabilite .col4BL {
|
|
width: calc(25% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.invulnerabilite div.autoex {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.invulnerabilite input[type=hidden].active[value="1"] ~ div button[type=action].active {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
margin-top: 10px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense div.titre button[type=action].active {
|
|
width: 100px;
|
|
height: 26px;
|
|
margin-left: auto;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense div.titre,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense .borderTop {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense label.col2,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense label.col2BL,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense label.col3,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense label.col3BL {
|
|
display: flex;
|
|
font-size: 14px;
|
|
background: RGB(213, 215, 237);
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense label.col2 span,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense label.col2BL span,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense label.col3 span,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense label.col3BL span {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: black;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense label.col2 input[type=number],
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense label.col2 input[type=text],
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense label.col2BL input[type=number],
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense label.col2BL input[type=text],
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense label.col3 input[type=number],
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense label.col3 input[type=text],
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense label.col3BL input[type=number],
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense label.col3BL input[type=text] {
|
|
width: 100%;
|
|
height: 28px;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
text-align: center;
|
|
color: black;
|
|
border-left: 0px;
|
|
border-bottom: 0px;
|
|
border-right: 0px;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense div.col3,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense label.col3L,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense div.col3BL {
|
|
display: flex;
|
|
font-size: 14px;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense div.col3 span,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense label.col3L span,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense div.col3BL span {
|
|
display: flex;
|
|
width: calc(100% - 29px - 2px);
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: black;
|
|
justify-content: flex-start;
|
|
padding-left: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense div.col3 input[type=number],
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense label.col3L input[type=number],
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense div.col3BL input[type=number] {
|
|
width: 29px;
|
|
height: 28px;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
text-align: center;
|
|
color: black;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
border-bottom: 0px;
|
|
border-right: 0px;
|
|
border-top: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense div.col3 button[type=roll],
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense div.col3 button[type=action],
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense label.col3L button[type=roll],
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense label.col3L button[type=action],
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense div.col3BL button[type=roll],
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense div.col3BL button[type=action] {
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense .col2 {
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense .col2BL {
|
|
width: calc(50% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense .col3,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense .col3L {
|
|
width: 33.3333333333%;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense .col3BL {
|
|
width: calc(33.3333333333% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense input[type=hidden].active[value="1"] ~ div button[type=action].active {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.jericho {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.jericho h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.jericho div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.jericho div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.jericho button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.jericho button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.jericho button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.jericho button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.jericho button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.jericho button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.jericho div.data {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.jericho div.titre,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.jericho h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.jericho .col4,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.jericho .col4BL {
|
|
display: flex;
|
|
font-size: 14px;
|
|
background: RGB(213, 215, 237);
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.jericho .col4 span,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.jericho .col4BL span {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: black;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.jericho .col4 input[type=number],
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.jericho .col4 input[type=text],
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.jericho .col4BL input[type=number],
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.jericho .col4BL input[type=text] {
|
|
width: 100%;
|
|
height: 28px;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
text-align: center;
|
|
color: black;
|
|
border-left: 0px;
|
|
border-bottom: 0px;
|
|
border-right: 0px;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.jericho .col4 {
|
|
width: 25%;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.jericho .col4BL {
|
|
width: calc(25% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.jericho div.autoex {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.siegeTower {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
margin-top: 10px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.siegeTower h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.siegeTower div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.siegeTower div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.siegeTower div.titre button[type=action].active {
|
|
width: 100px;
|
|
height: 26px;
|
|
margin-left: auto;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.siegeTower div.titre,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.siegeTower h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.siegeTower .col2,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.siegeTower .col2BL {
|
|
display: flex;
|
|
font-size: 14px;
|
|
background: RGB(213, 215, 237);
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.siegeTower .col2 span,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.siegeTower .col2BL span {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: black;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.siegeTower .col2 input[type=number],
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.siegeTower .col2 input[type=text],
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.siegeTower .col2BL input[type=number],
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.siegeTower .col2BL input[type=text] {
|
|
width: 100%;
|
|
height: 28px;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
text-align: center;
|
|
color: black;
|
|
border-left: 0px;
|
|
border-bottom: 0px;
|
|
border-right: 0px;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.siegeTower .col2 {
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.siegeTower .col2BL {
|
|
width: calc(50% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.siegeTower input[type=hidden].active[value="1"] ~ div button[type=action].active {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.saut,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.emblem,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.droneAirain {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.saut h1.titre,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.emblem h1.titre,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.droneAirain h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.saut div.titre,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.emblem div.titre,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.droneAirain div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.saut div.titre h1.titre,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.emblem div.titre h1.titre,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.droneAirain div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.saut div.titre button[type=action].active,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.emblem div.titre button[type=action].active,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.droneAirain div.titre button[type=action].active {
|
|
width: 100px;
|
|
height: 26px;
|
|
margin-left: auto;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.saut div.titre,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.saut h1.titre,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.emblem div.titre,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.emblem h1.titre,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.droneAirain div.titre,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.droneAirain h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.saut .col4,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.saut .col4BL,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.emblem .col4,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.emblem .col4BL,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.droneAirain .col4,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.droneAirain .col4BL {
|
|
display: flex;
|
|
font-size: 14px;
|
|
background: RGB(213, 215, 237);
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.saut .col4 > span,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.saut .col4BL > span,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.emblem .col4 > span,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.emblem .col4BL > span,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.droneAirain .col4 > span,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.droneAirain .col4BL > span {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: black;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.saut .col4 > input[type=number],
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.saut .col4 > input[type=text],
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.saut .col4BL > input[type=number],
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.saut .col4BL > input[type=text],
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.emblem .col4 > input[type=number],
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.emblem .col4 > input[type=text],
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.emblem .col4BL > input[type=number],
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.emblem .col4BL > input[type=text],
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.droneAirain .col4 > input[type=number],
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.droneAirain .col4 > input[type=text],
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.droneAirain .col4BL > input[type=number],
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.droneAirain .col4BL > input[type=text] {
|
|
width: 100%;
|
|
height: 28px;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
text-align: center;
|
|
color: black;
|
|
border-left: 0px;
|
|
border-bottom: 0px;
|
|
border-right: 0px;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.saut .col4,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.emblem .col4,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.droneAirain .col4 {
|
|
width: 25%;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.saut .col4BL,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.emblem .col4BL,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.droneAirain .col4BL {
|
|
width: calc(25% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.saut input[type=hidden].active[value="1"] ~ div button[type=action].active,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.emblem input[type=hidden].active[value="1"] ~ div button[type=action].active,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.droneAirain input[type=hidden].active[value="1"] ~ div button[type=action].active {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.emblem {
|
|
margin-top: 10px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.droneAirain .borderTop {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma h1.titre,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma div.titre,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma div.titre h1.titre,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma div.titre button[type=action].bonusCaracL2,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur div.titre button[type=action].bonusCaracL2 {
|
|
width: 26px;
|
|
height: 26px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma div.titre button[type=action].bonusCaracL2,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur div.titre button[type=action].bonusCaracL2 {
|
|
margin-right: auto;
|
|
margin-left: 3px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma button[type=action].rollDice,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma button[type=action].rollDice::before,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma button[type=action].rollDice:hover,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma div.titre,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma h1.titre,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur div.titre,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma select,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur select {
|
|
border: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma label.bonus,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur label.bonus {
|
|
display: flex;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
font-size: 14px;
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma label.bonus span,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur label.bonus span {
|
|
width: calc(50% - 2px);
|
|
line-height: 28px;
|
|
padding-left: 2px;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma label.bonus input[type=number],
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma label.bonus select,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur label.bonus input[type=number],
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur label.bonus select {
|
|
width: 50%;
|
|
height: 28px;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
text-align: center;
|
|
border-top: 0px;
|
|
border-right: 0px;
|
|
border-bottom: 0px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma label.bonus select,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur label.bonus select {
|
|
padding-left: 25px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma label.bonus:last-of-type,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur label.bonus:last-of-type {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma div.rollPJ,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur div.rollPJ {
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
font-size: 14px;
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma div.rollPJ select,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur div.rollPJ select {
|
|
width: 50%;
|
|
padding: 0px;
|
|
height: 28px;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma div.rollPJ select:last-of-type,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur div.rollPJ select:last-of-type {
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma div.bonusCarac,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur div.bonusCarac {
|
|
display: none;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma div.bonusCarac select,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur div.bonusCarac select {
|
|
display: none;
|
|
padding: 0px;
|
|
height: 28px;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma .col4,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma .col4BL,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur .col4,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur .col4BL {
|
|
display: flex;
|
|
font-size: 14px;
|
|
background: RGB(213, 215, 237);
|
|
flex-wrap: wrap;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma .col4 span,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma .col4BL span,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur .col4 span,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur .col4BL span {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: black;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma .col4 input[type=number],
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma .col4 input[type=text],
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma .col4BL input[type=number],
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma .col4BL input[type=text],
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur .col4 input[type=number],
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur .col4 input[type=text],
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur .col4BL input[type=number],
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur .col4BL input[type=text] {
|
|
width: 100%;
|
|
height: 28px;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
text-align: center;
|
|
color: black;
|
|
border-left: 0px;
|
|
border-bottom: 0px;
|
|
border-right: 0px;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma .col4,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur .col4 {
|
|
width: 25%;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma .col4BL,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur .col4BL {
|
|
width: calc(25% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma div.autoex,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur div.autoex {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1 {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac select:first-of-type,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac select:first-of-type {
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2 {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:first-of-type,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:first-of-type {
|
|
display: inline-block;
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:last-of-type,
|
|
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:last-of-type {
|
|
display: inline-block;
|
|
width: 50%;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
margin-top: 10px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque div.titre button[type=action].bonusCaracL2 {
|
|
width: 26px;
|
|
height: 26px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque div.titre button[type=action].bonusCaracL2 {
|
|
margin-right: auto;
|
|
margin-left: 3px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque div.titre,
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque select {
|
|
border: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque label.bonus {
|
|
display: flex;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
font-size: 14px;
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque label.bonus span {
|
|
width: calc(50% - 2px);
|
|
line-height: 28px;
|
|
padding-left: 2px;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque label.bonus input[type=number],
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque label.bonus select {
|
|
width: 50%;
|
|
height: 28px;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
text-align: center;
|
|
border-top: 0px;
|
|
border-right: 0px;
|
|
border-bottom: 0px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque label.bonus select {
|
|
padding-left: 25px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque label.bonus:last-of-type {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque div.rollPJ {
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
font-size: 14px;
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque div.rollPJ select {
|
|
width: 50%;
|
|
padding: 0px;
|
|
height: 28px;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque div.rollPJ select:last-of-type {
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque div.bonusCarac {
|
|
display: none;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque div.bonusCarac select {
|
|
display: none;
|
|
padding: 0px;
|
|
height: 28px;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque .col4,
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque .col4BL {
|
|
display: flex;
|
|
font-size: 14px;
|
|
background: RGB(213, 215, 237);
|
|
flex-wrap: wrap;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque .col4 span,
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque .col4BL span {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: black;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque .col4 input[type=number],
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque .col4 input[type=text],
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque .col4BL input[type=number],
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque .col4BL input[type=text] {
|
|
width: 100%;
|
|
height: 28px;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
text-align: center;
|
|
color: black;
|
|
border-left: 0px;
|
|
border-bottom: 0px;
|
|
border-right: 0px;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque .col4 {
|
|
width: 25%;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque .col4BL {
|
|
width: calc(25% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque div.autoex {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1 {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac select:first-of-type {
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2 {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:first-of-type {
|
|
display: inline-block;
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:last-of-type {
|
|
display: inline-block;
|
|
width: 50%;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.bouclierAmrita {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
margin-top: 10px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.bouclierAmrita h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.bouclierAmrita div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.bouclierAmrita div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.bouclierAmrita div.titre button[type=action].active {
|
|
width: 100px;
|
|
height: 26px;
|
|
margin-left: auto;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.bouclierAmrita div.titre,
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.bouclierAmrita h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.bouclierAmrita .col2,
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.bouclierAmrita .col2BL,
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.bouclierAmrita .col3,
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.bouclierAmrita .col3BL {
|
|
display: flex;
|
|
font-size: 14px;
|
|
background: RGB(213, 215, 237);
|
|
flex-wrap: wrap;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.bouclierAmrita .col2 span,
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.bouclierAmrita .col2BL span,
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.bouclierAmrita .col3 span,
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.bouclierAmrita .col3BL span {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: black;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.bouclierAmrita .col2 input[type=number],
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.bouclierAmrita .col2 input[type=text],
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.bouclierAmrita .col2BL input[type=number],
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.bouclierAmrita .col2BL input[type=text],
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.bouclierAmrita .col3 input[type=number],
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.bouclierAmrita .col3 input[type=text],
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.bouclierAmrita .col3BL input[type=number],
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.bouclierAmrita .col3BL input[type=text] {
|
|
width: 100%;
|
|
height: 28px;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
text-align: center;
|
|
color: black;
|
|
border-left: 0px;
|
|
border-bottom: 0px;
|
|
border-right: 0px;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.bouclierAmrita .col2 {
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.bouclierAmrita .col2BL {
|
|
width: calc(50% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.bouclierAmrita .col3,
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.bouclierAmrita .col3BL {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.bouclierAmrita .col3 {
|
|
width: 33.3333333333%;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.bouclierAmrita .col3BL {
|
|
width: calc(33.3333333333% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.bouclierAmrita input[type=hidden].active[value="1"] ~ div.titre button[type=action].active {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.bouclierAmrita input[type=hidden].active[value="1"] ~ div.bonusCarac {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.bouclierAmrita input[type=hidden].active[value="1"] ~ div.bonusCarac select:first-of-type {
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.bouclierAmrita input[type=hidden].active[value="2"] ~ div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.bouclierAmrita input[type=hidden].active[value="2"] ~ div.titre button[type=action].bonusCaracL2 {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.bouclierAmrita input[type=hidden].active[value="2"] ~ div.bonusCarac {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.bouclierAmrita input[type=hidden].active[value="2"] ~ div.bonusCarac select:first-of-type {
|
|
display: inline-block;
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.bouclierAmrita input[type=hidden].active[value="2"] ~ div.bonusCarac select:last-of-type {
|
|
display: inline-block;
|
|
width: 50%;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- label
|
|
- width : Width du label
|
|
- height : height du label
|
|
|
|
- span
|
|
- color : La color
|
|
- background : Le background
|
|
- border : S'il y a une bordure (true/false)
|
|
- width : Width du span
|
|
- height : height du height
|
|
|
|
- shadow : s'il y a une ombre (true/false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith div.titre button[type=action].bonusCaracL2 {
|
|
width: 26px;
|
|
height: 26px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith div.titre button[type=action].bonusCaracL2 {
|
|
margin-right: auto;
|
|
margin-left: 3px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith label.fakeButton {
|
|
position: relative;
|
|
width: 102px;
|
|
height: 28px;
|
|
font-size: 14px;
|
|
align-self: center;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith label.fakeButton input[type=checkbox],
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith label.fakeButton input[type=radio] {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 28px;
|
|
opacity: 0;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith label.fakeButton input[type=checkbox]:checked ~ span::before,
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith label.fakeButton input[type=radio]:checked ~ span::before {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith label.fakeButton span {
|
|
display: flex;
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith label.fakeButton span::before {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
content: attr(title);
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith div.titre,
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith select {
|
|
border: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith label.bonus {
|
|
display: flex;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
font-size: 14px;
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith label.bonus span {
|
|
width: calc(50% - 2px);
|
|
line-height: 28px;
|
|
padding-left: 2px;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith label.bonus input[type=number],
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith label.bonus select {
|
|
width: 50%;
|
|
height: 28px;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
text-align: center;
|
|
border-top: 0px;
|
|
border-right: 0px;
|
|
border-bottom: 0px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith label.bonus select {
|
|
padding-left: 25px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith label.bonus:last-of-type {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith div.rollPJ {
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
font-size: 14px;
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith div.rollPJ select {
|
|
padding: 0px;
|
|
height: 28px;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith div.rollPJ select:last-of-type {
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith div.rollPJ select:first-of-type {
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith div.rollPJ select:last-of-type {
|
|
width: calc(50% - 29px);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith div.rollPJ button[type=roll],
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith div.rollPJ button[type=action] {
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith div.bonusCarac {
|
|
display: none;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith div.bonusCarac select {
|
|
display: none;
|
|
padding: 0px;
|
|
height: 28px;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1 {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac select:first-of-type {
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2 {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:first-of-type {
|
|
display: inline-block;
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:last-of-type {
|
|
display: inline-block;
|
|
width: 50%;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.nanobrume {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
margin-top: 10px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.nanobrume h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.nanobrume div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.nanobrume div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.nanobrume div.titre button[type=action].active {
|
|
width: 100px;
|
|
height: 26px;
|
|
margin-left: auto;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.nanobrume div.titre,
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.nanobrume h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.nanobrume .col3,
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.nanobrume .col3BL {
|
|
display: flex;
|
|
font-size: 14px;
|
|
background: RGB(213, 215, 237);
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.nanobrume .col3 span,
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.nanobrume .col3BL span {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: black;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.nanobrume .col3 input[type=number],
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.nanobrume .col3 input[type=text],
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.nanobrume .col3BL input[type=number],
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.nanobrume .col3BL input[type=text] {
|
|
width: 100%;
|
|
height: 28px;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
text-align: center;
|
|
color: black;
|
|
border-left: 0px;
|
|
border-bottom: 0px;
|
|
border-right: 0px;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.nanobrume .col3 {
|
|
width: 33.3333333333%;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.nanobrume .col3BL {
|
|
width: calc(33.3333333333% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.nanobrume input[type=hidden].active[value="1"] ~ div.titre button[type=action].active {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.nanobrume input[type=hidden].active[value="1"] ~ div.bonusCarac {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.nanobrume input[type=hidden].active[value="1"] ~ div.bonusCarac select:first-of-type {
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.nanobrume input[type=hidden].active[value="2"] ~ div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.nanobrume input[type=hidden].active[value="2"] ~ div.titre button[type=action].bonusCaracL2 {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.nanobrume input[type=hidden].active[value="2"] ~ div.bonusCarac {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.nanobrume input[type=hidden].active[value="2"] ~ div.bonusCarac select:first-of-type {
|
|
display: inline-block;
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.nanobrume input[type=hidden].active[value="2"] ~ div.bonusCarac select:last-of-type {
|
|
display: inline-block;
|
|
width: 50%;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques div.titre button[type=action].bonusCaracL2 {
|
|
width: 26px;
|
|
height: 26px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques div.titre button[type=action].bonusCaracL2 {
|
|
margin-right: auto;
|
|
margin-left: 3px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques div.data {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques div.titre,
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques select {
|
|
border: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques label.bonus {
|
|
display: flex;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
font-size: 14px;
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques label.bonus span {
|
|
width: calc(50% - 2px);
|
|
line-height: 28px;
|
|
padding-left: 2px;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques label.bonus input[type=number],
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques label.bonus select {
|
|
width: 50%;
|
|
height: 28px;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
text-align: center;
|
|
border-top: 0px;
|
|
border-right: 0px;
|
|
border-bottom: 0px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques label.bonus select {
|
|
padding-left: 25px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques label.bonus:last-of-type {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques div.rollPJ {
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
font-size: 14px;
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques div.rollPJ select {
|
|
width: 50%;
|
|
padding: 0px;
|
|
height: 28px;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques div.rollPJ select:last-of-type {
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques div.bonusCarac {
|
|
display: none;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques div.bonusCarac select {
|
|
display: none;
|
|
padding: 0px;
|
|
height: 28px;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques .col4,
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques .col4BL {
|
|
display: flex;
|
|
font-size: 14px;
|
|
background: RGB(213, 215, 237);
|
|
flex-wrap: wrap;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques .col4 span,
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques .col4BL span {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: black;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques .col4 input[type=number],
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques .col4 input[type=text],
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques .col4BL input[type=number],
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques .col4BL input[type=text] {
|
|
width: 100%;
|
|
height: 28px;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
text-align: center;
|
|
color: black;
|
|
border-left: 0px;
|
|
border-bottom: 0px;
|
|
border-right: 0px;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques .col4 {
|
|
width: 25%;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques .col4BL {
|
|
width: calc(25% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques div.autoex {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1 {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac select:first-of-type {
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2 {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:first-of-type {
|
|
display: inline-block;
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:last-of-type {
|
|
display: inline-block;
|
|
width: 50%;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.chocSonique {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
margin-top: 10px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.chocSonique h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.chocSonique div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.chocSonique div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.chocSonique div.titre button[type=action].active {
|
|
width: 100px;
|
|
height: 26px;
|
|
margin-left: auto;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.chocSonique div.titre,
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.chocSonique h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.chocSonique .col2,
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.chocSonique .col2BL {
|
|
display: flex;
|
|
font-size: 14px;
|
|
background: RGB(213, 215, 237);
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.chocSonique .col2 span,
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.chocSonique .col2BL span {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: black;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.chocSonique .col2 input[type=number],
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.chocSonique .col2 input[type=text],
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.chocSonique .col2BL input[type=number],
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.chocSonique .col2BL input[type=text] {
|
|
width: 100%;
|
|
height: 28px;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
text-align: center;
|
|
color: black;
|
|
border-left: 0px;
|
|
border-bottom: 0px;
|
|
border-right: 0px;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.chocSonique .col2 {
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.chocSonique .col2BL {
|
|
width: calc(50% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.chocSonique div.autoex {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.chocSonique input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1 {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.chocSonique input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.chocSonique input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac select:first-of-type {
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.chocSonique input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.chocSonique input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2 {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.chocSonique input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.chocSonique input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:first-of-type {
|
|
display: inline-block;
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.chocSonique input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:last-of-type {
|
|
display: inline-block;
|
|
width: 50%;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.chocSonique input[type=hidden].active[value="1"] ~ div.titre button[type=action].active {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.chocSonique input[type=hidden].active[value="2"] ~ div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.chocSonique input[type=hidden].active[value="2"] ~ div.titre button[type=action].bonusCaracL2 {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.saut {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.saut h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.saut div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.saut div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.saut div.titre button[type=action].active {
|
|
width: 100px;
|
|
height: 26px;
|
|
margin-left: auto;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.saut div.titre,
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.saut h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.saut .col4,
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.saut .col4BL {
|
|
display: flex;
|
|
font-size: 14px;
|
|
background: RGB(213, 215, 237);
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.saut .col4 span,
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.saut .col4BL span {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: black;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.saut .col4 input[type=number],
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.saut .col4 input[type=text],
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.saut .col4BL input[type=number],
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.saut .col4BL input[type=text] {
|
|
width: 100%;
|
|
height: 28px;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
text-align: center;
|
|
color: black;
|
|
border-left: 0px;
|
|
border-bottom: 0px;
|
|
border-right: 0px;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.saut .col4 {
|
|
width: 25%;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.saut .col4BL {
|
|
width: calc(25% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.saut input[type=hidden].active[value="1"] ~ div button[type=action].active {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.inferno {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.inferno h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.inferno div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.inferno div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.inferno button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.inferno button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.inferno button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.inferno button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.inferno button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.inferno button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.inferno div.data {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.inferno div.titre,
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.inferno h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.inferno .col4,
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.inferno .col4BL {
|
|
display: flex;
|
|
font-size: 14px;
|
|
background: RGB(213, 215, 237);
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.inferno .col4 span,
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.inferno .col4BL span {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: black;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.inferno .col4 input[type=number],
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.inferno .col4 input[type=text],
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.inferno .col4BL input[type=number],
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.inferno .col4BL input[type=text] {
|
|
width: 100%;
|
|
height: 28px;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
text-align: center;
|
|
color: black;
|
|
border-left: 0px;
|
|
border-bottom: 0px;
|
|
border-right: 0px;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.inferno .col4 {
|
|
width: 25%;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.inferno .col4BL {
|
|
width: calc(25% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques div.titre button[type=action].bonusCaracL2 {
|
|
width: 26px;
|
|
height: 26px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques div.titre button[type=action].bonusCaracL2 {
|
|
margin-right: auto;
|
|
margin-left: 3px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques div.data {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques div.titre,
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques select {
|
|
border: 0px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques label.bonus {
|
|
display: flex;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
font-size: 14px;
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques label.bonus span {
|
|
width: calc(50% - 2px);
|
|
line-height: 28px;
|
|
padding-left: 2px;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques label.bonus input[type=number],
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques label.bonus select {
|
|
width: 50%;
|
|
height: 28px;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
text-align: center;
|
|
border-top: 0px;
|
|
border-right: 0px;
|
|
border-bottom: 0px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
color: black;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques label.bonus select {
|
|
padding-left: 25px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques label.bonus:last-of-type {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques div.rollPJ {
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
font-size: 14px;
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques div.rollPJ select {
|
|
width: 50%;
|
|
padding: 0px;
|
|
height: 28px;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques div.rollPJ select:last-of-type {
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques div.bonusCarac {
|
|
display: none;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques div.bonusCarac select {
|
|
display: none;
|
|
padding: 0px;
|
|
height: 28px;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques .col4,
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques .col4BL {
|
|
display: flex;
|
|
font-size: 14px;
|
|
background: RGB(213, 215, 237);
|
|
flex-wrap: wrap;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques .col4 span,
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques .col4BL span {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: black;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques .col4 input[type=number],
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques .col4 input[type=text],
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques .col4BL input[type=number],
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques .col4BL input[type=text] {
|
|
width: 100%;
|
|
height: 28px;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
text-align: center;
|
|
color: black;
|
|
border-left: 0px;
|
|
border-bottom: 0px;
|
|
border-right: 0px;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques .col4 {
|
|
width: 25%;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques .col4BL {
|
|
width: calc(25% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques div.autoex {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1 {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac select:first-of-type {
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2 {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:first-of-type {
|
|
display: inline-block;
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:last-of-type {
|
|
display: inline-block;
|
|
width: 50%;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.tourelles {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.tourelles h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.tourelles div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.tourelles div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.tourelles button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.tourelles button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.tourelles button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.tourelles button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.tourelles button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.tourelles button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.tourelles div.titre,
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.tourelles h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.tourelles .col4,
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.tourelles .col4BL {
|
|
display: flex;
|
|
font-size: 14px;
|
|
background: RGB(213, 215, 237);
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.tourelles .col4 span,
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.tourelles .col4BL span {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: black;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.tourelles .col4 input[type=number],
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.tourelles .col4 input[type=text],
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.tourelles .col4BL input[type=number],
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.tourelles .col4BL input[type=text] {
|
|
width: 100%;
|
|
height: 28px;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
text-align: center;
|
|
color: black;
|
|
border-left: 0px;
|
|
border-bottom: 0px;
|
|
border-right: 0px;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.tourelles .col4 {
|
|
width: 25%;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.tourelles .col4BL {
|
|
width: calc(25% - 1px);
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.demon div.tourelles div.autoex {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee {
|
|
display: none;
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.utilisation {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- label
|
|
- width : Width du label
|
|
- height : height du label
|
|
|
|
- span
|
|
- color : La color
|
|
- background : Le background
|
|
- border : S'il y a une bordure (true/false)
|
|
- width : Width du span
|
|
- height : height du height
|
|
|
|
- shadow : s'il y a une ombre (true/false)
|
|
*/
|
|
width: 50%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.utilisation h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.utilisation div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.utilisation div.titre h1.titre {
|
|
position: absolute;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.utilisation div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.utilisation div.titre button[type=action].bonusCaracL2 {
|
|
width: 26px;
|
|
height: 26px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 25px;
|
|
padding: 0px;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.utilisation div.titre button[type=action].bonusCaracL2 {
|
|
margin-right: auto;
|
|
margin-left: 3px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.utilisation label.fakeButton {
|
|
position: relative;
|
|
width: calc(50% - 50px);
|
|
height: 26px;
|
|
font-size: 14px;
|
|
align-self: center;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.utilisation label.fakeButton input[type=checkbox],
|
|
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.utilisation label.fakeButton input[type=radio] {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 26px;
|
|
opacity: 0;
|
|
z-index: 9;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.utilisation label.fakeButton input[type=checkbox]:checked ~ span::before,
|
|
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.utilisation label.fakeButton input[type=radio]:checked ~ span::before {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.utilisation label.fakeButton span {
|
|
display: flex;
|
|
height: 26px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.utilisation label.fakeButton span::before {
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 26px;
|
|
content: attr(title);
|
|
border: 1px solid black;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.utilisation h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.utilisation div.buttons {
|
|
display: flex;
|
|
justify-content: space-evenly;
|
|
background: RGB(213, 215, 237);
|
|
width: 100%;
|
|
padding-top: 5px;
|
|
padding-bottom: 5px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.utilisation div.bonus {
|
|
display: none;
|
|
width: 100%;
|
|
justify-content: flex-end;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.utilisation div.bonusCarac {
|
|
display: none;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.utilisation div.bonusCarac select {
|
|
display: none;
|
|
border: 0px;
|
|
font-size: 14px;
|
|
padding-top: 0px;
|
|
padding-right: 0px;
|
|
padding-bottom: 0px;
|
|
padding-left: 15px;
|
|
height: 28px;
|
|
text-align: center;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.utilisation input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1 {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.utilisation input[type=hidden].bonusCarac[value="1"] ~ div.bonus {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.utilisation input[type=hidden].bonusCarac[value="1"] ~ div div.bonusCarac {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.utilisation input[type=hidden].bonusCarac[value="1"] ~ div div.bonusCarac select:first-of-type {
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.utilisation input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
|
|
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.utilisation input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2 {
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.utilisation input[type=hidden].bonusCarac[value="2"] ~ div.bonus {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.utilisation input[type=hidden].bonusCarac[value="2"] ~ div div.bonusCarac {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.utilisation input[type=hidden].bonusCarac[value="2"] ~ div div.bonusCarac select:first-of-type {
|
|
display: inline-block;
|
|
width: 50%;
|
|
border-right: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.utilisation input[type=hidden].bonusCarac[value="2"] ~ div div.bonusCarac select:last-of-type {
|
|
display: inline-block;
|
|
width: 50%;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.liste {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
margin-top: 10px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.liste h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.liste div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.liste button[type=roll].rollDice,
|
|
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.liste button[type=action].rollDice {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
|
|
background-color: white;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 50;
|
|
margin-left: auto;
|
|
box-shadow: none;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.liste button[type=roll].rollDice::before,
|
|
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.liste button[type=action].rollDice::before {
|
|
content: "";
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.liste button[type=roll].rollDice:hover,
|
|
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.liste button[type=action].rollDice:hover {
|
|
box-shadow: inset 0px 0px 5px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.liste div.data {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.liste h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.liste div.ligneTitre {
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.liste div.ligneTitre span {
|
|
display: flex;
|
|
background: RGB(213, 215, 237);
|
|
justify-content: center;
|
|
color: black;
|
|
font-weight: bold;
|
|
font-size: 14px;
|
|
height: 28px;
|
|
line-height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.liste div.ligneTitre .type {
|
|
width: calc(100% - 1px - 330px - 28px);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.liste div.ligneTitre .jetArme {
|
|
width: 110px;
|
|
padding-right: 29px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.liste .type,
|
|
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.liste .degats,
|
|
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.liste .violence {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
align-content: center;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.liste .degats,
|
|
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.liste .violence {
|
|
width: 109px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.liste .jetArme {
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.liste div.ligne {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.liste div.ligne .degats,
|
|
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.liste div.ligne .violence {
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.liste div.ligne .degats input[type=text],
|
|
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.liste div.ligne .degats input[type=number],
|
|
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.liste div.ligne .violence input[type=text],
|
|
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.liste div.ligne .violence input[type=number] {
|
|
width: 100%;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
border: 0px;
|
|
min-height: 28px;
|
|
height: 100%;
|
|
background: white;
|
|
text-align: center;
|
|
cursor: context-menu;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.liste div.ligne .type {
|
|
display: flex;
|
|
width: calc(100% - 1px - 330px - 29px - 3px);
|
|
height: 28px;
|
|
background: white;
|
|
text-align: justify;
|
|
justify-content: flex-start;
|
|
align-items: center;
|
|
align-content: center;
|
|
padding-left: 2px;
|
|
padding-right: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.liste div.ligne .jetArme {
|
|
width: 139px;
|
|
height: 28px;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.liste div.ligne .jetArme input[type=number] {
|
|
width: calc(100% - 29px);
|
|
margin: 0px;
|
|
padding: 0px;
|
|
border: 0px;
|
|
min-height: 28px;
|
|
height: 100%;
|
|
background: white;
|
|
text-align: center;
|
|
cursor: context-menu;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.liste div.separationTop {
|
|
border-top: 2px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure input[type=hidden].selectionMA[value=archangel] ~ div div.archangel {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure input[type=hidden].selectionMA[value=archangel] ~ div button[type=action].archangel {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure input[type=hidden].selectionMA[value=nephilim] ~ div div.nephilim {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure input[type=hidden].selectionMA[value=nephilim] ~ div button[type=action].nephilim {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure input[type=hidden].selectionMA[value=demon] ~ div div.demon {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure input[type=hidden].selectionMA[value=demon] ~ div button[type=action].demon {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure input[type=hidden].selectionMA[value="0"] ~ div .MANom {
|
|
display: none;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure input[type=hidden].subTabSpecial[value="1"] ~ div button[type=action].subTabSpecial {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure input[type=hidden].subTabSpecial[value="1"] ~ .subTabSpecial, div.charsheet > div.content div.tabMechaArmure input[type=hidden].subTabSpecial[value="1"] ~ div .subTabSpecial {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure input[type=hidden].subTabModules[value="1"] ~ div button[type=action].subTabModules {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure input[type=hidden].subTabModules[value="1"] ~ .subTabModules, div.charsheet > div.content div.tabMechaArmure input[type=hidden].subTabModules[value="1"] ~ div .subTabModules {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure input[type=hidden].subTabArmes[value="1"] ~ div button[type=action].subTabArmes {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure input[type=hidden].subTabArmes[value="1"] ~ .subTabArmes, div.charsheet > div.content div.tabMechaArmure input[type=hidden].subTabArmes[value="1"] ~ div .subTabArmes {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure input[type=hidden].subTabImprovisee[value="1"] ~ div button[type=action].subTabImprovisee {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure input[type=hidden].subTabImprovisee[value="1"] ~ .subTabImprovisee, div.charsheet > div.content div.tabMechaArmure input[type=hidden].subTabImprovisee[value="1"] ~ div .subTabImprovisee {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure input[type=hidden].archangelConfiguration[value="1"] ~ div button[type=action].gabriel {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure input[type=hidden].archangelConfiguration[value="1"] ~ div .gabriel {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure input[type=hidden].archangelConfiguration[value="2"] ~ div button[type=action].raphael {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure input[type=hidden].archangelConfiguration[value="2"] ~ div .raphael {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure input[type=hidden].nephilimConfiguration[value="1"] ~ div button[type=action].og {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure input[type=hidden].nephilimConfiguration[value="1"] ~ div .og {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure input[type=hidden].nephilimConfiguration[value="2"] ~ div button[type=action].anak {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure input[type=hidden].nephilimConfiguration[value="2"] ~ div .anak {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure input[type=hidden].demonConfiguration[value="1"] ~ div button[type=action].djinn {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure input[type=hidden].demonConfiguration[value="1"] ~ div .djinn {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure input[type=hidden].demonConfiguration[value="2"] ~ div button[type=action].asura {
|
|
box-shadow: 0px 0px 7px 0px black inset;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure input[type=hidden].demonConfiguration[value="2"] ~ div .asura {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabMechaArmure div.col > * {
|
|
margin-bottom: 10px;
|
|
}
|
|
div.charsheet > div.content div.tabEquipage {
|
|
justify-content: space-between;
|
|
align-items: flex-start;
|
|
align-content: flex-start;
|
|
width: 100%;
|
|
}
|
|
div.charsheet > div.content div.tabEquipage div.col {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: flex-start;
|
|
align-content: flex-start;
|
|
width: calc(33.3333333333% - 5px);
|
|
flex-wrap: wrap;
|
|
position: relative;
|
|
}
|
|
div.charsheet > div.content div.tabEquipage div.equipage {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre : Pour tous les paramètres concernant le titre principal
|
|
- hasButton : Pour dire qu'il y a des boutons. (true / false)
|
|
- hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
- hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
|
|
- hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
|
|
- hasSelect : s'il s'agit d'un select (true / false)
|
|
|
|
- secondTitre : S'il y a un second titre (avec la classe titreBis
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
|
|
|
|
- titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- hasButton : s'il a un bouton (true/false).
|
|
- hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
|
|
*/
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabEquipage div.equipage h1.titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
div.charsheet > div.content div.tabEquipage div.equipage div.titre {
|
|
align-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 28px;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabEquipage div.equipage h1.titre {
|
|
display: flex;
|
|
}
|
|
div.charsheet > div.content div.tabEquipage div.equipage .repcontainer {
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabEquipage div.equipage .repcontainer .repitem {
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet > div.content div.tabEquipage div.equipage .repcontainer .repitem label {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
}
|
|
div.charsheet > div.content div.tabEquipage div.equipage .repcontainer .repitem label span {
|
|
display: flex;
|
|
width: calc(50% - 2px);
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
align-items: center;
|
|
padding-left: 2px;
|
|
}
|
|
div.charsheet > div.content div.tabEquipage div.equipage .repcontainer .repitem label input[type=text] {
|
|
width: 50%;
|
|
text-align: center;
|
|
border: 0px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
height: 28px;
|
|
border-left: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabEquipage div.equipage .repcontainer .repitem .borderTop,
|
|
div.charsheet > div.content div.tabEquipage div.equipage .repcontainer .repitem div.autoex {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
div.charsheet > div.content div.tabEquipage div.equipage .repcontainer .repitem:not(:first-of-type) {
|
|
border-top: 5px double RGB(93, 111, 179);
|
|
}
|
|
|
|
.sheet-rolltemplate-base,
|
|
.sheet-rolltemplate-simple,
|
|
.sheet-rolltemplate-combat,
|
|
.sheet-rolltemplate-mechaArmure {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background-color: RGB(93, 111, 179);
|
|
border: 1px solid RGB(93, 111, 179);
|
|
font-family: "Segoe UI";
|
|
}
|
|
.sheet-rolltemplate-base span,
|
|
.sheet-rolltemplate-simple span,
|
|
.sheet-rolltemplate-combat span,
|
|
.sheet-rolltemplate-mechaArmure span {
|
|
color: black;
|
|
line-height: inherit;
|
|
font-weight: inherit;
|
|
font-size: inherit;
|
|
}
|
|
.sheet-rolltemplate-base .sheet-f10,
|
|
.sheet-rolltemplate-simple .sheet-f10,
|
|
.sheet-rolltemplate-combat .sheet-f10,
|
|
.sheet-rolltemplate-mechaArmure .sheet-f10 {
|
|
font-size: 10px;
|
|
font-weight: bold;
|
|
}
|
|
.sheet-rolltemplate-base .sheet-f10 > *,
|
|
.sheet-rolltemplate-simple .sheet-f10 > *,
|
|
.sheet-rolltemplate-combat .sheet-f10 > *,
|
|
.sheet-rolltemplate-mechaArmure .sheet-f10 > * {
|
|
font-size: inherit;
|
|
font-weight: inherit;
|
|
}
|
|
.sheet-rolltemplate-base .sheet-f10 > * > *,
|
|
.sheet-rolltemplate-simple .sheet-f10 > * > *,
|
|
.sheet-rolltemplate-combat .sheet-f10 > * > *,
|
|
.sheet-rolltemplate-mechaArmure .sheet-f10 > * > * {
|
|
font-size: inherit;
|
|
font-weight: inherit;
|
|
}
|
|
.sheet-rolltemplate-base .sheet-f12,
|
|
.sheet-rolltemplate-simple .sheet-f12,
|
|
.sheet-rolltemplate-combat .sheet-f12,
|
|
.sheet-rolltemplate-mechaArmure .sheet-f12 {
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
}
|
|
.sheet-rolltemplate-base .sheet-f12 > *,
|
|
.sheet-rolltemplate-simple .sheet-f12 > *,
|
|
.sheet-rolltemplate-combat .sheet-f12 > *,
|
|
.sheet-rolltemplate-mechaArmure .sheet-f12 > * {
|
|
font-size: inherit;
|
|
font-weight: inherit;
|
|
}
|
|
.sheet-rolltemplate-base .sheet-f12 > * > *,
|
|
.sheet-rolltemplate-simple .sheet-f12 > * > *,
|
|
.sheet-rolltemplate-combat .sheet-f12 > * > *,
|
|
.sheet-rolltemplate-mechaArmure .sheet-f12 > * > * {
|
|
font-size: inherit;
|
|
font-weight: inherit;
|
|
}
|
|
.sheet-rolltemplate-base .sheet-f14,
|
|
.sheet-rolltemplate-simple .sheet-f14,
|
|
.sheet-rolltemplate-combat .sheet-f14,
|
|
.sheet-rolltemplate-mechaArmure .sheet-f14 {
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
}
|
|
.sheet-rolltemplate-base .sheet-f14 > *,
|
|
.sheet-rolltemplate-simple .sheet-f14 > *,
|
|
.sheet-rolltemplate-combat .sheet-f14 > *,
|
|
.sheet-rolltemplate-mechaArmure .sheet-f14 > * {
|
|
font-size: inherit;
|
|
font-weight: inherit;
|
|
}
|
|
.sheet-rolltemplate-base .sheet-f14 > * > *,
|
|
.sheet-rolltemplate-simple .sheet-f14 > * > *,
|
|
.sheet-rolltemplate-combat .sheet-f14 > * > *,
|
|
.sheet-rolltemplate-mechaArmure .sheet-f14 > * > * {
|
|
font-size: inherit;
|
|
font-weight: inherit;
|
|
}
|
|
.sheet-rolltemplate-base div.sheet-ligne,
|
|
.sheet-rolltemplate-simple div.sheet-ligne,
|
|
.sheet-rolltemplate-combat div.sheet-ligne,
|
|
.sheet-rolltemplate-mechaArmure div.sheet-ligne {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
line-height: 28px;
|
|
}
|
|
.sheet-rolltemplate-base div.sheet-ligne > span,
|
|
.sheet-rolltemplate-simple div.sheet-ligne > span,
|
|
.sheet-rolltemplate-combat div.sheet-ligne > span,
|
|
.sheet-rolltemplate-mechaArmure div.sheet-ligne > span {
|
|
display: flex;
|
|
}
|
|
.sheet-rolltemplate-base div.sheet-ligne > span:first-of-type,
|
|
.sheet-rolltemplate-simple div.sheet-ligne > span:first-of-type,
|
|
.sheet-rolltemplate-combat div.sheet-ligne > span:first-of-type,
|
|
.sheet-rolltemplate-mechaArmure div.sheet-ligne > span:first-of-type {
|
|
width: calc(70% - 2px);
|
|
padding-left: 2px;
|
|
}
|
|
.sheet-rolltemplate-base div.sheet-ligne > span:last-of-type,
|
|
.sheet-rolltemplate-simple div.sheet-ligne > span:last-of-type,
|
|
.sheet-rolltemplate-combat div.sheet-ligne > span:last-of-type,
|
|
.sheet-rolltemplate-mechaArmure div.sheet-ligne > span:last-of-type {
|
|
width: 30%;
|
|
text-align: center;
|
|
justify-content: center;
|
|
}
|
|
.sheet-rolltemplate-base div.sheet-ligneM,
|
|
.sheet-rolltemplate-simple div.sheet-ligneM,
|
|
.sheet-rolltemplate-combat div.sheet-ligneM,
|
|
.sheet-rolltemplate-mechaArmure div.sheet-ligneM {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
line-height: 28px;
|
|
flex-wrap: wrap;
|
|
}
|
|
.sheet-rolltemplate-base div.sheet-ligneM > span,
|
|
.sheet-rolltemplate-simple div.sheet-ligneM > span,
|
|
.sheet-rolltemplate-combat div.sheet-ligneM > span,
|
|
.sheet-rolltemplate-mechaArmure div.sheet-ligneM > span {
|
|
display: flex;
|
|
}
|
|
.sheet-rolltemplate-base div.sheet-ligneM > span.sheet-nom,
|
|
.sheet-rolltemplate-simple div.sheet-ligneM > span.sheet-nom,
|
|
.sheet-rolltemplate-combat div.sheet-ligneM > span.sheet-nom,
|
|
.sheet-rolltemplate-mechaArmure div.sheet-ligneM > span.sheet-nom {
|
|
width: calc(70% - 2px);
|
|
padding-left: 2px;
|
|
word-wrap: anywhere;
|
|
text-align: justify;
|
|
line-height: 15px;
|
|
min-height: 18px;
|
|
align-content: center;
|
|
align-items: center;
|
|
margin-top: 5px;
|
|
margin-bottom: 5px;
|
|
}
|
|
.sheet-rolltemplate-base div.sheet-ligneM > span.sheet-value,
|
|
.sheet-rolltemplate-simple div.sheet-ligneM > span.sheet-value,
|
|
.sheet-rolltemplate-combat div.sheet-ligneM > span.sheet-value,
|
|
.sheet-rolltemplate-mechaArmure div.sheet-ligneM > span.sheet-value {
|
|
width: 30%;
|
|
text-align: center;
|
|
justify-content: center;
|
|
align-content: center;
|
|
align-items: center;
|
|
}
|
|
.sheet-rolltemplate-base div.sheet-ligneM > span.sheet-full,
|
|
.sheet-rolltemplate-simple div.sheet-ligneM > span.sheet-full,
|
|
.sheet-rolltemplate-combat div.sheet-ligneM > span.sheet-full,
|
|
.sheet-rolltemplate-mechaArmure div.sheet-ligneM > span.sheet-full {
|
|
width: 100%;
|
|
font-size: 10px;
|
|
line-height: 11px;
|
|
padding-left: 2px;
|
|
padding-right: 2px;
|
|
word-wrap: anywhere;
|
|
}
|
|
.sheet-rolltemplate-base div.sheet-ligneM > span.sheet-full > *,
|
|
.sheet-rolltemplate-simple div.sheet-ligneM > span.sheet-full > *,
|
|
.sheet-rolltemplate-combat div.sheet-ligneM > span.sheet-full > *,
|
|
.sheet-rolltemplate-mechaArmure div.sheet-ligneM > span.sheet-full > * {
|
|
width: max-content;
|
|
font-size: inherit;
|
|
font-weight: inherit;
|
|
line-height: inherit;
|
|
padding-right: 2px;
|
|
}
|
|
.sheet-rolltemplate-base div.sheet-ligneM > span.sheet-full:last-of-type,
|
|
.sheet-rolltemplate-simple div.sheet-ligneM > span.sheet-full:last-of-type,
|
|
.sheet-rolltemplate-combat div.sheet-ligneM > span.sheet-full:last-of-type,
|
|
.sheet-rolltemplate-mechaArmure div.sheet-ligneM > span.sheet-full:last-of-type {
|
|
margin-bottom: 3px;
|
|
}
|
|
.sheet-rolltemplate-base div.sheet-ligneM div.sheet-subValue,
|
|
.sheet-rolltemplate-simple div.sheet-ligneM div.sheet-subValue,
|
|
.sheet-rolltemplate-combat div.sheet-ligneM div.sheet-subValue,
|
|
.sheet-rolltemplate-mechaArmure div.sheet-ligneM div.sheet-subValue {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
}
|
|
.sheet-rolltemplate-base div.sheet-ligneM div.sheet-subValue span,
|
|
.sheet-rolltemplate-simple div.sheet-ligneM div.sheet-subValue span,
|
|
.sheet-rolltemplate-combat div.sheet-ligneM div.sheet-subValue span,
|
|
.sheet-rolltemplate-mechaArmure div.sheet-ligneM div.sheet-subValue span {
|
|
display: flex;
|
|
}
|
|
.sheet-rolltemplate-base div.sheet-ligneM div.sheet-subValue span:first-of-type,
|
|
.sheet-rolltemplate-simple div.sheet-ligneM div.sheet-subValue span:first-of-type,
|
|
.sheet-rolltemplate-combat div.sheet-ligneM div.sheet-subValue span:first-of-type,
|
|
.sheet-rolltemplate-mechaArmure div.sheet-ligneM div.sheet-subValue span:first-of-type {
|
|
width: calc(70% - 2px);
|
|
padding-left: 2px;
|
|
word-wrap: anywhere;
|
|
text-align: justify;
|
|
line-height: 13px;
|
|
align-content: center;
|
|
align-items: center;
|
|
font-size: 10px;
|
|
}
|
|
.sheet-rolltemplate-base div.sheet-ligneM div.sheet-subValue span:last-of-type,
|
|
.sheet-rolltemplate-simple div.sheet-ligneM div.sheet-subValue span:last-of-type,
|
|
.sheet-rolltemplate-combat div.sheet-ligneM div.sheet-subValue span:last-of-type,
|
|
.sheet-rolltemplate-mechaArmure div.sheet-ligneM div.sheet-subValue span:last-of-type {
|
|
width: 30%;
|
|
text-align: center;
|
|
justify-content: center;
|
|
align-content: center;
|
|
align-items: center;
|
|
line-height: 13px;
|
|
font-size: 10px;
|
|
}
|
|
.sheet-rolltemplate-base div.sheet-ligneM div.sheet-subValue:last-of-type,
|
|
.sheet-rolltemplate-simple div.sheet-ligneM div.sheet-subValue:last-of-type,
|
|
.sheet-rolltemplate-combat div.sheet-ligneM div.sheet-subValue:last-of-type,
|
|
.sheet-rolltemplate-mechaArmure div.sheet-ligneM div.sheet-subValue:last-of-type {
|
|
margin-bottom: 10px;
|
|
}
|
|
.sheet-rolltemplate-base div.sheet-ligneF,
|
|
.sheet-rolltemplate-simple div.sheet-ligneF,
|
|
.sheet-rolltemplate-combat div.sheet-ligneF,
|
|
.sheet-rolltemplate-mechaArmure div.sheet-ligneF {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
line-height: 28px;
|
|
flex-wrap: wrap;
|
|
}
|
|
.sheet-rolltemplate-base div.sheet-ligneF > span,
|
|
.sheet-rolltemplate-simple div.sheet-ligneF > span,
|
|
.sheet-rolltemplate-combat div.sheet-ligneF > span,
|
|
.sheet-rolltemplate-mechaArmure div.sheet-ligneF > span {
|
|
display: flex;
|
|
}
|
|
.sheet-rolltemplate-base div.sheet-ligneF > span.sheet-nom,
|
|
.sheet-rolltemplate-simple div.sheet-ligneF > span.sheet-nom,
|
|
.sheet-rolltemplate-combat div.sheet-ligneF > span.sheet-nom,
|
|
.sheet-rolltemplate-mechaArmure div.sheet-ligneF > span.sheet-nom {
|
|
width: calc(100% - 4px);
|
|
padding-left: 2px;
|
|
padding-right: 2px;
|
|
word-wrap: anywhere;
|
|
text-align: justify;
|
|
line-height: 15px;
|
|
min-height: 28px;
|
|
align-content: center;
|
|
align-items: center;
|
|
}
|
|
.sheet-rolltemplate-base div.sheet-ligneF > span.sheet-full,
|
|
.sheet-rolltemplate-simple div.sheet-ligneF > span.sheet-full,
|
|
.sheet-rolltemplate-combat div.sheet-ligneF > span.sheet-full,
|
|
.sheet-rolltemplate-mechaArmure div.sheet-ligneF > span.sheet-full {
|
|
width: calc(100% - 4px);
|
|
font-size: 10px;
|
|
line-height: 11px;
|
|
padding-left: 2px;
|
|
padding-right: 2px;
|
|
word-wrap: anywhere;
|
|
}
|
|
.sheet-rolltemplate-base div.sheet-ligneF > span.sheet-full > *,
|
|
.sheet-rolltemplate-simple div.sheet-ligneF > span.sheet-full > *,
|
|
.sheet-rolltemplate-combat div.sheet-ligneF > span.sheet-full > *,
|
|
.sheet-rolltemplate-mechaArmure div.sheet-ligneF > span.sheet-full > * {
|
|
width: max-content;
|
|
font-size: inherit;
|
|
font-weight: inherit;
|
|
line-height: inherit;
|
|
padding-right: 2px;
|
|
}
|
|
.sheet-rolltemplate-base div.sheet-ligneF > span.sheet-full:last-of-type,
|
|
.sheet-rolltemplate-simple div.sheet-ligneF > span.sheet-full:last-of-type,
|
|
.sheet-rolltemplate-combat div.sheet-ligneF > span.sheet-full:last-of-type,
|
|
.sheet-rolltemplate-mechaArmure div.sheet-ligneF > span.sheet-full:last-of-type {
|
|
margin-bottom: 3px;
|
|
}
|
|
.sheet-rolltemplate-base div.sheet-ligneF > span.sheet-fullText,
|
|
.sheet-rolltemplate-simple div.sheet-ligneF > span.sheet-fullText,
|
|
.sheet-rolltemplate-combat div.sheet-ligneF > span.sheet-fullText,
|
|
.sheet-rolltemplate-mechaArmure div.sheet-ligneF > span.sheet-fullText {
|
|
display: inline-block;
|
|
text-align: justify;
|
|
width: calc(100% - 4px);
|
|
padding-left: 2px;
|
|
padding-right: 2px;
|
|
word-wrap: anywhere;
|
|
line-height: 17px;
|
|
font-weight: normal;
|
|
}
|
|
.sheet-rolltemplate-base div.sheet-ligneF > span.sheet-fullText > *,
|
|
.sheet-rolltemplate-simple div.sheet-ligneF > span.sheet-fullText > *,
|
|
.sheet-rolltemplate-combat div.sheet-ligneF > span.sheet-fullText > *,
|
|
.sheet-rolltemplate-mechaArmure div.sheet-ligneF > span.sheet-fullText > * {
|
|
width: 100%;
|
|
font-size: inherit;
|
|
font-weight: inherit;
|
|
line-height: inherit;
|
|
padding: 0px;
|
|
}
|
|
.sheet-rolltemplate-base div.sheet-ligneF > span.sheet-fullText .inlinerollresult,
|
|
.sheet-rolltemplate-simple div.sheet-ligneF > span.sheet-fullText .inlinerollresult,
|
|
.sheet-rolltemplate-combat div.sheet-ligneF > span.sheet-fullText .inlinerollresult,
|
|
.sheet-rolltemplate-mechaArmure div.sheet-ligneF > span.sheet-fullText .inlinerollresult {
|
|
display: inline;
|
|
text-align: justify;
|
|
}
|
|
.sheet-rolltemplate-base div.sheet-ligneF > span.sheet-fullText:last-of-type,
|
|
.sheet-rolltemplate-simple div.sheet-ligneF > span.sheet-fullText:last-of-type,
|
|
.sheet-rolltemplate-combat div.sheet-ligneF > span.sheet-fullText:last-of-type,
|
|
.sheet-rolltemplate-mechaArmure div.sheet-ligneF > span.sheet-fullText:last-of-type {
|
|
margin-bottom: 3px;
|
|
}
|
|
.sheet-rolltemplate-base div.sheet-ligneFullHerauts,
|
|
.sheet-rolltemplate-simple div.sheet-ligneFullHerauts,
|
|
.sheet-rolltemplate-combat div.sheet-ligneFullHerauts,
|
|
.sheet-rolltemplate-mechaArmure div.sheet-ligneFullHerauts {
|
|
display: flex;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
line-height: 16px;
|
|
flex-wrap: wrap;
|
|
justify-content: center;
|
|
word-wrap: anywhere;
|
|
min-height: 28px;
|
|
align-content: center;
|
|
font-weight: bold;
|
|
font-size: 12px;
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-base .sheet-space > span:last-of-type,
|
|
.sheet-rolltemplate-simple .sheet-space > span:last-of-type,
|
|
.sheet-rolltemplate-combat .sheet-space > span:last-of-type,
|
|
.sheet-rolltemplate-mechaArmure .sheet-space > span:last-of-type {
|
|
margin-left: 5px;
|
|
}
|
|
.sheet-rolltemplate-base h1.sheet-exploit,
|
|
.sheet-rolltemplate-simple h1.sheet-exploit,
|
|
.sheet-rolltemplate-combat h1.sheet-exploit,
|
|
.sheet-rolltemplate-mechaArmure h1.sheet-exploit {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: green;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
.sheet-rolltemplate-base h1.sheet-echecCritique,
|
|
.sheet-rolltemplate-simple h1.sheet-echecCritique,
|
|
.sheet-rolltemplate-combat h1.sheet-echecCritique,
|
|
.sheet-rolltemplate-mechaArmure h1.sheet-echecCritique {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: darkRed;
|
|
color: white;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
.sheet-rolltemplate-base div.sheet-button,
|
|
.sheet-rolltemplate-simple div.sheet-button,
|
|
.sheet-rolltemplate-combat div.sheet-button,
|
|
.sheet-rolltemplate-mechaArmure div.sheet-button {
|
|
display: flex;
|
|
width: 100%;
|
|
background: RGB(213, 215, 237);
|
|
min-height: 28px;
|
|
height: auto;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
.sheet-rolltemplate-base div.sheet-button a[href^="~"],
|
|
.sheet-rolltemplate-simple div.sheet-button a[href^="~"],
|
|
.sheet-rolltemplate-combat div.sheet-button a[href^="~"],
|
|
.sheet-rolltemplate-mechaArmure div.sheet-button a[href^="~"] {
|
|
background-color: RGB(93, 111, 179);
|
|
font-weight: bold;
|
|
padding: 0px;
|
|
line-height: 28px;
|
|
width: 40px;
|
|
justify-content: center;
|
|
display: flex;
|
|
border-color: RGB(213, 215, 237);
|
|
}
|
|
.sheet-rolltemplate-base .inlinerollresult,
|
|
.sheet-rolltemplate-simple .inlinerollresult,
|
|
.sheet-rolltemplate-combat .inlinerollresult,
|
|
.sheet-rolltemplate-mechaArmure .inlinerollresult {
|
|
display: inline-block;
|
|
min-width: 0px;
|
|
text-align: center;
|
|
border: 0px;
|
|
background: none !important;
|
|
color: black;
|
|
font-size: inherit;
|
|
padding: 0px !important;
|
|
}
|
|
.sheet-rolltemplate-base .inlinerollresult.fullcrit, .sheet-rolltemplate-base .inlinerollresult.fullfail, .sheet-rolltemplate-base .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-simple .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-simple .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-simple .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-combat .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-combat .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-combat .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-mechaArmure .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-mechaArmure .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-mechaArmure .inlinerollresult.importantroll {
|
|
border: 0px;
|
|
}
|
|
|
|
.sheet-rolltemplate-base {
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre2 : S'il y a un second titre
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- borderBottom : S'il y a une bordure en bas, et ses paramètres
|
|
|
|
- titre3 : S'il y a un troisième titre
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- borderBottom : S'il y a une bordure en bas, et ses paramètres
|
|
|
|
- sousTitre : S'il y a un sous-titre
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- borderBottom : S'il y a une bordure en bas, et ses paramètres
|
|
*/
|
|
}
|
|
.sheet-rolltemplate-base h1.sheet-titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
align-items: center;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 20px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
.sheet-rolltemplate-base h2.sheet-titre2 {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
line-height: 20px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
align-items: center;
|
|
border-bottom: 1px solid RGB(93, 111, 179);
|
|
}
|
|
.sheet-rolltemplate-base div.sheet-ligne:not(:first-of-type) {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
|
|
.sheet-rolltemplate-simple {
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre2 : S'il y a un second titre
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- borderBottom : S'il y a une bordure en bas, et ses paramètres
|
|
|
|
- titre3 : S'il y a un troisième titre
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- borderBottom : S'il y a une bordure en bas, et ses paramètres
|
|
|
|
- sousTitre : S'il y a un sous-titre
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- borderBottom : S'il y a une bordure en bas, et ses paramètres
|
|
*/
|
|
}
|
|
.sheet-rolltemplate-simple h1.sheet-titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
align-items: center;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 20px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
.sheet-rolltemplate-simple h2.sheet-titre2 {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
line-height: 20px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
align-items: center;
|
|
}
|
|
.sheet-rolltemplate-simple h3.sheet-titre3 {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 12px;
|
|
}
|
|
.sheet-rolltemplate-simple h4.sheet-sousTitre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 16px;
|
|
min-height: 16px;
|
|
justify-content: center;
|
|
font-size: 13px;
|
|
}
|
|
.sheet-rolltemplate-simple > *:not(:nth-child(1)):not(:nth-child(2)) {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
|
|
.sheet-rolltemplate-combat,
|
|
.sheet-rolltemplate-mechaArmure {
|
|
/*
|
|
///PARAMETRES EXISTANTS\\\
|
|
- titre2 : S'il y a un second titre
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- borderBottom : S'il y a une bordure en bas, et ses paramètres
|
|
|
|
- titre3 : S'il y a un troisième titre
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- borderBottom : S'il y a une bordure en bas, et ses paramètres
|
|
|
|
- sousTitre : S'il y a un sous-titre
|
|
- actif : Pour dire qu'il est actif. (true / false)
|
|
- background : pour définir le background (transparent par défaut)
|
|
- color : pour définir la couleur du texte (white par défaut)
|
|
- borderBottom : S'il y a une bordure en bas, et ses paramètres
|
|
*/
|
|
}
|
|
.sheet-rolltemplate-combat h1.sheet-titre,
|
|
.sheet-rolltemplate-mechaArmure h1.sheet-titre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
align-items: center;
|
|
background: transparent;
|
|
color: white;
|
|
line-height: 20px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
}
|
|
.sheet-rolltemplate-combat h2.sheet-titre2,
|
|
.sheet-rolltemplate-mechaArmure h2.sheet-titre2 {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
line-height: 20px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
align-items: center;
|
|
}
|
|
.sheet-rolltemplate-combat h3.sheet-titre3,
|
|
.sheet-rolltemplate-mechaArmure h3.sheet-titre3 {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: RGB(213, 215, 237);
|
|
color: black;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
justify-content: center;
|
|
font-size: 12px;
|
|
}
|
|
.sheet-rolltemplate-combat h4.sheet-sousTitre,
|
|
.sheet-rolltemplate-mechaArmure h4.sheet-sousTitre {
|
|
display: flex;
|
|
width: 100%;
|
|
align-content: baseline;
|
|
background: RGB(93, 111, 179);
|
|
color: white;
|
|
line-height: 16px;
|
|
min-height: 16px;
|
|
justify-content: center;
|
|
font-size: 13px;
|
|
}
|
|
.sheet-rolltemplate-combat div.sheet-ligneFull,
|
|
.sheet-rolltemplate-mechaArmure div.sheet-ligneFull {
|
|
display: block;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
background: RGB(213, 215, 237);
|
|
line-height: 28px;
|
|
}
|
|
.sheet-rolltemplate-combat div.sheet-ligneFull > span,
|
|
.sheet-rolltemplate-mechaArmure div.sheet-ligneFull > span {
|
|
display: block;
|
|
width: calc(100% - 4px);
|
|
padding: 2px;
|
|
word-wrap: anywhere;
|
|
text-align: justify;
|
|
font-size: 12px;
|
|
line-height: 16px;
|
|
}
|
|
.sheet-rolltemplate-combat > *:not(:nth-child(1)):not(:nth-child(2)),
|
|
.sheet-rolltemplate-mechaArmure > *:not(:nth-child(1)):not(:nth-child(2)) {
|
|
border-top: 1px solid RGB(93, 111, 179);
|
|
}
|
|
.sheet-rolltemplate-combat .sheet-doubleBordureTop,
|
|
.sheet-rolltemplate-mechaArmure .sheet-doubleBordureTop {
|
|
border-top: 5px double RGB(93, 111, 179) !important;
|
|
} |