mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 03:40:32 +00:00
2224 lines
85 KiB
CSS
2224 lines
85 KiB
CSS
div.charsheet {
|
|
min-width: 700px;
|
|
}
|
|
div.charsheet label {
|
|
padding: 0px;
|
|
margin: 0px;
|
|
}
|
|
div.charsheet select {
|
|
margin-bottom: 0px;
|
|
border-radius: 0px;
|
|
}
|
|
div.charsheet input[type=number]::-webkit-outer-spin-button,
|
|
div.charsheet input[type=number]::-webkit-inner-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
div.charsheet input[type=number],
|
|
div.charsheet input[type=text] {
|
|
-moz-appearance: textfield;
|
|
border-radius: 0px;
|
|
}
|
|
div.charsheet input[type=number] {
|
|
text-align: center;
|
|
}
|
|
div.charsheet textarea {
|
|
border: none;
|
|
width: 100%;
|
|
padding: 0px;
|
|
text-align: justify;
|
|
border-radius: 0px;
|
|
margin: 0px;
|
|
}
|
|
div.charsheet div.autoex {
|
|
line-height: 1.4em;
|
|
min-height: 1.4em;
|
|
cursor: text;
|
|
text-align: left;
|
|
position: relative;
|
|
width: 100%;
|
|
}
|
|
div.charsheet 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.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.autoex > textarea::placeholder {
|
|
font-family: "Contrail One";
|
|
color: #575957da;
|
|
text-transform: capitalize;
|
|
font-style: italic;
|
|
text-align: center;
|
|
font-size: 95%;
|
|
font-weight: normal;
|
|
}
|
|
div.charsheet div.autoex22 {
|
|
min-height: 22px;
|
|
}
|
|
div.charsheet div.autoex24 {
|
|
min-height: 24px;
|
|
}
|
|
div.charsheet div.autoex28 {
|
|
min-height: 28px;
|
|
}
|
|
div.charsheet div.autoex40 {
|
|
min-height: 40px;
|
|
}
|
|
div.charsheet div.autoex100 {
|
|
min-height: 100px;
|
|
}
|
|
div.charsheet .repitem .itemcontrol {
|
|
z-index: 999;
|
|
}
|
|
div.charsheet .repitem .itemcontrol .btn {
|
|
border-radius: 0px;
|
|
padding-top: 1px;
|
|
}
|
|
div.charsheet .repcontrol {
|
|
width: 100%;
|
|
}
|
|
div.charsheet .repcontrol .btn {
|
|
border-radius: 0px;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
}
|
|
div.charsheet span.blockTitre {
|
|
width: max-content;
|
|
height: 18px;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
padding-top: 2px;
|
|
padding-bottom: 2px;
|
|
padding-left: 15px;
|
|
padding-right: 15px;
|
|
color: white;
|
|
background: black;
|
|
border: 1px solid black;
|
|
border-bottom-right-radius: 15px;
|
|
border-top-left-radius: 15px;
|
|
}
|
|
div.charsheet div.top {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
}
|
|
div.charsheet div.top label {
|
|
display: flex;
|
|
width: calc((100% / 4) - 15px);
|
|
justify-content: space-between;
|
|
padding-top: 2px;
|
|
padding-bottom: 2px;
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
border: 1px solid black;
|
|
border-bottom-left-radius: 15px;
|
|
border-top-right-radius: 15px;
|
|
}
|
|
div.charsheet div.top label span {
|
|
width: max-content;
|
|
margin-right: 5px;
|
|
font-size: 13px;
|
|
white-space: nowrap;
|
|
}
|
|
div.charsheet div.top label input[type=text] {
|
|
width: 100%;
|
|
min-width: 0px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
background: transparent;
|
|
}
|
|
div.charsheet div.attributs {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: flex-start;
|
|
align-content: flex-start;
|
|
width: 100%;
|
|
}
|
|
div.charsheet div.attributs div.col {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: flex-start;
|
|
align-content: flex-start;
|
|
width: calc((100% / 3) - 5px);
|
|
flex-wrap: wrap;
|
|
position: relative;
|
|
}
|
|
div.charsheet div.attributs h1 {
|
|
font-size: 15px;
|
|
text-transform: uppercase;
|
|
width: max-content;
|
|
white-space: nowrap;
|
|
margin-left: 5px;
|
|
}
|
|
div.charsheet div.attributs div.headerFirst {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
align-content: center;
|
|
align-items: center;
|
|
padding-right: 16px;
|
|
}
|
|
div.charsheet div.attributs div.header {
|
|
display: flex;
|
|
position: absolute;
|
|
width: calc(100% + 12px);
|
|
justify-content: right;
|
|
align-content: center;
|
|
align-items: center;
|
|
right: 12px;
|
|
}
|
|
div.charsheet div.attributs div.header span {
|
|
display: inline-block;
|
|
width: 100%;
|
|
border-bottom: 1px dashed black;
|
|
height: 1px;
|
|
}
|
|
div.charsheet div.attributs div.stats {
|
|
position: relative;
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
flex-wrap: wrap;
|
|
border: 1px solid black;
|
|
padding: 10px;
|
|
margin-top: 40px;
|
|
}
|
|
div.charsheet div.attributs div.stats div.score {
|
|
position: absolute;
|
|
right: 0px;
|
|
margin-top: -48px;
|
|
border-top: 2px solid black;
|
|
border-radius: 50%;
|
|
width: 70px;
|
|
height: 70px;
|
|
padding-right: 10px;
|
|
padding-left: 10px;
|
|
padding-top: 10px;
|
|
background: white;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet div.attributs div.stats div.score > input[type=number] {
|
|
border: 1px solid black;
|
|
border-radius: 30px;
|
|
color: black;
|
|
padding: 0px;
|
|
height: 60px;
|
|
width: 60px;
|
|
font-size: 25px;
|
|
text-decoration: underline;
|
|
}
|
|
div.charsheet div.attributs div.stats div.competence {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
border-left: 1px solid black;
|
|
border-bottom: 1px solid black;
|
|
margin-top: 10px;
|
|
}
|
|
div.charsheet div.attributs div.stats div.competence div.base {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
padding-left: 10px;
|
|
align-items: flex-start;
|
|
}
|
|
div.charsheet div.attributs div.stats div.competence div.base h2 {
|
|
width: max-content;
|
|
font-size: 15px;
|
|
line-height: 25px;
|
|
white-space: nowrap;
|
|
}
|
|
div.charsheet div.attributs div.stats div.competence div.base input[type=number] {
|
|
margin-left: auto;
|
|
width: 25px;
|
|
height: 25px;
|
|
padding: 0px;
|
|
border-color: black;
|
|
color: black;
|
|
text-align: center;
|
|
font-size: 16px;
|
|
}
|
|
div.charsheet div.attributs div.stats div.competence div.base button[type=roll] {
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
text-transform: uppercase;
|
|
font-size: 22px;
|
|
letter-spacing: 2px;
|
|
font-weight: bold;
|
|
line-height: 22px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
background: transparent;
|
|
border: 0px;
|
|
box-shadow: none;
|
|
margin-left: 2px;
|
|
}
|
|
div.charsheet div.attributs div.stats div.competence div.base button[type=roll]::before {
|
|
content: "";
|
|
background: url(https://zupimages.net/up/21/17/kwln.png);
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 23px;
|
|
height: 23px;
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet div.attributs div.stats div.competence div.base button[type=roll]:hover::before {
|
|
background: url(https://zupimages.net/up/21/17/zb6c.png);
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
}
|
|
div.charsheet div.attributs div.stats div.competence div.base button[type=roll] span,
|
|
div.charsheet div.attributs div.stats div.competence div.base button[type=roll] h1 {
|
|
display: flex;
|
|
align-items: center;
|
|
margin-left: 5px;
|
|
}
|
|
div.charsheet div.attributs div.stats div.competence div.evolution {
|
|
display: flex;
|
|
padding-left: 10px;
|
|
width: calc(100% - 10px);
|
|
}
|
|
div.charsheet div.attributs div.stats div.competence div.evolution input[type=hidden][value="1"] ~ button[type=action].evolution_1::before,
|
|
div.charsheet div.attributs div.stats div.competence div.evolution input[type=hidden][value="2"] ~ button[type=action].evolution_1::before,
|
|
div.charsheet div.attributs div.stats div.competence div.evolution input[type=hidden][value="2"] ~ button[type=action].evolution_2::before,
|
|
div.charsheet div.attributs div.stats div.competence div.evolution input[type=hidden][value="3"] ~ button[type=action].evolution_1::before,
|
|
div.charsheet div.attributs div.stats div.competence div.evolution input[type=hidden][value="3"] ~ button[type=action].evolution_2::before,
|
|
div.charsheet div.attributs div.stats div.competence div.evolution input[type=hidden][value="3"] ~ button[type=action].evolution_3::before,
|
|
div.charsheet div.attributs div.stats div.competence div.evolution input[type=hidden][value="4"] ~ button[type=action].evolution_1::before,
|
|
div.charsheet div.attributs div.stats div.competence div.evolution input[type=hidden][value="4"] ~ button[type=action].evolution_2::before,
|
|
div.charsheet div.attributs div.stats div.competence div.evolution input[type=hidden][value="4"] ~ button[type=action].evolution_3::before,
|
|
div.charsheet div.attributs div.stats div.competence div.evolution input[type=hidden][value="4"] ~ button[type=action].evolution_4::before,
|
|
div.charsheet div.attributs div.stats div.competence div.evolution input[type=hidden][value="5"] ~ button[type=action].evolution_1::before,
|
|
div.charsheet div.attributs div.stats div.competence div.evolution input[type=hidden][value="5"] ~ button[type=action].evolution_2::before,
|
|
div.charsheet div.attributs div.stats div.competence div.evolution input[type=hidden][value="5"] ~ button[type=action].evolution_3::before,
|
|
div.charsheet div.attributs div.stats div.competence div.evolution input[type=hidden][value="5"] ~ button[type=action].evolution_4::before,
|
|
div.charsheet div.attributs div.stats div.competence div.evolution input[type=hidden][value="5"] ~ button[type=action].evolution_5::before {
|
|
content: "X";
|
|
width: 100%;
|
|
height: 15px;
|
|
color: black;
|
|
font-size: 20px;
|
|
line-height: 15px;
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet div.attributs div.stats div.competence div.evolution button[type=action] {
|
|
width: 15px;
|
|
height: 15px;
|
|
background: lightgrey;
|
|
border: 0px;
|
|
padding: 0px;
|
|
border: 1px solid black;
|
|
margin-right: 2px;
|
|
}
|
|
div.charsheet div.attributs div.stats div.competence div.repcontainer {
|
|
width: 100%;
|
|
}
|
|
div.charsheet div.attributs div.stats div.competence div.repcontainer div.repitem {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
margin-top: 5px;
|
|
}
|
|
div.charsheet div.attributs div.stats div.competence div.repcontainer div.repitem input[type=text] {
|
|
width: calc(100% - 60px);
|
|
border-top: 0px;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
border-color: black;
|
|
border-radius: 0px;
|
|
padding: 0px;
|
|
font-size: 13px;
|
|
margin-left: 25px;
|
|
color: black;
|
|
}
|
|
div.charsheet div.attributs div.stats div.competence div.repcontainer div.repitem button[type=roll] {
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
text-transform: uppercase;
|
|
font-size: 22px;
|
|
letter-spacing: 2px;
|
|
font-weight: bold;
|
|
line-height: 22px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
background: transparent;
|
|
border: 0px;
|
|
box-shadow: none;
|
|
}
|
|
div.charsheet div.attributs div.stats div.competence div.repcontainer div.repitem button[type=roll]::before {
|
|
content: "";
|
|
background: url(https://zupimages.net/up/21/17/kwln.png);
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 18px;
|
|
height: 18px;
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet div.attributs div.stats div.competence div.repcontainer div.repitem button[type=roll]:hover::before {
|
|
background: url(https://zupimages.net/up/21/17/zb6c.png);
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
}
|
|
div.charsheet div.attributs div.stats div.competence div.repcontainer div.repitem button[type=roll] span,
|
|
div.charsheet div.attributs div.stats div.competence div.repcontainer div.repitem button[type=roll] h1 {
|
|
display: flex;
|
|
align-items: center;
|
|
margin-left: 5px;
|
|
}
|
|
div.charsheet div.attributs div.stats div.competence div.repcontainer div.repitem .itemcontrol .btn {
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
}
|
|
div.charsheet div.attributs div.heavyMargin {
|
|
margin-top: 76px;
|
|
}
|
|
div.charsheet div.attributs div.heavyMargin div.competence:nth-of-type(2) {
|
|
margin-top: 34px;
|
|
}
|
|
div.charsheet div.prodiges {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: flex-start;
|
|
align-content: flex-start;
|
|
width: 100%;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
margin-top: 10px;
|
|
}
|
|
div.charsheet div.prodiges div.col {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: flex-start;
|
|
align-content: flex-start;
|
|
width: calc((100% / 2) - 10px);
|
|
flex-wrap: wrap;
|
|
position: relative;
|
|
}
|
|
div.charsheet div.prodiges button[type=roll] {
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
text-transform: uppercase;
|
|
font-size: 22px;
|
|
letter-spacing: 2px;
|
|
font-weight: bold;
|
|
line-height: 22px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
background: transparent;
|
|
border: 0px;
|
|
box-shadow: none;
|
|
}
|
|
div.charsheet div.prodiges button[type=roll]::before {
|
|
content: "";
|
|
background: url(https://zupimages.net/up/21/17/kwln.png);
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 23px;
|
|
height: 23px;
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet div.prodiges button[type=roll]:hover::before {
|
|
background: url(https://zupimages.net/up/21/17/zb6c.png);
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
}
|
|
div.charsheet div.prodiges button[type=roll].after h1 {
|
|
margin-left: 0px;
|
|
margin-right: 5px;
|
|
}
|
|
div.charsheet div.prodiges button[type=roll].after::before {
|
|
background: none;
|
|
width: 0px;
|
|
height: 0px;
|
|
border: 0px;
|
|
}
|
|
div.charsheet div.prodiges button[type=roll].after::after {
|
|
content: "";
|
|
background: url(https://zupimages.net/up/21/17/kwln.png);
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 23px;
|
|
height: 23px;
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet div.prodiges button[type=roll].after:hover::after {
|
|
background: url(https://zupimages.net/up/21/17/zb6c.png);
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
}
|
|
div.charsheet div.prodiges button[type=roll] span,
|
|
div.charsheet div.prodiges button[type=roll] h1 {
|
|
display: flex;
|
|
align-items: center;
|
|
margin-left: 5px;
|
|
}
|
|
div.charsheet div.prodiges > header {
|
|
width: 100%;
|
|
}
|
|
div.charsheet div.prodiges div.prodige {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
align-items: flex-start;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet div.prodiges div.prodige header {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
margin-bottom: 5px;
|
|
margin-top: 5px;
|
|
}
|
|
div.charsheet div.prodiges div.prodige header h1 {
|
|
display: flex;
|
|
font-size: 15px;
|
|
text-transform: uppercase;
|
|
width: max-content;
|
|
white-space: nowrap;
|
|
line-height: 25px;
|
|
}
|
|
div.charsheet div.prodiges div.prodige header input[type=number] {
|
|
width: 30px;
|
|
text-align: center;
|
|
font-size: 15px;
|
|
padding: 0px;
|
|
border: 2px solid black;
|
|
color: black;
|
|
margin-left: auto;
|
|
}
|
|
div.charsheet div.prodiges div.prodige header.esprit h1::before {
|
|
content: "";
|
|
display: inline-block;
|
|
width: 30px;
|
|
height: 25px;
|
|
background: url(https://zupimages.net/up/21/21/0q1o.png);
|
|
background-size: contain;
|
|
background-position: left;
|
|
background-repeat: no-repeat;
|
|
padding-right: 10px;
|
|
}
|
|
div.charsheet div.prodiges div.prodige header.corps h1::before {
|
|
content: "";
|
|
display: inline-block;
|
|
width: 30px;
|
|
height: 25px;
|
|
background: url(https://zupimages.net/up/21/21/sg1t.png);
|
|
background-size: contain;
|
|
background-position: left;
|
|
background-repeat: no-repeat;
|
|
padding-right: 10px;
|
|
}
|
|
div.charsheet div.prodiges div.prodige header.illusion h1::before {
|
|
content: "";
|
|
display: inline-block;
|
|
width: 30px;
|
|
height: 25px;
|
|
background: url(https://zupimages.net/up/21/21/ujf8.png);
|
|
background-size: contain;
|
|
background-position: left;
|
|
background-repeat: no-repeat;
|
|
padding-right: 10px;
|
|
}
|
|
div.charsheet div.prodiges div.prodige header.realite h1::before {
|
|
content: "";
|
|
display: inline-block;
|
|
width: 30px;
|
|
height: 25px;
|
|
background: url(https://zupimages.net/up/21/21/3qip.png);
|
|
background-size: contain;
|
|
background-position: left;
|
|
background-repeat: no-repeat;
|
|
padding-right: 10px;
|
|
}
|
|
div.charsheet div.prodiges div.prodige header div.evolution {
|
|
display: flex;
|
|
width: 95px;
|
|
align-items: center;
|
|
}
|
|
div.charsheet div.prodiges div.prodige header div.evolution input[type=hidden][value="1"] ~ button[type=action].evolution_1::before,
|
|
div.charsheet div.prodiges div.prodige header div.evolution input[type=hidden][value="2"] ~ button[type=action].evolution_1::before,
|
|
div.charsheet div.prodiges div.prodige header div.evolution input[type=hidden][value="2"] ~ button[type=action].evolution_2::before,
|
|
div.charsheet div.prodiges div.prodige header div.evolution input[type=hidden][value="3"] ~ button[type=action].evolution_1::before,
|
|
div.charsheet div.prodiges div.prodige header div.evolution input[type=hidden][value="3"] ~ button[type=action].evolution_2::before,
|
|
div.charsheet div.prodiges div.prodige header div.evolution input[type=hidden][value="3"] ~ button[type=action].evolution_3::before,
|
|
div.charsheet div.prodiges div.prodige header div.evolution input[type=hidden][value="4"] ~ button[type=action].evolution_1::before,
|
|
div.charsheet div.prodiges div.prodige header div.evolution input[type=hidden][value="4"] ~ button[type=action].evolution_2::before,
|
|
div.charsheet div.prodiges div.prodige header div.evolution input[type=hidden][value="4"] ~ button[type=action].evolution_3::before,
|
|
div.charsheet div.prodiges div.prodige header div.evolution input[type=hidden][value="4"] ~ button[type=action].evolution_4::before,
|
|
div.charsheet div.prodiges div.prodige header div.evolution input[type=hidden][value="5"] ~ button[type=action].evolution_1::before,
|
|
div.charsheet div.prodiges div.prodige header div.evolution input[type=hidden][value="5"] ~ button[type=action].evolution_2::before,
|
|
div.charsheet div.prodiges div.prodige header div.evolution input[type=hidden][value="5"] ~ button[type=action].evolution_3::before,
|
|
div.charsheet div.prodiges div.prodige header div.evolution input[type=hidden][value="5"] ~ button[type=action].evolution_4::before,
|
|
div.charsheet div.prodiges div.prodige header div.evolution input[type=hidden][value="5"] ~ button[type=action].evolution_5::before {
|
|
content: "X";
|
|
width: 100%;
|
|
height: 15px;
|
|
color: black;
|
|
font-size: 20px;
|
|
line-height: 15px;
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
div.charsheet div.prodiges div.prodige header div.evolution button[type=action] {
|
|
width: 15px;
|
|
height: 15px;
|
|
background: lightgrey;
|
|
border: 0px;
|
|
padding: 0px;
|
|
border: 1px solid black;
|
|
margin-left: 2px;
|
|
}
|
|
div.charsheet div.prodiges div.prodige .repcontainer {
|
|
width: 100%;
|
|
}
|
|
div.charsheet div.prodiges div.prodige .repcontainer .repitem {
|
|
width: 100%;
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet div.prodiges div.prodige .repcontainer .repitem details[open] summary {
|
|
border-bottom: 1px solid black;
|
|
}
|
|
div.charsheet div.prodiges div.prodige .repcontainer .repitem details[open] summary::before {
|
|
content: "";
|
|
width: 25px;
|
|
height: 25px;
|
|
background: url(https://zupimages.net/up/21/21/5hu0.png);
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
}
|
|
div.charsheet div.prodiges div.prodige .repcontainer .repitem details summary {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
align-content: center;
|
|
align-items: center;
|
|
cursor: pointer;
|
|
}
|
|
div.charsheet div.prodiges div.prodige .repcontainer .repitem details summary input[type=text] {
|
|
width: calc(100% - 90px - 51px);
|
|
height: 25px;
|
|
padding: 0px;
|
|
border: 0px;
|
|
padding-left: 10px;
|
|
}
|
|
div.charsheet div.prodiges div.prodige .repcontainer .repitem details summary label.rang {
|
|
width: 90px;
|
|
align-items: center;
|
|
display: flex;
|
|
border-left: 1px solid black;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
margin-left: auto;
|
|
}
|
|
div.charsheet div.prodiges div.prodige .repcontainer .repitem details summary label.rang span {
|
|
font-size: 12px;
|
|
color: black;
|
|
margin-left: 2px;
|
|
}
|
|
div.charsheet div.prodiges div.prodige .repcontainer .repitem details summary label.rang label {
|
|
width: 45px;
|
|
height: 25px;
|
|
margin-right: 5px;
|
|
font-size: 12px;
|
|
font-weight: normal;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
div.charsheet div.prodiges div.prodige .repcontainer .repitem details summary label.rang label input[type=number] {
|
|
width: 25px;
|
|
height: 25px;
|
|
text-align: center;
|
|
font-size: 15px;
|
|
padding: 0px;
|
|
border: 0px;
|
|
font-weight: bold;
|
|
font-size: 15px;
|
|
color: black;
|
|
}
|
|
div.charsheet div.prodiges div.prodige .repcontainer .repitem details summary::before {
|
|
content: "";
|
|
width: 25px;
|
|
height: 25px;
|
|
background: url(https://zupimages.net/up/21/21/9o92.png);
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
}
|
|
div.charsheet div.prodiges div.prodige .repcontainer .repitem details div {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet div.prodiges div.prodige .repcontainer .repitem details div select {
|
|
width: 100%;
|
|
text-align: center;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
border-top: 0px;
|
|
border-bottom: 1px solid black;
|
|
color: black;
|
|
}
|
|
div.charsheet div.prodiges div.prodige .repcontainer .repitem details div label {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
border-bottom: 1px solid black;
|
|
}
|
|
div.charsheet div.prodiges div.prodige .repcontainer .repitem details div label span {
|
|
width: max-content;
|
|
font-size: 12px;
|
|
color: black;
|
|
white-space: nowrap;
|
|
padding-left: 2px;
|
|
}
|
|
div.charsheet div.prodiges div.prodige .repcontainer .repitem details div label input[type=text] {
|
|
width: 100%;
|
|
border: 0px;
|
|
font-size: 12px;
|
|
text-align: center;
|
|
color: black;
|
|
}
|
|
div.charsheet div.prodiges div.prodige .repcontainer .repitem details div label:nth-of-type(1) {
|
|
width: calc((100% / 2) - 1px);
|
|
border-right: 1px solid black;
|
|
}
|
|
div.charsheet div.prodiges div.prodige .repcontainer .repitem details div label:nth-of-type(2) {
|
|
width: calc((100% / 2));
|
|
}
|
|
div.charsheet div.prodiges div.prodige:last-of-type {
|
|
margin-top: 10px;
|
|
}
|
|
div.charsheet div.corruption {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
flex-wrap: wrap;
|
|
margin-top: 10px;
|
|
}
|
|
div.charsheet div.corruption div.block {
|
|
display: flex;
|
|
width: calc(100% - 24px);
|
|
justify-content: space-between;
|
|
flex-wrap: wrap;
|
|
padding: 12px;
|
|
border: 1px solid black;
|
|
border-top-left-radius: 30px;
|
|
}
|
|
div.charsheet div.corruption div.smallBlock {
|
|
display: flex;
|
|
width: calc(100% - 24px);
|
|
justify-content: right;
|
|
margin-left: auto;
|
|
position: relative;
|
|
margin-top: -1px;
|
|
}
|
|
div.charsheet div.corruption div.smallBlock div.line {
|
|
position: absolute;
|
|
width: 99px;
|
|
background: white;
|
|
border-left: 1px solid black;
|
|
border-right: 1px solid black;
|
|
border-bottom: 1px solid black;
|
|
border-bottom-right-radius: 30px;
|
|
padding-left: 12px;
|
|
padding-right: 12px;
|
|
padding-bottom: 12px;
|
|
}
|
|
div.charsheet div.corruption div.line {
|
|
display: flex;
|
|
width: 100%;
|
|
align-items: center;
|
|
justify-content: right;
|
|
}
|
|
div.charsheet div.corruption div.line input[type=hidden][value="1"] ~ button[type=action].corruption_1,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="2"] ~ button[type=action].corruption_1,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="2"] ~ button[type=action].corruption_2,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="3"] ~ button[type=action].corruption_1,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="3"] ~ button[type=action].corruption_2,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="3"] ~ button[type=action].corruption_3,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="4"] ~ button[type=action].corruption_1,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="4"] ~ button[type=action].corruption_2,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="4"] ~ button[type=action].corruption_3,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="4"] ~ button[type=action].corruption_4,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="5"] ~ button[type=action].corruption_1,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="5"] ~ button[type=action].corruption_2,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="5"] ~ button[type=action].corruption_3,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="5"] ~ button[type=action].corruption_4,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="5"] ~ button[type=action].corruption_5,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="6"] ~ button[type=action].corruption_1,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="6"] ~ button[type=action].corruption_2,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="6"] ~ button[type=action].corruption_3,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="6"] ~ button[type=action].corruption_4,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="6"] ~ button[type=action].corruption_5,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="6"] ~ button[type=action].corruption_6,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="7"] ~ button[type=action].corruption_1,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="7"] ~ button[type=action].corruption_2,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="7"] ~ button[type=action].corruption_3,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="7"] ~ button[type=action].corruption_4,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="7"] ~ button[type=action].corruption_5,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="7"] ~ button[type=action].corruption_6,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="7"] ~ button[type=action].corruption_7,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="8"] ~ button[type=action].corruption_1,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="8"] ~ button[type=action].corruption_2,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="8"] ~ button[type=action].corruption_3,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="8"] ~ button[type=action].corruption_4,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="8"] ~ button[type=action].corruption_5,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="8"] ~ button[type=action].corruption_6,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="8"] ~ button[type=action].corruption_7,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="8"] ~ button[type=action].corruption_8,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="9"] ~ button[type=action].corruption_1,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="9"] ~ button[type=action].corruption_2,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="9"] ~ button[type=action].corruption_3,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="9"] ~ button[type=action].corruption_4,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="9"] ~ button[type=action].corruption_5,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="9"] ~ button[type=action].corruption_6,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="9"] ~ button[type=action].corruption_7,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="9"] ~ button[type=action].corruption_8,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="9"] ~ button[type=action].corruption_9,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="10"] ~ button[type=action].corruption_1,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="10"] ~ button[type=action].corruption_2,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="10"] ~ button[type=action].corruption_3,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="10"] ~ button[type=action].corruption_4,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="10"] ~ button[type=action].corruption_5,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="10"] ~ button[type=action].corruption_6,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="10"] ~ button[type=action].corruption_7,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="10"] ~ button[type=action].corruption_8,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="10"] ~ button[type=action].corruption_9,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="10"] ~ button[type=action].corruption_10,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="11"] ~ button[type=action].corruption_1,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="11"] ~ button[type=action].corruption_2,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="11"] ~ button[type=action].corruption_3,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="11"] ~ button[type=action].corruption_4,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="11"] ~ button[type=action].corruption_5,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="11"] ~ button[type=action].corruption_6,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="11"] ~ button[type=action].corruption_7,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="11"] ~ button[type=action].corruption_8,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="11"] ~ button[type=action].corruption_9,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="11"] ~ button[type=action].corruption_10,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="11"] ~ button[type=action].corruption_11,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="12"] ~ button[type=action].corruption_1,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="12"] ~ button[type=action].corruption_2,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="12"] ~ button[type=action].corruption_3,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="12"] ~ button[type=action].corruption_4,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="12"] ~ button[type=action].corruption_5,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="12"] ~ button[type=action].corruption_6,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="12"] ~ button[type=action].corruption_7,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="12"] ~ button[type=action].corruption_8,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="12"] ~ button[type=action].corruption_9,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="12"] ~ button[type=action].corruption_10,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="12"] ~ button[type=action].corruption_11,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="12"] ~ button[type=action].corruption_12,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="13"] ~ button[type=action].corruption_1,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="13"] ~ button[type=action].corruption_2,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="13"] ~ button[type=action].corruption_3,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="13"] ~ button[type=action].corruption_4,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="13"] ~ button[type=action].corruption_5,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="13"] ~ button[type=action].corruption_6,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="13"] ~ button[type=action].corruption_7,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="13"] ~ button[type=action].corruption_8,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="13"] ~ button[type=action].corruption_9,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="13"] ~ button[type=action].corruption_10,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="13"] ~ button[type=action].corruption_11,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="13"] ~ button[type=action].corruption_12,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="13"] ~ button[type=action].corruption_13,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="14"] ~ button[type=action].corruption_1,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="14"] ~ button[type=action].corruption_2,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="14"] ~ button[type=action].corruption_3,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="14"] ~ button[type=action].corruption_4,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="14"] ~ button[type=action].corruption_5,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="14"] ~ button[type=action].corruption_6,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="14"] ~ button[type=action].corruption_7,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="14"] ~ button[type=action].corruption_8,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="14"] ~ button[type=action].corruption_9,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="14"] ~ button[type=action].corruption_10,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="14"] ~ button[type=action].corruption_11,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="14"] ~ button[type=action].corruption_12,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="14"] ~ button[type=action].corruption_13,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="14"] ~ button[type=action].corruption_14,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="15"] ~ button[type=action].corruption_1,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="15"] ~ button[type=action].corruption_2,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="15"] ~ button[type=action].corruption_3,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="15"] ~ button[type=action].corruption_4,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="15"] ~ button[type=action].corruption_5,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="15"] ~ button[type=action].corruption_6,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="15"] ~ button[type=action].corruption_7,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="15"] ~ button[type=action].corruption_8,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="15"] ~ button[type=action].corruption_9,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="15"] ~ button[type=action].corruption_10,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="15"] ~ button[type=action].corruption_11,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="15"] ~ button[type=action].corruption_12,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="15"] ~ button[type=action].corruption_13,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="15"] ~ button[type=action].corruption_14,
|
|
div.charsheet div.corruption div.line input[type=hidden][value="15"] ~ button[type=action].corruption_15 {
|
|
background: black;
|
|
color: white;
|
|
}
|
|
div.charsheet div.corruption div.line button[type=action] {
|
|
width: 40px;
|
|
height: 15px;
|
|
border: 1px solid black;
|
|
text-align: center;
|
|
line-height: 15px;
|
|
padding: 0px;
|
|
height: 22px;
|
|
line-height: 22px;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet div.corruption div.line button[type=action]:not(:first-of-type) {
|
|
margin-left: 3px;
|
|
}
|
|
div.charsheet div.corruption div.line span.titreLarge {
|
|
width: 102px;
|
|
white-space: nowrap;
|
|
color: RGB(204, 8, 41);
|
|
margin-right: auto;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet div.corruption div.line span.titreSmall {
|
|
width: 82px;
|
|
white-space: nowrap;
|
|
color: RGB(204, 8, 41);
|
|
margin-right: auto;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet div.corruption div.line span.spaceSmall {
|
|
display: inline-block;
|
|
width: calc(100% - 102px - (9 * 42px) - (9 * 3px));
|
|
height: 2px;
|
|
border-bottom: 2px dotted black;
|
|
}
|
|
div.charsheet div.corruption div.line span.spaceLarge {
|
|
display: inline-block;
|
|
width: calc(100% - 82px - (6 * 42px) - (6 * 3px));
|
|
height: 2px;
|
|
border-bottom: 2px dotted black;
|
|
}
|
|
div.charsheet div.corruption div.line span.score {
|
|
width: 40px;
|
|
height: 15px;
|
|
text-align: center;
|
|
border: 1px solid black;
|
|
line-height: 15px;
|
|
margin-left: 3px;
|
|
height: 22px;
|
|
line-height: 22px;
|
|
font-weight: bold;
|
|
border-radius: 15px;
|
|
}
|
|
div.charsheet div.corruption div.line:not(:first-of-type) {
|
|
margin-top: 3px;
|
|
}
|
|
div.charsheet div.enduranceVitalite {
|
|
display: flex;
|
|
width: calc(100% - 24px);
|
|
padding: 12px;
|
|
border: 1px solid black;
|
|
border-bottom-right-radius: 30px;
|
|
border-top-left-radius: 30px;
|
|
margin-top: 5px;
|
|
}
|
|
div.charsheet div.enduranceVitalite div.endurance {
|
|
display: flex;
|
|
width: 70%;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet div.enduranceVitalite div.endurance input[type=hidden][value="9"] ~ div.line .b10,
|
|
div.charsheet div.enduranceVitalite div.endurance input[type=hidden][value="8"] ~ div.line .b10,
|
|
div.charsheet div.enduranceVitalite div.endurance input[type=hidden][value="8"] ~ div.line .b9,
|
|
div.charsheet div.enduranceVitalite div.endurance input[type=hidden][value="7"] ~ div.line .b10,
|
|
div.charsheet div.enduranceVitalite div.endurance input[type=hidden][value="7"] ~ div.line .b9,
|
|
div.charsheet div.enduranceVitalite div.endurance input[type=hidden][value="7"] ~ div.line .b8,
|
|
div.charsheet div.enduranceVitalite div.endurance input[type=hidden][value="6"] ~ div.line .b10,
|
|
div.charsheet div.enduranceVitalite div.endurance input[type=hidden][value="6"] ~ div.line .b9,
|
|
div.charsheet div.enduranceVitalite div.endurance input[type=hidden][value="6"] ~ div.line .b8,
|
|
div.charsheet div.enduranceVitalite div.endurance input[type=hidden][value="6"] ~ div.line .b7,
|
|
div.charsheet div.enduranceVitalite div.endurance input[type=hidden][value="5"] ~ div.line .b10,
|
|
div.charsheet div.enduranceVitalite div.endurance input[type=hidden][value="5"] ~ div.line .b9,
|
|
div.charsheet div.enduranceVitalite div.endurance input[type=hidden][value="5"] ~ div.line .b8,
|
|
div.charsheet div.enduranceVitalite div.endurance input[type=hidden][value="5"] ~ div.line .b7,
|
|
div.charsheet div.enduranceVitalite div.endurance input[type=hidden][value="5"] ~ div.line .b6,
|
|
div.charsheet div.enduranceVitalite div.endurance input[type=hidden][value="4"] ~ div.line .b10,
|
|
div.charsheet div.enduranceVitalite div.endurance input[type=hidden][value="4"] ~ div.line .b9,
|
|
div.charsheet div.enduranceVitalite div.endurance input[type=hidden][value="4"] ~ div.line .b8,
|
|
div.charsheet div.enduranceVitalite div.endurance input[type=hidden][value="4"] ~ div.line .b7,
|
|
div.charsheet div.enduranceVitalite div.endurance input[type=hidden][value="4"] ~ div.line .b6,
|
|
div.charsheet div.enduranceVitalite div.endurance input[type=hidden][value="4"] ~ div.line .b5,
|
|
div.charsheet div.enduranceVitalite div.endurance input[type=hidden][value="3"] ~ div.line .b10,
|
|
div.charsheet div.enduranceVitalite div.endurance input[type=hidden][value="3"] ~ div.line .b9,
|
|
div.charsheet div.enduranceVitalite div.endurance input[type=hidden][value="3"] ~ div.line .b8,
|
|
div.charsheet div.enduranceVitalite div.endurance input[type=hidden][value="3"] ~ div.line .b7,
|
|
div.charsheet div.enduranceVitalite div.endurance input[type=hidden][value="3"] ~ div.line .b6,
|
|
div.charsheet div.enduranceVitalite div.endurance input[type=hidden][value="3"] ~ div.line .b5,
|
|
div.charsheet div.enduranceVitalite div.endurance input[type=hidden][value="3"] ~ div.line .b4,
|
|
div.charsheet div.enduranceVitalite div.endurance input[type=hidden][value="2"] ~ div.line .b10,
|
|
div.charsheet div.enduranceVitalite div.endurance input[type=hidden][value="2"] ~ div.line .b9,
|
|
div.charsheet div.enduranceVitalite div.endurance input[type=hidden][value="2"] ~ div.line .b8,
|
|
div.charsheet div.enduranceVitalite div.endurance input[type=hidden][value="2"] ~ div.line .b7,
|
|
div.charsheet div.enduranceVitalite div.endurance input[type=hidden][value="2"] ~ div.line .b6,
|
|
div.charsheet div.enduranceVitalite div.endurance input[type=hidden][value="2"] ~ div.line .b5,
|
|
div.charsheet div.enduranceVitalite div.endurance input[type=hidden][value="2"] ~ div.line .b4,
|
|
div.charsheet div.enduranceVitalite div.endurance input[type=hidden][value="2"] ~ div.line .b3,
|
|
div.charsheet div.enduranceVitalite div.endurance input[type=hidden][value="1"] ~ div.line .b10,
|
|
div.charsheet div.enduranceVitalite div.endurance input[type=hidden][value="1"] ~ div.line .b9,
|
|
div.charsheet div.enduranceVitalite div.endurance input[type=hidden][value="1"] ~ div.line .b8,
|
|
div.charsheet div.enduranceVitalite div.endurance input[type=hidden][value="1"] ~ div.line .b7,
|
|
div.charsheet div.enduranceVitalite div.endurance input[type=hidden][value="1"] ~ div.line .b6,
|
|
div.charsheet div.enduranceVitalite div.endurance input[type=hidden][value="1"] ~ div.line .b5,
|
|
div.charsheet div.enduranceVitalite div.endurance input[type=hidden][value="1"] ~ div.line .b4,
|
|
div.charsheet div.enduranceVitalite div.endurance input[type=hidden][value="1"] ~ div.line .b3,
|
|
div.charsheet div.enduranceVitalite div.endurance input[type=hidden][value="1"] ~ div.line .b2,
|
|
div.charsheet div.enduranceVitalite div.endurance input[type=hidden][value="0"] ~ div.line .b10,
|
|
div.charsheet div.enduranceVitalite div.endurance input[type=hidden][value="0"] ~ div.line .b9,
|
|
div.charsheet div.enduranceVitalite div.endurance input[type=hidden][value="0"] ~ div.line .b8,
|
|
div.charsheet div.enduranceVitalite div.endurance input[type=hidden][value="0"] ~ div.line .b7,
|
|
div.charsheet div.enduranceVitalite div.endurance input[type=hidden][value="0"] ~ div.line .b6,
|
|
div.charsheet div.enduranceVitalite div.endurance input[type=hidden][value="0"] ~ div.line .b5,
|
|
div.charsheet div.enduranceVitalite div.endurance input[type=hidden][value="0"] ~ div.line .b4,
|
|
div.charsheet div.enduranceVitalite div.endurance input[type=hidden][value="0"] ~ div.line .b3,
|
|
div.charsheet div.enduranceVitalite div.endurance input[type=hidden][value="0"] ~ div.line .b2,
|
|
div.charsheet div.enduranceVitalite div.endurance input[type=hidden].physiqueScore[value="3"] ~ .m4,
|
|
div.charsheet div.enduranceVitalite div.endurance input[type=hidden].physiqueScore[value="2"] ~ .m4,
|
|
div.charsheet div.enduranceVitalite div.endurance input[type=hidden].physiqueScore[value="2"] ~ .m3,
|
|
div.charsheet div.enduranceVitalite div.endurance input[type=hidden].physiqueScore[value="1"] ~ .m4,
|
|
div.charsheet div.enduranceVitalite div.endurance input[type=hidden].physiqueScore[value="1"] ~ .m3,
|
|
div.charsheet div.enduranceVitalite div.endurance input[type=hidden].physiqueScore[value="1"] ~ .m2 {
|
|
display: none;
|
|
}
|
|
div.charsheet div.enduranceVitalite div.vitalite {
|
|
display: flex;
|
|
width: 30%;
|
|
flex-wrap: wrap;
|
|
align-items: flex-start;
|
|
align-content: flex-start;
|
|
}
|
|
div.charsheet div.enduranceVitalite div.vitalite span.blockTitre {
|
|
margin-left: auto;
|
|
}
|
|
div.charsheet div.enduranceVitalite div.vitalite div.line {
|
|
padding-left: 10px;
|
|
height: 30px;
|
|
align-items: flex-end;
|
|
}
|
|
div.charsheet div.enduranceVitalite div.vitalite div.line div {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
border-bottom: 2px dotted black;
|
|
}
|
|
div.charsheet div.enduranceVitalite div.vitalite div.line div span {
|
|
width: max-content;
|
|
white-space: nowrap;
|
|
}
|
|
div.charsheet div.enduranceVitalite div.vitalite div.line div span:first-of-type {
|
|
margin-left: 2px;
|
|
color: RGB(204, 8, 41);
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet div.enduranceVitalite div.vitalite div.line:not(:first-of-type) {
|
|
border-left: 1px solid black;
|
|
}
|
|
div.charsheet div.enduranceVitalite div.line {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
margin-right: 10px;
|
|
}
|
|
div.charsheet div.enduranceVitalite div.line:not(:first-of-type) {
|
|
margin-top: 5px;
|
|
}
|
|
div.charsheet div.enduranceVitalite div.titre {
|
|
display: flex;
|
|
width: 130px;
|
|
align-items: center;
|
|
}
|
|
div.charsheet div.enduranceVitalite div.titre span.titre {
|
|
display: inline-block;
|
|
width: max-content;
|
|
white-space: nowrap;
|
|
margin-right: 2px;
|
|
}
|
|
div.charsheet div.enduranceVitalite div.titre span.space {
|
|
display: inline-block;
|
|
width: 100%;
|
|
border-bottom: 2px dotted black;
|
|
height: 2px;
|
|
}
|
|
div.charsheet div.enduranceVitalite div.blockScore {
|
|
display: flex;
|
|
width: calc((100% / 4) - (130px / 4));
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
div.charsheet div.enduranceVitalite div.blockScore2 {
|
|
display: flex;
|
|
width: calc((100% / 2) - (130px / 2));
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
div.charsheet div.enduranceVitalite div.score {
|
|
display: flex;
|
|
width: 70px;
|
|
position: relative;
|
|
height: 30px;
|
|
}
|
|
div.charsheet div.enduranceVitalite div.score input[type=hidden][value="1"] ~ button[type=action].sub1,
|
|
div.charsheet div.enduranceVitalite div.score input[type=hidden][value="2"] ~ button[type=action].main,
|
|
div.charsheet div.enduranceVitalite div.score input[type=hidden][value="2"] ~ button[type=action].sub1,
|
|
div.charsheet div.enduranceVitalite div.score input[type=hidden][value="2"] ~ button[type=action].sub2 {
|
|
background: black;
|
|
color: white;
|
|
}
|
|
div.charsheet div.enduranceVitalite div.score button[type=action].sub1,
|
|
div.charsheet div.enduranceVitalite div.score button[type=action].sub2 {
|
|
position: absolute;
|
|
width: 20px;
|
|
height: 15px;
|
|
border: 1px solid black;
|
|
text-align: center;
|
|
line-height: 15px;
|
|
padding: 0px;
|
|
height: 22px;
|
|
line-height: 22px;
|
|
font-weight: bold;
|
|
z-index: 999;
|
|
}
|
|
div.charsheet div.enduranceVitalite div.score button[type=action].sub1,
|
|
div.charsheet div.enduranceVitalite div.score button[type=action].sub2 {
|
|
top: 6px;
|
|
}
|
|
div.charsheet div.enduranceVitalite div.score button[type=action].sub2 {
|
|
right: 0px;
|
|
}
|
|
div.charsheet div.enduranceVitalite div.score button[type=action].main {
|
|
position: absolute;
|
|
left: calc(50% - (42px / 2));
|
|
width: 40px;
|
|
height: 15px;
|
|
border: 1px solid black;
|
|
text-align: center;
|
|
line-height: 15px;
|
|
padding: 0px;
|
|
height: 22px;
|
|
line-height: 22px;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet div.enduranceVitalite div.enduranceScore {
|
|
border-top: 2px dotted black;
|
|
border-bottom: 2px dotted black;
|
|
}
|
|
div.charsheet div.enduranceVitalite div.enduranceScore span {
|
|
margin-left: auto;
|
|
}
|
|
div.charsheet div.enduranceVitalite div.enduranceScore input[type=number] {
|
|
width: 75px;
|
|
border: 0px;
|
|
padding: 0px;
|
|
min-width: 0px;
|
|
font-size: 15px;
|
|
background: transparent;
|
|
}
|
|
div.charsheet div.enduranceVitalite div.mourant {
|
|
position: relative;
|
|
padding-right: 50px;
|
|
}
|
|
div.charsheet div.enduranceVitalite div.mourant span.titre {
|
|
display: inline-block;
|
|
width: max-content;
|
|
white-space: nowrap;
|
|
padding-right: 2px;
|
|
background: white;
|
|
}
|
|
div.charsheet div.enduranceVitalite div.mourant span.space {
|
|
position: absolute;
|
|
display: inline-block;
|
|
width: 100%;
|
|
border-bottom: 2px dotted black;
|
|
height: 2px;
|
|
z-index: -5;
|
|
top: calc(50% - 1px);
|
|
}
|
|
div.charsheet div.enduranceVitalite div.mourant input[type=hidden].mourant[value="1"] ~ div.m1 > button[type=action],
|
|
div.charsheet div.enduranceVitalite div.mourant input[type=hidden].mourant[value="2"] ~ div.m1 > button[type=action],
|
|
div.charsheet div.enduranceVitalite div.mourant input[type=hidden].mourant[value="2"] ~ div.m2 > button[type=action],
|
|
div.charsheet div.enduranceVitalite div.mourant input[type=hidden].mourant[value="3"] ~ div.m1 > button[type=action],
|
|
div.charsheet div.enduranceVitalite div.mourant input[type=hidden].mourant[value="3"] ~ div.m2 > button[type=action],
|
|
div.charsheet div.enduranceVitalite div.mourant input[type=hidden].mourant[value="3"] ~ div.m3 > button[type=action],
|
|
div.charsheet div.enduranceVitalite div.mourant input[type=hidden].mourant[value="4"] ~ div.m1 > button[type=action],
|
|
div.charsheet div.enduranceVitalite div.mourant input[type=hidden].mourant[value="4"] ~ div.m2 > button[type=action],
|
|
div.charsheet div.enduranceVitalite div.mourant input[type=hidden].mourant[value="4"] ~ div.m3 > button[type=action],
|
|
div.charsheet div.enduranceVitalite div.mourant input[type=hidden].mourant[value="4"] ~ div.m4 > button[type=action] {
|
|
background: black;
|
|
color: white;
|
|
}
|
|
div.charsheet div.enduranceVitalite div.mourant div.bouton {
|
|
display: flex;
|
|
background: white;
|
|
width: 30px;
|
|
height: 24px;
|
|
justify-content: flex-end;
|
|
padding-right: 5px;
|
|
}
|
|
div.charsheet div.enduranceVitalite div.mourant div.bouton button[type=action] {
|
|
width: 20px;
|
|
height: 15px;
|
|
border: 1px solid black;
|
|
text-align: center;
|
|
line-height: 15px;
|
|
padding: 0px;
|
|
height: 22px;
|
|
line-height: 22px;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet div.combatStats {
|
|
text-align: center;
|
|
width: 200px;
|
|
padding: 12px;
|
|
border: 1px solid black;
|
|
border-bottom-right-radius: 30px;
|
|
border-top-left-radius: 30px;
|
|
}
|
|
div.charsheet div.combatStats span.blockTitre {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
div.charsheet div.combatStats h1 {
|
|
font-size: 16px;
|
|
width: 100%;
|
|
text-align: center;
|
|
}
|
|
div.charsheet div.combatStats div.block {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
}
|
|
div.charsheet div.combatStats div.col {
|
|
width: calc(100% / 3);
|
|
}
|
|
div.charsheet div.combatStats div.col span {
|
|
display: block;
|
|
width: 100%;
|
|
font-variant: small-caps;
|
|
}
|
|
div.charsheet div.combatStats div.col span:first-of-type {
|
|
border-bottom: 1px solid black;
|
|
}
|
|
div.charsheet div.combatStats div.col span:last-of-type {
|
|
border-top: 1px solid black;
|
|
}
|
|
div.charsheet div.combatStats div.col:first-of-type span {
|
|
text-align: left;
|
|
}
|
|
div.charsheet div.combatStats div.col:last-of-type span {
|
|
text-align: right;
|
|
}
|
|
div.charsheet div.combatStats div.midCol {
|
|
width: calc(100% / 3);
|
|
text-align: center;
|
|
}
|
|
div.charsheet div.combatStats div.midCol input[type=number] {
|
|
width: 100%;
|
|
}
|
|
div.charsheet div.combatStats div.midCol span.line {
|
|
display: block;
|
|
width: 0px;
|
|
height: 20px;
|
|
border-left: 1px solid black;
|
|
border-right: 1px solid black;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
div.charsheet div.combatStats div.midCol span.name {
|
|
display: block;
|
|
width: 100%;
|
|
font-variant: small-caps;
|
|
text-align: center;
|
|
}
|
|
div.charsheet div.combatStats input[type=number] {
|
|
width: calc((100%/3) - 4px);
|
|
border: 2px solid black;
|
|
text-align: center;
|
|
padding: 0px;
|
|
font-size: 26px;
|
|
color: black;
|
|
}
|
|
div.charsheet div.armes {
|
|
display: flex;
|
|
width: calc(50% - (260px / 2) - 10px);
|
|
justify-content: center;
|
|
align-items: flex-start;
|
|
flex-wrap: wrap;
|
|
border: 1px solid black;
|
|
padding: 12px;
|
|
border-bottom-right-radius: 30px;
|
|
border-top-left-radius: 30px;
|
|
}
|
|
div.charsheet div.armes .repcontainer {
|
|
width: 100%;
|
|
}
|
|
div.charsheet div.armes .repcontainer .repitem {
|
|
width: 100%;
|
|
}
|
|
div.charsheet div.armes .repcontainer .repitem details[open] summary::before {
|
|
content: "";
|
|
width: 25px;
|
|
height: 25px;
|
|
background: url(https://zupimages.net/up/21/21/5hu0.png);
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
}
|
|
div.charsheet div.armes .repcontainer .repitem details summary {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
align-content: center;
|
|
align-items: center;
|
|
cursor: pointer;
|
|
}
|
|
div.charsheet div.armes .repcontainer .repitem details summary label:first-of-type {
|
|
position: relative;
|
|
width: 25px;
|
|
height: 25px;
|
|
}
|
|
div.charsheet div.armes .repcontainer .repitem details summary label:first-of-type input[type=checkbox] {
|
|
position: absolute;
|
|
width: 25px;
|
|
height: 25px;
|
|
opacity: 0;
|
|
}
|
|
div.charsheet div.armes .repcontainer .repitem details summary label:first-of-type input[type=checkbox]:checked ~ span {
|
|
background: url(https://zupimages.net/up/21/24/fqrz.png);
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
}
|
|
div.charsheet div.armes .repcontainer .repitem details summary label:first-of-type span {
|
|
display: inline-blocK;
|
|
width: 100%;
|
|
}
|
|
div.charsheet div.armes .repcontainer .repitem details summary label:first-of-type span::before {
|
|
display: inline-blocK;
|
|
content: "";
|
|
width: 100%;
|
|
height: 25px;
|
|
border: 1px solid black;
|
|
border-radius: 30px;
|
|
font-size: 25px;
|
|
text-align: center;
|
|
line-height: 25px;
|
|
color: black;
|
|
}
|
|
div.charsheet div.armes .repcontainer .repitem details summary input[type=text] {
|
|
width: calc(100% - 30px - 30px);
|
|
height: 25px;
|
|
padding: 0px;
|
|
border: 0px;
|
|
border-bottom: 1px dotted black;
|
|
color: black;
|
|
min-width: 0px;
|
|
}
|
|
div.charsheet div.armes .repcontainer .repitem details summary select {
|
|
width: calc(50% - 5px);
|
|
height: 25px;
|
|
padding: 0px;
|
|
border: 0px;
|
|
border-bottom: 1px dotted black;
|
|
color: black;
|
|
text-align: center;
|
|
min-width: 0px;
|
|
}
|
|
div.charsheet div.armes .repcontainer .repitem details summary select.full {
|
|
width: 100%;
|
|
}
|
|
div.charsheet div.armes .repcontainer .repitem details summary label.degats {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
width: calc(50% - 5px);
|
|
align-items: flex-end;
|
|
}
|
|
div.charsheet div.armes .repcontainer .repitem details summary label.degats span {
|
|
font-variant: small-caps;
|
|
color: black;
|
|
width: max-content;
|
|
white-space: nowrap;
|
|
margin-right: 10px;
|
|
font-size: 13px;
|
|
}
|
|
div.charsheet div.armes .repcontainer .repitem details summary label.degats input[type=number] {
|
|
width: 100%;
|
|
text-align: center;
|
|
color: black;
|
|
border-top: 0px;
|
|
border-right: 0px;
|
|
border-left: 0px;
|
|
border-bottom: 1px dotted black;
|
|
padding-bottom: 0px;
|
|
height: 25px;
|
|
min-width: 0px;
|
|
}
|
|
div.charsheet div.armes .repcontainer .repitem details summary::before {
|
|
content: "";
|
|
width: 25px;
|
|
height: 25px;
|
|
background: url(https://zupimages.net/up/21/21/9o92.png);
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
}
|
|
div.charsheet div.armes .repcontainer .repitem details div.autoex {
|
|
width: calc(100% - 2px);
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet div.armes .repcontainer .repitem:not(:first-of-type) {
|
|
margin-top: 5px;
|
|
padding-top: 5px;
|
|
border-top: 5px double black;
|
|
}
|
|
div.charsheet div.tabs {
|
|
position: relative;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
margin-top: 10px;
|
|
margin-bottom: 10px;
|
|
}
|
|
div.charsheet div.tabs button[type=action] {
|
|
width: calc((100% / 3) - 60px);
|
|
border: 1px solid black;
|
|
font-weight: bold;
|
|
font-variant: small-caps;
|
|
}
|
|
div.charsheet div.tabs button[type=action]:last-of-type {
|
|
margin-right: 30px;
|
|
}
|
|
div.charsheet div.tabs label.config {
|
|
position: absolute;
|
|
width: 23px;
|
|
height: 23px;
|
|
right: 0;
|
|
}
|
|
div.charsheet div.tabs label.config span {
|
|
width: 23px;
|
|
height: 23px;
|
|
}
|
|
div.charsheet div.tabs label.config span::before {
|
|
content: "y";
|
|
color: black;
|
|
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.tabs label.config input[type=checkbox] {
|
|
position: absolute;
|
|
width: 23px;
|
|
height: 23px;
|
|
opacity: 0;
|
|
z-index: 999;
|
|
}
|
|
div.charsheet div.tabs label.config input[type=checkbox]:checked ~ span::before {
|
|
opacity: 1;
|
|
}
|
|
div.charsheet div.tabs input[type=hidden][value="1"] ~ div.config {
|
|
display: flex;
|
|
}
|
|
div.charsheet div.tabs div.config {
|
|
display: none;
|
|
justify-content: space-between;
|
|
flex-wrap: wrap;
|
|
width: 100px;
|
|
padding: 25px;
|
|
background: white;
|
|
border: 1px solid black;
|
|
border-radius: 30px;
|
|
position: absolute;
|
|
right: 10px;
|
|
top: 10px;
|
|
z-index: 9999;
|
|
}
|
|
div.charsheet div.tabs div.config * {
|
|
width: 100%;
|
|
}
|
|
div.charsheet div.equipementVertus {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: flex-start;
|
|
align-content: flex-start;
|
|
width: 100%;
|
|
}
|
|
div.charsheet div.equipementVertus div.col {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: flex-start;
|
|
align-content: flex-start;
|
|
width: calc((100% / 2) - 10px);
|
|
flex-wrap: wrap;
|
|
position: relative;
|
|
}
|
|
div.charsheet div.equipementVertus div.vertus {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
align-items: flex-start;
|
|
margin-top: 20px;
|
|
}
|
|
div.charsheet div.equipementVertus div.vertus div.chance,
|
|
div.charsheet div.equipementVertus div.vertus div.courage,
|
|
div.charsheet div.equipementVertus div.vertus div.volonte {
|
|
display: flex;
|
|
justify-content: center;
|
|
width: calc(100% / 3);
|
|
flex-wrap: wrap;
|
|
position: relative;
|
|
}
|
|
div.charsheet div.equipementVertus div.vertus div.chance div.line,
|
|
div.charsheet div.equipementVertus div.vertus div.courage div.line,
|
|
div.charsheet div.equipementVertus div.vertus div.volonte div.line {
|
|
margin-top: 1px;
|
|
width: 100%;
|
|
text-align: center;
|
|
height: 22px;
|
|
padding-top: 3px;
|
|
}
|
|
div.charsheet div.equipementVertus div.vertus div.chance h1,
|
|
div.charsheet div.equipementVertus div.vertus div.courage h1,
|
|
div.charsheet div.equipementVertus div.vertus div.volonte h1 {
|
|
font-size: 15px;
|
|
text-transform: uppercase;
|
|
width: calc(100% - 25px);
|
|
white-space: nowrap;
|
|
text-align: center;
|
|
line-height: 25px;
|
|
}
|
|
div.charsheet div.equipementVertus div.vertus div.chance input[type=number],
|
|
div.charsheet div.equipementVertus div.vertus div.courage input[type=number],
|
|
div.charsheet div.equipementVertus div.vertus div.volonte input[type=number] {
|
|
font-size: 25px;
|
|
width: 60px;
|
|
height: 60px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
text-align: center;
|
|
border-radius: 30px;
|
|
text-decoration: underline;
|
|
border: 1px solid black;
|
|
z-index: 999;
|
|
color: black;
|
|
}
|
|
div.charsheet div.equipementVertus div.vertus div.chance span.space,
|
|
div.charsheet div.equipementVertus div.vertus div.courage span.space,
|
|
div.charsheet div.equipementVertus div.vertus div.volonte span.space {
|
|
position: absolute;
|
|
width: 100%;
|
|
border-bottom: 3px solid black;
|
|
left: 50%;
|
|
top: 55px;
|
|
}
|
|
div.charsheet div.equipementVertus div.vertus div.chance button[type=roll],
|
|
div.charsheet div.equipementVertus div.vertus div.courage button[type=roll],
|
|
div.charsheet div.equipementVertus div.vertus div.volonte button[type=roll] {
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
text-transform: uppercase;
|
|
font-size: 22px;
|
|
letter-spacing: 2px;
|
|
font-weight: bold;
|
|
line-height: 22px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
background: transparent;
|
|
border: 0px;
|
|
box-shadow: none;
|
|
align-items: center;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
div.charsheet div.equipementVertus div.vertus div.chance button[type=roll]::before,
|
|
div.charsheet div.equipementVertus div.vertus div.courage button[type=roll]::before,
|
|
div.charsheet div.equipementVertus div.vertus div.volonte button[type=roll]::before {
|
|
content: "";
|
|
background: url(https://zupimages.net/up/21/17/kwln.png);
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 18px;
|
|
height: 18px;
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet div.equipementVertus div.vertus div.chance button[type=roll]:hover::before,
|
|
div.charsheet div.equipementVertus div.vertus div.courage button[type=roll]:hover::before,
|
|
div.charsheet div.equipementVertus div.vertus div.volonte button[type=roll]:hover::before {
|
|
background: url(https://zupimages.net/up/21/17/zb6c.png);
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
}
|
|
div.charsheet div.equipementVertus div.vertus div.chance button[type=roll] span,
|
|
div.charsheet div.equipementVertus div.vertus div.chance button[type=roll] h1,
|
|
div.charsheet div.equipementVertus div.vertus div.courage button[type=roll] span,
|
|
div.charsheet div.equipementVertus div.vertus div.courage button[type=roll] h1,
|
|
div.charsheet div.equipementVertus div.vertus div.volonte button[type=roll] span,
|
|
div.charsheet div.equipementVertus div.vertus div.volonte button[type=roll] h1 {
|
|
display: flex;
|
|
align-items: center;
|
|
margin-left: 5px;
|
|
}
|
|
div.charsheet div.equipementVertus div.vertus div.chance div.marginTop,
|
|
div.charsheet div.equipementVertus div.vertus div.courage div.marginTop,
|
|
div.charsheet div.equipementVertus div.vertus div.volonte div.marginTop {
|
|
margin-top: 10px;
|
|
}
|
|
div.charsheet div.equipementVertus div.vertus div.chance button[type=action],
|
|
div.charsheet div.equipementVertus div.vertus div.courage button[type=action],
|
|
div.charsheet div.equipementVertus div.vertus div.volonte button[type=action] {
|
|
width: 21px;
|
|
height: 21px;
|
|
border: 2px solid black;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
font-size: 15px;
|
|
padding: 0px;
|
|
background: transparent;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
div.charsheet div.equipementVertus div.vertus div.chance button[type=action]:hover,
|
|
div.charsheet div.equipementVertus div.vertus div.courage button[type=action]:hover,
|
|
div.charsheet div.equipementVertus div.vertus div.volonte button[type=action]:hover {
|
|
background: lightgray;
|
|
}
|
|
div.charsheet div.equipementVertus div.vertus div.chance div.val1,
|
|
div.charsheet div.equipementVertus div.vertus div.chance div.val2,
|
|
div.charsheet div.equipementVertus div.vertus div.chance div.val3,
|
|
div.charsheet div.equipementVertus div.vertus div.chance div.val4,
|
|
div.charsheet div.equipementVertus div.vertus div.chance div.val5,
|
|
div.charsheet div.equipementVertus div.vertus div.courage div.val1,
|
|
div.charsheet div.equipementVertus div.vertus div.courage div.val2,
|
|
div.charsheet div.equipementVertus div.vertus div.courage div.val3,
|
|
div.charsheet div.equipementVertus div.vertus div.courage div.val4,
|
|
div.charsheet div.equipementVertus div.vertus div.courage div.val5,
|
|
div.charsheet div.equipementVertus div.vertus div.volonte div.val1,
|
|
div.charsheet div.equipementVertus div.vertus div.volonte div.val2,
|
|
div.charsheet div.equipementVertus div.vertus div.volonte div.val3,
|
|
div.charsheet div.equipementVertus div.vertus div.volonte div.val4,
|
|
div.charsheet div.equipementVertus div.vertus div.volonte div.val5 {
|
|
display: none;
|
|
}
|
|
div.charsheet div.equipementVertus div.vertus div.chance input[type=hidden].max[value="1"] ~ div.val1, div.charsheet div.equipementVertus div.vertus div.chance input[type=hidden].max[value="2"] ~ div.val1, div.charsheet div.equipementVertus div.vertus div.chance input[type=hidden].max[value="2"] ~ div.val2, div.charsheet div.equipementVertus div.vertus div.chance input[type=hidden].max[value="3"] ~ div.val1, div.charsheet div.equipementVertus div.vertus div.chance input[type=hidden].max[value="3"] ~ div.val2, div.charsheet div.equipementVertus div.vertus div.chance input[type=hidden].max[value="3"] ~ div.val3, div.charsheet div.equipementVertus div.vertus div.chance input[type=hidden].max[value="4"] ~ div.val1, div.charsheet div.equipementVertus div.vertus div.chance input[type=hidden].max[value="4"] ~ div.val2, div.charsheet div.equipementVertus div.vertus div.chance input[type=hidden].max[value="4"] ~ div.val3, div.charsheet div.equipementVertus div.vertus div.chance input[type=hidden].max[value="4"] ~ div.val4, div.charsheet div.equipementVertus div.vertus div.chance input[type=hidden].max[value="5"] ~ div.val1, div.charsheet div.equipementVertus div.vertus div.chance input[type=hidden].max[value="5"] ~ div.val2, div.charsheet div.equipementVertus div.vertus div.chance input[type=hidden].max[value="5"] ~ div.val3, div.charsheet div.equipementVertus div.vertus div.chance input[type=hidden].max[value="5"] ~ div.val4, div.charsheet div.equipementVertus div.vertus div.chance input[type=hidden].max[value="5"] ~ div.val5,
|
|
div.charsheet div.equipementVertus div.vertus div.courage input[type=hidden].max[value="1"] ~ div.val1,
|
|
div.charsheet div.equipementVertus div.vertus div.courage input[type=hidden].max[value="2"] ~ div.val1,
|
|
div.charsheet div.equipementVertus div.vertus div.courage input[type=hidden].max[value="2"] ~ div.val2,
|
|
div.charsheet div.equipementVertus div.vertus div.courage input[type=hidden].max[value="3"] ~ div.val1,
|
|
div.charsheet div.equipementVertus div.vertus div.courage input[type=hidden].max[value="3"] ~ div.val2,
|
|
div.charsheet div.equipementVertus div.vertus div.courage input[type=hidden].max[value="3"] ~ div.val3,
|
|
div.charsheet div.equipementVertus div.vertus div.courage input[type=hidden].max[value="4"] ~ div.val1,
|
|
div.charsheet div.equipementVertus div.vertus div.courage input[type=hidden].max[value="4"] ~ div.val2,
|
|
div.charsheet div.equipementVertus div.vertus div.courage input[type=hidden].max[value="4"] ~ div.val3,
|
|
div.charsheet div.equipementVertus div.vertus div.courage input[type=hidden].max[value="4"] ~ div.val4,
|
|
div.charsheet div.equipementVertus div.vertus div.courage input[type=hidden].max[value="5"] ~ div.val1,
|
|
div.charsheet div.equipementVertus div.vertus div.courage input[type=hidden].max[value="5"] ~ div.val2,
|
|
div.charsheet div.equipementVertus div.vertus div.courage input[type=hidden].max[value="5"] ~ div.val3,
|
|
div.charsheet div.equipementVertus div.vertus div.courage input[type=hidden].max[value="5"] ~ div.val4,
|
|
div.charsheet div.equipementVertus div.vertus div.courage input[type=hidden].max[value="5"] ~ div.val5,
|
|
div.charsheet div.equipementVertus div.vertus div.volonte input[type=hidden].max[value="1"] ~ div.val1,
|
|
div.charsheet div.equipementVertus div.vertus div.volonte input[type=hidden].max[value="2"] ~ div.val1,
|
|
div.charsheet div.equipementVertus div.vertus div.volonte input[type=hidden].max[value="2"] ~ div.val2,
|
|
div.charsheet div.equipementVertus div.vertus div.volonte input[type=hidden].max[value="3"] ~ div.val1,
|
|
div.charsheet div.equipementVertus div.vertus div.volonte input[type=hidden].max[value="3"] ~ div.val2,
|
|
div.charsheet div.equipementVertus div.vertus div.volonte input[type=hidden].max[value="3"] ~ div.val3,
|
|
div.charsheet div.equipementVertus div.vertus div.volonte input[type=hidden].max[value="4"] ~ div.val1,
|
|
div.charsheet div.equipementVertus div.vertus div.volonte input[type=hidden].max[value="4"] ~ div.val2,
|
|
div.charsheet div.equipementVertus div.vertus div.volonte input[type=hidden].max[value="4"] ~ div.val3,
|
|
div.charsheet div.equipementVertus div.vertus div.volonte input[type=hidden].max[value="4"] ~ div.val4,
|
|
div.charsheet div.equipementVertus div.vertus div.volonte input[type=hidden].max[value="5"] ~ div.val1,
|
|
div.charsheet div.equipementVertus div.vertus div.volonte input[type=hidden].max[value="5"] ~ div.val2,
|
|
div.charsheet div.equipementVertus div.vertus div.volonte input[type=hidden].max[value="5"] ~ div.val3,
|
|
div.charsheet div.equipementVertus div.vertus div.volonte input[type=hidden].max[value="5"] ~ div.val4,
|
|
div.charsheet div.equipementVertus div.vertus div.volonte input[type=hidden].max[value="5"] ~ div.val5 {
|
|
display: block;
|
|
}
|
|
div.charsheet div.equipementVertus div.vertus div.chance input[type=hidden].act[value="0"] ~ div.val5 button[type=action], div.charsheet div.equipementVertus div.vertus div.chance input[type=hidden].act[value="0"] ~ div.val4 button[type=action], div.charsheet div.equipementVertus div.vertus div.chance input[type=hidden].act[value="0"] ~ div.val3 button[type=action], div.charsheet div.equipementVertus div.vertus div.chance input[type=hidden].act[value="0"] ~ div.val2 button[type=action], div.charsheet div.equipementVertus div.vertus div.chance input[type=hidden].act[value="0"] ~ div.val1 button[type=action], div.charsheet div.equipementVertus div.vertus div.chance input[type=hidden].act[value="1"] ~ div.val5 button[type=action], div.charsheet div.equipementVertus div.vertus div.chance input[type=hidden].act[value="1"] ~ div.val4 button[type=action], div.charsheet div.equipementVertus div.vertus div.chance input[type=hidden].act[value="1"] ~ div.val3 button[type=action], div.charsheet div.equipementVertus div.vertus div.chance input[type=hidden].act[value="1"] ~ div.val2 button[type=action], div.charsheet div.equipementVertus div.vertus div.chance input[type=hidden].act[value="2"] ~ div.val5 button[type=action], div.charsheet div.equipementVertus div.vertus div.chance input[type=hidden].act[value="2"] ~ div.val4 button[type=action], div.charsheet div.equipementVertus div.vertus div.chance input[type=hidden].act[value="2"] ~ div.val3 button[type=action], div.charsheet div.equipementVertus div.vertus div.chance input[type=hidden].act[value="3"] ~ div.val5 button[type=action], div.charsheet div.equipementVertus div.vertus div.chance input[type=hidden].act[value="3"] ~ div.val4 button[type=action], div.charsheet div.equipementVertus div.vertus div.chance input[type=hidden].act[value="4"] ~ div.val5 button[type=action],
|
|
div.charsheet div.equipementVertus div.vertus div.courage input[type=hidden].act[value="0"] ~ div.val5 button[type=action],
|
|
div.charsheet div.equipementVertus div.vertus div.courage input[type=hidden].act[value="0"] ~ div.val4 button[type=action],
|
|
div.charsheet div.equipementVertus div.vertus div.courage input[type=hidden].act[value="0"] ~ div.val3 button[type=action],
|
|
div.charsheet div.equipementVertus div.vertus div.courage input[type=hidden].act[value="0"] ~ div.val2 button[type=action],
|
|
div.charsheet div.equipementVertus div.vertus div.courage input[type=hidden].act[value="0"] ~ div.val1 button[type=action],
|
|
div.charsheet div.equipementVertus div.vertus div.courage input[type=hidden].act[value="1"] ~ div.val5 button[type=action],
|
|
div.charsheet div.equipementVertus div.vertus div.courage input[type=hidden].act[value="1"] ~ div.val4 button[type=action],
|
|
div.charsheet div.equipementVertus div.vertus div.courage input[type=hidden].act[value="1"] ~ div.val3 button[type=action],
|
|
div.charsheet div.equipementVertus div.vertus div.courage input[type=hidden].act[value="1"] ~ div.val2 button[type=action],
|
|
div.charsheet div.equipementVertus div.vertus div.courage input[type=hidden].act[value="2"] ~ div.val5 button[type=action],
|
|
div.charsheet div.equipementVertus div.vertus div.courage input[type=hidden].act[value="2"] ~ div.val4 button[type=action],
|
|
div.charsheet div.equipementVertus div.vertus div.courage input[type=hidden].act[value="2"] ~ div.val3 button[type=action],
|
|
div.charsheet div.equipementVertus div.vertus div.courage input[type=hidden].act[value="3"] ~ div.val5 button[type=action],
|
|
div.charsheet div.equipementVertus div.vertus div.courage input[type=hidden].act[value="3"] ~ div.val4 button[type=action],
|
|
div.charsheet div.equipementVertus div.vertus div.courage input[type=hidden].act[value="4"] ~ div.val5 button[type=action],
|
|
div.charsheet div.equipementVertus div.vertus div.volonte input[type=hidden].act[value="0"] ~ div.val5 button[type=action],
|
|
div.charsheet div.equipementVertus div.vertus div.volonte input[type=hidden].act[value="0"] ~ div.val4 button[type=action],
|
|
div.charsheet div.equipementVertus div.vertus div.volonte input[type=hidden].act[value="0"] ~ div.val3 button[type=action],
|
|
div.charsheet div.equipementVertus div.vertus div.volonte input[type=hidden].act[value="0"] ~ div.val2 button[type=action],
|
|
div.charsheet div.equipementVertus div.vertus div.volonte input[type=hidden].act[value="0"] ~ div.val1 button[type=action],
|
|
div.charsheet div.equipementVertus div.vertus div.volonte input[type=hidden].act[value="1"] ~ div.val5 button[type=action],
|
|
div.charsheet div.equipementVertus div.vertus div.volonte input[type=hidden].act[value="1"] ~ div.val4 button[type=action],
|
|
div.charsheet div.equipementVertus div.vertus div.volonte input[type=hidden].act[value="1"] ~ div.val3 button[type=action],
|
|
div.charsheet div.equipementVertus div.vertus div.volonte input[type=hidden].act[value="1"] ~ div.val2 button[type=action],
|
|
div.charsheet div.equipementVertus div.vertus div.volonte input[type=hidden].act[value="2"] ~ div.val5 button[type=action],
|
|
div.charsheet div.equipementVertus div.vertus div.volonte input[type=hidden].act[value="2"] ~ div.val4 button[type=action],
|
|
div.charsheet div.equipementVertus div.vertus div.volonte input[type=hidden].act[value="2"] ~ div.val3 button[type=action],
|
|
div.charsheet div.equipementVertus div.vertus div.volonte input[type=hidden].act[value="3"] ~ div.val5 button[type=action],
|
|
div.charsheet div.equipementVertus div.vertus div.volonte input[type=hidden].act[value="3"] ~ div.val4 button[type=action],
|
|
div.charsheet div.equipementVertus div.vertus div.volonte input[type=hidden].act[value="4"] ~ div.val5 button[type=action] {
|
|
background: black;
|
|
color: white;
|
|
font-weight: bold;
|
|
}
|
|
div.charsheet div.equipementVertus div.reputation {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
align-items: flex-start;
|
|
flex-wrap: wrap;
|
|
padding-top: 2px;
|
|
padding-bottom: 2px;
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
border: 1px solid black;
|
|
border-bottom-left-radius: 15px;
|
|
border-top-right-radius: 15px;
|
|
margin-top: 5px;
|
|
}
|
|
div.charsheet div.equipementVertus div.reputation h1 {
|
|
font-size: 15px;
|
|
text-transform: uppercase;
|
|
width: 100%;
|
|
white-space: nowrap;
|
|
line-height: 25px;
|
|
}
|
|
div.charsheet div.equipementVertus div.reputation .repcontainer {
|
|
width: 100%;
|
|
}
|
|
div.charsheet div.equipementVertus div.reputation .repcontainer .repitem {
|
|
width: 100%;
|
|
}
|
|
div.charsheet div.equipementVertus div.reputation .repcontainer .repitem input[type=text] {
|
|
width: 100%;
|
|
padding: 0px;
|
|
border-top: 0px;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
border-bottom: 1px solid black;
|
|
padding-left: 2px;
|
|
height: 25px;
|
|
padding-top: 9px;
|
|
}
|
|
div.charsheet div.equipementVertus div.equipement {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
align-items: flex-start;
|
|
flex-wrap: wrap;
|
|
padding-top: 2px;
|
|
padding-bottom: 2px;
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
border: 1px solid black;
|
|
border-bottom-left-radius: 15px;
|
|
border-top-right-radius: 15px;
|
|
margin-top: 5px;
|
|
}
|
|
div.charsheet div.equipementVertus div.equipement h1 {
|
|
font-size: 15px;
|
|
width: 100%;
|
|
white-space: nowrap;
|
|
line-height: 25px;
|
|
}
|
|
div.charsheet div.equipementVertus div.equipement .repcontainer {
|
|
width: 100%;
|
|
}
|
|
div.charsheet div.equipementVertus div.equipement .repcontainer .repitem {
|
|
width: 100%;
|
|
}
|
|
div.charsheet div.equipementVertus div.equipement .repcontainer .repitem input[type=text] {
|
|
width: 100%;
|
|
padding: 0px;
|
|
border-top: 0px;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
border-bottom: 1px solid black;
|
|
padding-left: 2px;
|
|
height: 25px;
|
|
padding-top: 9px;
|
|
}
|
|
div.charsheet div.equipementVertus div.equipement label {
|
|
width: 130px;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
margin-top: 10px;
|
|
margin-left: auto;
|
|
}
|
|
div.charsheet div.equipementVertus div.equipement label h2 {
|
|
font-size: 15px;
|
|
width: 90px;
|
|
white-space: nowrap;
|
|
line-height: 25px;
|
|
text-transform: uppercase;
|
|
}
|
|
div.charsheet div.equipementVertus div.equipement label input[type=number] {
|
|
padding: 0px;
|
|
text-align: center;
|
|
color: black;
|
|
width: 40px;
|
|
border: 2px solid black;
|
|
font-size: 15px;
|
|
}
|
|
div.charsheet div.attaqueArmure {
|
|
display: flex;
|
|
width: calc(50% - (260px / 2) - 10px);
|
|
justify-content: center;
|
|
align-items: flex-start;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.charsheet div.attaqueArmure div.armures {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: center;
|
|
align-items: flex-start;
|
|
flex-wrap: wrap;
|
|
border: 1px solid black;
|
|
padding: 12px;
|
|
border-bottom-right-radius: 30px;
|
|
border-top-left-radius: 30px;
|
|
margin-top: 5px;
|
|
}
|
|
div.charsheet div.attaqueArmure div.armures .repcontainer {
|
|
width: 100%;
|
|
}
|
|
div.charsheet div.attaqueArmure div.armures .repcontainer .repitem {
|
|
width: 100%;
|
|
}
|
|
div.charsheet div.attaqueArmure div.armures .repcontainer .repitem details[open] summary::before {
|
|
content: "";
|
|
width: 25px;
|
|
height: 25px;
|
|
background: url(https://zupimages.net/up/21/21/5hu0.png);
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
}
|
|
div.charsheet div.attaqueArmure div.armures .repcontainer .repitem details summary {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
align-content: center;
|
|
align-items: center;
|
|
cursor: pointer;
|
|
}
|
|
div.charsheet div.attaqueArmure div.armures .repcontainer .repitem details summary label:first-of-type {
|
|
position: relative;
|
|
width: 25px;
|
|
height: 25px;
|
|
}
|
|
div.charsheet div.attaqueArmure div.armures .repcontainer .repitem details summary label:first-of-type input[type=checkbox] {
|
|
position: absolute;
|
|
width: 25px;
|
|
height: 25px;
|
|
opacity: 0;
|
|
}
|
|
div.charsheet div.attaqueArmure div.armures .repcontainer .repitem details summary label:first-of-type input[type=checkbox]:checked ~ span {
|
|
background: url(https://zupimages.net/up/21/24/fqrz.png);
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
}
|
|
div.charsheet div.attaqueArmure div.armures .repcontainer .repitem details summary label:first-of-type span {
|
|
display: inline-blocK;
|
|
width: 100%;
|
|
}
|
|
div.charsheet div.attaqueArmure div.armures .repcontainer .repitem details summary label:first-of-type span::before {
|
|
display: inline-blocK;
|
|
content: "";
|
|
width: 100%;
|
|
height: 25px;
|
|
border: 1px solid black;
|
|
border-radius: 30px;
|
|
font-size: 25px;
|
|
text-align: center;
|
|
line-height: 25px;
|
|
color: black;
|
|
}
|
|
div.charsheet div.attaqueArmure div.armures .repcontainer .repitem details summary input[type=text] {
|
|
width: calc(100% - 30px - 30px);
|
|
height: 25px;
|
|
padding: 0px;
|
|
border: 0px;
|
|
border-bottom: 1px dotted black;
|
|
color: black;
|
|
min-width: 0px;
|
|
}
|
|
div.charsheet div.attaqueArmure div.armures .repcontainer .repitem details summary label.malus {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
align-items: flex-end;
|
|
}
|
|
div.charsheet div.attaqueArmure div.armures .repcontainer .repitem details summary label.malus span {
|
|
font-variant: small-caps;
|
|
color: black;
|
|
width: 115px;
|
|
white-space: nowrap;
|
|
margin-right: 10px;
|
|
font-size: 13px;
|
|
}
|
|
div.charsheet div.attaqueArmure div.armures .repcontainer .repitem details summary label.malus input[type=number] {
|
|
width: calc(100% - 125px);
|
|
text-align: center;
|
|
color: black;
|
|
border-top: 0px;
|
|
border-right: 0px;
|
|
border-left: 0px;
|
|
border-bottom: 1px dotted black;
|
|
padding-bottom: 0px;
|
|
height: 25px;
|
|
min-width: 0px;
|
|
}
|
|
div.charsheet div.attaqueArmure div.armures .repcontainer .repitem details summary label.bonus {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
align-items: flex-end;
|
|
}
|
|
div.charsheet div.attaqueArmure div.armures .repcontainer .repitem details summary label.bonus span {
|
|
font-variant: small-caps;
|
|
color: black;
|
|
width: 115px;
|
|
white-space: nowrap;
|
|
margin-right: 10px;
|
|
font-size: 13px;
|
|
}
|
|
div.charsheet div.attaqueArmure div.armures .repcontainer .repitem details summary label.bonus input[type=number] {
|
|
width: calc(100% - 125px);
|
|
text-align: center;
|
|
color: black;
|
|
border-top: 0px;
|
|
border-right: 0px;
|
|
border-left: 0px;
|
|
border-bottom: 1px dotted black;
|
|
padding-bottom: 0px;
|
|
height: 25px;
|
|
min-width: 0px;
|
|
}
|
|
div.charsheet div.attaqueArmure div.armures .repcontainer .repitem details summary::before {
|
|
content: "";
|
|
width: 25px;
|
|
height: 25px;
|
|
background: url(https://zupimages.net/up/21/21/9o92.png);
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
}
|
|
div.charsheet div.attaqueArmure div.armures .repcontainer .repitem details div.autoex {
|
|
width: calc(100% - 2px);
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet div.attaqueArmure div.armures .repcontainer .repitem:not(:first-of-type) {
|
|
margin-top: 5px;
|
|
padding-top: 5px;
|
|
border-top: 5px double black;
|
|
}
|
|
div.charsheet div.attaqueArmure div.attaque {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: center;
|
|
align-items: flex-start;
|
|
flex-wrap: wrap;
|
|
border: 1px solid black;
|
|
padding: 12px;
|
|
border-bottom-right-radius: 30px;
|
|
border-top-left-radius: 30px;
|
|
}
|
|
div.charsheet div.attaqueArmure div.attaque button[type=roll] {
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
text-transform: uppercase;
|
|
font-size: 22px;
|
|
letter-spacing: 2px;
|
|
font-weight: bold;
|
|
line-height: 22px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
background: transparent;
|
|
border: 0px;
|
|
box-shadow: none;
|
|
}
|
|
div.charsheet div.attaqueArmure div.attaque button[type=roll]::before {
|
|
content: "";
|
|
background: url(https://zupimages.net/up/21/17/kwln.png);
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 23px;
|
|
height: 23px;
|
|
border: 1px solid black;
|
|
}
|
|
div.charsheet div.attaqueArmure div.attaque button[type=roll]:hover::before {
|
|
background: url(https://zupimages.net/up/21/17/zb6c.png);
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
}
|
|
div.charsheet div.attaqueArmure div.attaque button[type=roll] span,
|
|
div.charsheet div.attaqueArmure div.attaque button[type=roll] h1 {
|
|
display: flex;
|
|
align-items: center;
|
|
margin-left: 5px;
|
|
}
|
|
div.charsheet div.attaqueArmure div.attaque div.line {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
}
|
|
div.charsheet div.attaqueArmure div.attaque select {
|
|
width: 100%;
|
|
text-align: center;
|
|
padding: 0px;
|
|
border-top: 0px;
|
|
border-right: 0px;
|
|
border-left: 0px;
|
|
border-bottom: 1px dotted black;
|
|
}
|
|
div.charsheet div.attaqueArmure div.attaque label {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
align-items: flex-end;
|
|
align-content: flex-end;
|
|
}
|
|
div.charsheet div.attaqueArmure div.attaque label span {
|
|
width: max-content;
|
|
white-space: nowrap;
|
|
font-size: 12px;
|
|
font-variant: small-caps;
|
|
color: black;
|
|
}
|
|
div.charsheet div.attaqueArmure div.attaque label input[type=number] {
|
|
width: 50px;
|
|
text-align: center;
|
|
border-top: 0px;
|
|
border-right: 0px;
|
|
border-left: 0px;
|
|
border-bottom: 1px dotted black;
|
|
padding: 0px;
|
|
color: black;
|
|
}
|
|
div.charsheet div.attaqueArmure div.attaque label:not(:first-of-type) {
|
|
margin-top: 2px;
|
|
}
|
|
div.charsheet div.principal,
|
|
div.charsheet div.prodige,
|
|
div.charsheet div.combat {
|
|
display: none;
|
|
}
|
|
div.charsheet input[type=hidden].tabsToggle[value=principal] ~ div.principal, div.charsheet input[type=hidden].tabsToggle[value=prodige] ~ div.prodige, div.charsheet input[type=hidden].tabsToggle[value=combat] ~ div.combat {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
align-items: flex-start;
|
|
}
|
|
div.charsheet input[type=hidden].tabsToggle[value=principal] ~ div.tabs button[type=action].principal, div.charsheet input[type=hidden].tabsToggle[value=prodige] ~ div.tabs button[type=action].prodige, div.charsheet input[type=hidden].tabsToggle[value=combat] ~ div.tabs button[type=action].combat {
|
|
background: black;
|
|
color: white;
|
|
}
|
|
|
|
.sheet-rolltemplate-jets,
|
|
.sheet-rolltemplate-prodige,
|
|
.sheet-rolltemplate-combat {
|
|
display: flex;
|
|
width: calc(100% - 10px);
|
|
flex-wrap: wrap;
|
|
padding: 5px;
|
|
border: 1px solid black;
|
|
border-radius: 30px;
|
|
background: white;
|
|
padding-bottom: 15px;
|
|
}
|
|
.sheet-rolltemplate-jets h1,
|
|
.sheet-rolltemplate-prodige h1,
|
|
.sheet-rolltemplate-combat h1 {
|
|
width: 100%;
|
|
font-size: 16px;
|
|
text-align: center;
|
|
line-height: 24px;
|
|
}
|
|
.sheet-rolltemplate-jets h2,
|
|
.sheet-rolltemplate-prodige h2,
|
|
.sheet-rolltemplate-combat h2 {
|
|
width: 100%;
|
|
font-size: 12px;
|
|
font-variant: small-caps;
|
|
text-align: center;
|
|
line-height: 18px;
|
|
margin-top: 5px;
|
|
border-top: 1px solid black;
|
|
padding-top: 5px;
|
|
border-bottom: 1px solid black;
|
|
padding-bottom: 5px;
|
|
margin-bottom: 5px;
|
|
}
|
|
.sheet-rolltemplate-jets h3,
|
|
.sheet-rolltemplate-prodige h3,
|
|
.sheet-rolltemplate-combat h3 {
|
|
width: 100%;
|
|
font-variant: small-caps;
|
|
text-align: center;
|
|
font-size: 12px;
|
|
border-top: 1px solid black;
|
|
margin-top: 5px;
|
|
padding-top: 5px;
|
|
line-height: 18px;
|
|
}
|
|
.sheet-rolltemplate-jets h3.sheet-critique,
|
|
.sheet-rolltemplate-prodige h3.sheet-critique,
|
|
.sheet-rolltemplate-combat h3.sheet-critique {
|
|
color: #3FB315;
|
|
}
|
|
.sheet-rolltemplate-jets h3.sheet-fail,
|
|
.sheet-rolltemplate-prodige h3.sheet-fail,
|
|
.sheet-rolltemplate-combat h3.sheet-fail {
|
|
color: RGB(204, 8, 41);
|
|
}
|
|
.sheet-rolltemplate-jets div,
|
|
.sheet-rolltemplate-prodige div,
|
|
.sheet-rolltemplate-combat div {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
}
|
|
.sheet-rolltemplate-jets div:not(:first-of-type),
|
|
.sheet-rolltemplate-prodige div:not(:first-of-type),
|
|
.sheet-rolltemplate-combat div:not(:first-of-type) {
|
|
margin-top: 5px;
|
|
}
|
|
.sheet-rolltemplate-jets div span,
|
|
.sheet-rolltemplate-prodige div span,
|
|
.sheet-rolltemplate-combat div span {
|
|
width: calc(50% - 5px);
|
|
}
|
|
.sheet-rolltemplate-jets div span:last-of-type,
|
|
.sheet-rolltemplate-prodige div span:last-of-type,
|
|
.sheet-rolltemplate-combat div span:last-of-type {
|
|
text-align: center;
|
|
justify-content: center;
|
|
display: flex;
|
|
}
|
|
.sheet-rolltemplate-jets div.sheet-donnees span:first-of-type,
|
|
.sheet-rolltemplate-prodige div.sheet-donnees span:first-of-type,
|
|
.sheet-rolltemplate-combat div.sheet-donnees span:first-of-type {
|
|
font-weight: bold;
|
|
font-variant: small-caps;
|
|
font-size: 12px;
|
|
}
|
|
.sheet-rolltemplate-jets div.sheet-donnees span:last-of-type,
|
|
.sheet-rolltemplate-prodige div.sheet-donnees span:last-of-type,
|
|
.sheet-rolltemplate-combat div.sheet-donnees span:last-of-type {
|
|
word-break: anywhere;
|
|
}
|
|
.sheet-rolltemplate-jets div.sheet-separation,
|
|
.sheet-rolltemplate-prodige div.sheet-separation,
|
|
.sheet-rolltemplate-combat div.sheet-separation {
|
|
margin-top: 5px;
|
|
padding-top: 5px;
|
|
border-top: 1px solid black;
|
|
}
|
|
.sheet-rolltemplate-jets div.sheet-separationBot,
|
|
.sheet-rolltemplate-prodige div.sheet-separationBot,
|
|
.sheet-rolltemplate-combat div.sheet-separationBot {
|
|
padding-bottom: 5px;
|
|
border-bottom: 1px solid black;
|
|
}
|
|
.sheet-rolltemplate-jets .inlinerollresult,
|
|
.sheet-rolltemplate-prodige .inlinerollresult,
|
|
.sheet-rolltemplate-combat .inlinerollresult {
|
|
color: black;
|
|
border: none;
|
|
background: transparent;
|
|
font-weight: bold;
|
|
}
|
|
.sheet-rolltemplate-jets .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-prodige .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-combat .inlinerollresult.fullcrit {
|
|
border: none;
|
|
background: transparent;
|
|
color: black;
|
|
}
|
|
.sheet-rolltemplate-jets .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-prodige .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-combat .inlinerollresult.fullfail {
|
|
border: none;
|
|
background: transparent;
|
|
color: black;
|
|
}
|
|
.sheet-rolltemplate-jets .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-prodige .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-combat .inlinerollresult.importantroll {
|
|
border: none;
|
|
background: transparent;
|
|
color: black;
|
|
}
|
|
.sheet-rolltemplate-jets span,
|
|
.sheet-rolltemplate-prodige span,
|
|
.sheet-rolltemplate-combat span {
|
|
display: block;
|
|
word-wrap: anywhere;
|
|
text-align: justify;
|
|
} |