1596 lines
35 KiB
CSS
1596 lines
35 KiB
CSS
@import url('https://fonts.googleapis.com/css?family=Ubuntu+Mono|Gochi+Hand|Kodchasan&display=swap');
|
|
|
|
.charsheet
|
|
{
|
|
font-family:"Segoe UI", Arial;
|
|
--grey: RGB(134, 134, 134);
|
|
--lightGrey: RGB(178, 178, 178);
|
|
min-width:860px;
|
|
}
|
|
|
|
.itemcontrol
|
|
{
|
|
z-index:9999;
|
|
}
|
|
|
|
.itemcontrol > .btn
|
|
{
|
|
padding-top:2px;
|
|
padding-bottom:3px;
|
|
}
|
|
|
|
.btn
|
|
{
|
|
border-radius:0px;
|
|
}
|
|
|
|
div,
|
|
span,
|
|
input[type="number"],
|
|
input[type="text"],
|
|
textarea,
|
|
select,
|
|
h1,
|
|
h2,
|
|
h3,
|
|
label,
|
|
button[type="roll"],
|
|
button[type="action"],
|
|
b
|
|
{
|
|
display:flex;
|
|
color:black;
|
|
}
|
|
|
|
label
|
|
{
|
|
padding:0px;
|
|
margin:0px;
|
|
}
|
|
|
|
select
|
|
{
|
|
margin-bottom:0px;
|
|
border-radius:0px;
|
|
}
|
|
|
|
input[type=number]::-webkit-outer-spin-button,
|
|
input[type=number]::-webkit-inner-spin-button
|
|
{
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
|
|
input[type=number],
|
|
input[type=text]
|
|
{
|
|
-moz-appearance:textfield;
|
|
border-radius:0px;
|
|
}
|
|
|
|
textarea
|
|
{
|
|
border:none;
|
|
width:100%;
|
|
padding:0px;
|
|
text-align:justify;
|
|
border-radius:0px;
|
|
margin:0px;
|
|
}
|
|
|
|
.repcontrol
|
|
{
|
|
display:flex;
|
|
width:100%;
|
|
border-top:1px solid var(--sombre);
|
|
background:var(--clair);
|
|
justify-content:space-between;
|
|
flex-direction:row-reverse;
|
|
}
|
|
|
|
.repcontrol > .btn
|
|
{
|
|
padding-bottom:0px;
|
|
border-radius:0px;
|
|
border:0px;
|
|
padding-top:0px;
|
|
}
|
|
|
|
div.sheet-autoex
|
|
{
|
|
line-height: 1.4em;
|
|
min-height: 1.4em;
|
|
cursor: text;
|
|
text-align: left;
|
|
position:relative;
|
|
width:100%;
|
|
}
|
|
|
|
div.sheet-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.sheet-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.sheet-autoex > textarea::placeholder
|
|
{
|
|
font-family:"Ubuntu Mono", "Segoe UI";
|
|
color: var(--grey);
|
|
text-transform: uppercase;
|
|
font-weight:normal;
|
|
}
|
|
|
|
div.sheet-autoex22
|
|
{
|
|
min-height:22px;
|
|
}
|
|
|
|
div.sheet-autoex24
|
|
{
|
|
min-height:24px;
|
|
}
|
|
|
|
div.sheet-autoex28
|
|
{
|
|
min-height:28px;
|
|
}
|
|
|
|
div.sheet-autoex40
|
|
{
|
|
min-height:40px;
|
|
}
|
|
|
|
div.sheet-autoex100
|
|
{
|
|
min-height:100px;
|
|
}
|
|
|
|
label.sheet-expand
|
|
{
|
|
width:20px;
|
|
height:20px;
|
|
background-color:black;
|
|
border-radius:50%;
|
|
margin-top:auto;
|
|
margin-bottom:auto;
|
|
}
|
|
|
|
label.sheet-expand > input[type="checkbox"]
|
|
{
|
|
position:absolute;
|
|
opacity:0;
|
|
width:20px;
|
|
height:20px;
|
|
}
|
|
|
|
label.sheet-expand > input[type="checkbox"] ~ span
|
|
{
|
|
width:100%;
|
|
}
|
|
|
|
label.sheet-expand > input[type="checkbox"] ~ span::before
|
|
{
|
|
content:"+";
|
|
display:flex;
|
|
width:100%;
|
|
line-height:15px;
|
|
justify-content:center;
|
|
color:white;
|
|
font-size:20px;
|
|
}
|
|
|
|
label.sheet-expand > input[type="checkbox"]:checked ~ span::before
|
|
{
|
|
content:"-";
|
|
}
|
|
|
|
div.sheet-expand
|
|
{
|
|
display:none;
|
|
}
|
|
|
|
input[type="hidden"].sheet-typeFiche[value="loksyu"] ~ div.sheet-top,
|
|
input[type="hidden"].sheet-typeFiche[value="loksyu"] ~ div.sheet-middle,
|
|
input[type="hidden"].sheet-typeFiche[value="loksyu"] ~ div.sheet-bottom
|
|
{
|
|
display:none;
|
|
}
|
|
|
|
input[type="hidden"].sheet-typeFiche[value="joueur"] ~ div.sheet-loksyu
|
|
{
|
|
display:none;
|
|
}
|
|
|
|
div.sheet-identite
|
|
{
|
|
width:calc((100% / 2) - 20px);
|
|
flex-wrap:wrap;
|
|
z-index:199;
|
|
}
|
|
|
|
div.sheet-identite > label
|
|
{
|
|
width:100%;
|
|
flex-wrap:wrap;
|
|
}
|
|
|
|
div.sheet-identite > label:not(:first-of-type)
|
|
{
|
|
margin-top:5px;
|
|
}
|
|
|
|
div.sheet-identite > label > input[type="text"]
|
|
{
|
|
width:100%;
|
|
border:0px;
|
|
padding:0px;
|
|
font-family:"Gochi Hand", "Segoe UI";
|
|
border-bottom:1px solid black;
|
|
text-transform:uppercase;
|
|
font-size:18px;
|
|
letter-spacing:1px;
|
|
}
|
|
|
|
div.sheet-identite > label > span
|
|
{
|
|
width:100%;
|
|
font-family:"Ubuntu Mono", "Segoe UI";
|
|
text-transform:uppercase;
|
|
color:var(--grey);
|
|
font-weight:normal;
|
|
letter-spacing:2px;
|
|
}
|
|
|
|
div.sheet-identite > div
|
|
{
|
|
border:1px solid black;
|
|
margin-top:10px;
|
|
font-family:"Gochi Hand", "Segoe UI";
|
|
font-size:18px;
|
|
}
|
|
|
|
div.sheet-identite > div > textarea,
|
|
div.sheet-identite > div > span
|
|
{
|
|
letter-spacing:2px;
|
|
}
|
|
|
|
div.sheet-top,
|
|
div.sheet-middle,
|
|
div.sheet-bottom
|
|
{
|
|
width:100%;
|
|
justify-content:space-between;
|
|
align-items:flex-start;
|
|
align-content:flex-start;
|
|
position:relative;
|
|
}
|
|
|
|
div.sheet-top > .sheet-bigRight > .sheet-left > img
|
|
{
|
|
width:180px;
|
|
height:154px;
|
|
}
|
|
|
|
div.sheet-right
|
|
{
|
|
width:calc(100% - 175px);
|
|
flex-wrap:wrap;
|
|
margin-left:auto;
|
|
|
|
}
|
|
|
|
div.sheet-loksyu
|
|
{
|
|
width:100%;
|
|
align-items:flex-start;
|
|
}
|
|
|
|
div.sheet-loksyu > .sheet-left
|
|
{
|
|
width: 180px;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
div.sheet-loksyu > .sheet-left > img
|
|
{
|
|
width:180px;
|
|
height:154px;
|
|
}
|
|
|
|
div.sheet-loksyu > .sheet-gestionLoksyu
|
|
{
|
|
position:relative;
|
|
width: 680px;
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Chroniques_De_L_Etrange/img/loksyu.png);
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
height: 617px;
|
|
margin-left:auto;
|
|
margin-right:auto;
|
|
}
|
|
|
|
div.sheet-loksyu > .sheet-gestionLoksyu > input[type="number"]
|
|
{
|
|
position: absolute;
|
|
text-align: center;
|
|
padding: 0px;
|
|
font-family: "Gochi Hand";
|
|
height: 70px;
|
|
width: 70px;
|
|
border-radius: 50%;
|
|
border-color: black;
|
|
background-color: RGBA(255, 255 , 255, 0.5);
|
|
font-size: 50px;
|
|
}
|
|
|
|
div.sheet-loksyu > .sheet-gestionLoksyu > input[type="number"].sheet-loksyuYangMetal
|
|
{
|
|
margin-left: 30px;
|
|
margin-top: calc(50% + 45px);
|
|
}
|
|
|
|
div.sheet-loksyu > .sheet-gestionLoksyu > input[type="number"].sheet-loksyuYinMetal
|
|
{
|
|
margin-left: 75px;
|
|
margin-top: calc(50% + -155px);
|
|
}
|
|
|
|
div.sheet-loksyu > .sheet-gestionLoksyu > input[type="number"].sheet-loksyuYangBois
|
|
{
|
|
margin-left: calc(50% - 70px - 70px);
|
|
margin-top: 85px;
|
|
}
|
|
|
|
div.sheet-loksyu > .sheet-gestionLoksyu > input[type="number"].sheet-loksyuYinBois
|
|
{
|
|
margin-left: calc(50% + 70px);
|
|
margin-top: 130px;
|
|
}
|
|
|
|
div.sheet-loksyu > .sheet-gestionLoksyu > input[type="number"].sheet-loksyuYangTerre
|
|
{
|
|
margin-left: calc(50% - 70px - 70px);
|
|
margin-top: calc(50% - 70px);
|
|
}
|
|
|
|
div.sheet-loksyu > .sheet-gestionLoksyu > input[type="number"].sheet-loksyuYinTerre
|
|
{
|
|
margin-left: calc(50% + 70px);
|
|
margin-top: calc(50% - 70px + 45px);
|
|
}
|
|
|
|
div.sheet-loksyu > .sheet-gestionLoksyu > input[type="number"].sheet-loksyuYangEau
|
|
{
|
|
margin-left: calc(50% - 70px - 70px);
|
|
margin-top: calc(100% - 220px);
|
|
}
|
|
|
|
div.sheet-loksyu > .sheet-gestionLoksyu > input[type="number"].sheet-loksyuYinEau
|
|
{
|
|
margin-left: calc(50% + 70px);
|
|
margin-top: calc(100% - 220px + 45px);
|
|
}
|
|
|
|
div.sheet-loksyu > .sheet-gestionLoksyu > input[type="number"].sheet-loksyuYangFeu
|
|
{
|
|
margin-left: calc(100% - 140px);
|
|
margin-top: calc(50% + 30px);
|
|
}
|
|
|
|
div.sheet-loksyu > .sheet-gestionLoksyu > input[type="number"].sheet-loksyuYinFeu
|
|
{
|
|
margin-left: calc(100% - 95px);
|
|
margin-top: calc(50% - 170px);
|
|
}
|
|
|
|
div.sheet-bigRight
|
|
{
|
|
width:calc((100% / 2));
|
|
flex-wrap:wrap;
|
|
margin-bottom:10px;
|
|
}
|
|
|
|
div.sheet-bigRight > .sheet-left
|
|
{
|
|
width:180px;
|
|
flex-wrap:wrap;
|
|
margin-left:-20px;
|
|
}
|
|
|
|
div.sheet-options
|
|
{
|
|
position:absolute;
|
|
width:100%;
|
|
min-width:860px;
|
|
}
|
|
|
|
div.sheet-options > label
|
|
{
|
|
width:25px;
|
|
height:25px;
|
|
margin-left:auto;
|
|
}
|
|
|
|
div.sheet-options > label > input[type="checkbox"]
|
|
{
|
|
position:absolute;
|
|
width:25px;
|
|
height:25px;
|
|
opacity:0;
|
|
z-index:99;
|
|
}
|
|
|
|
div.sheet-options > label > span
|
|
{
|
|
width:100%;
|
|
}
|
|
|
|
div.sheet-options > label > span::before
|
|
{
|
|
content:"y";
|
|
font-family:"pictos";
|
|
width:100%;
|
|
height:25px;
|
|
line-height:25px;
|
|
color:white;
|
|
font-size:27px;
|
|
text-shadow:2px 2px 2px DarkGrey;
|
|
}
|
|
|
|
div.sheet-options > label > input[type="checkbox"]:checked ~ span::before
|
|
{
|
|
text-shadow:none;
|
|
}
|
|
|
|
div.sheet-options > input[type="hidden"][value="1"] ~ div.sheet-extend
|
|
{
|
|
display:flex;
|
|
}
|
|
|
|
div.sheet-options > div.sheet-extend
|
|
{
|
|
display:none;
|
|
position:absolute;
|
|
background:var(--lightGrey);
|
|
border:1px solid black;
|
|
border-radius:10px;
|
|
width:150px;
|
|
height:max-content;
|
|
padding:5px;
|
|
right:25px;
|
|
}
|
|
|
|
div.sheet-options > div.sheet-extend > label
|
|
{
|
|
width:100%;
|
|
}
|
|
|
|
div.sheet-options > div.sheet-extend > label > select
|
|
{
|
|
width:100%;
|
|
text-align:center;
|
|
padding:0px;
|
|
margin:0px;
|
|
}
|
|
|
|
label.sheet-fiche
|
|
{
|
|
width:150px;
|
|
height:20px;
|
|
margin-left:auto;
|
|
margin-right:auto;
|
|
}
|
|
|
|
label.sheet-fiche > input[type="checkbox"]
|
|
{
|
|
display:none;
|
|
position:absolute;
|
|
width:150px;
|
|
height:20px;
|
|
z-index:99;
|
|
opacity:0;
|
|
}
|
|
|
|
label.sheet-fiche > input[type="hidden"][value="joueur"] ~ input[type="checkbox"]:nth-of-type(3)
|
|
{
|
|
display:flex;
|
|
}
|
|
|
|
label.sheet-fiche > input[type="hidden"][value="loksyu"] ~ input[type="checkbox"]:nth-of-type(2)
|
|
{
|
|
display:flex;
|
|
}
|
|
|
|
label.sheet-fiche > span
|
|
{
|
|
width:100%;
|
|
}
|
|
|
|
label.sheet-fiche > span::before
|
|
{
|
|
content:"";
|
|
width: 100%;
|
|
height: 20px;
|
|
line-height: 20px;
|
|
background: var(--lightGrey);
|
|
box-shadow: 3px 3px 3px black;
|
|
color: white;
|
|
text-shadow: 1px 1px 1px black;
|
|
display: flex;
|
|
justify-content: center;
|
|
font-variant:small-caps;
|
|
}
|
|
|
|
label.sheet-fiche > input[type="hidden"][value="joueur"] ~ span::before
|
|
{
|
|
content: "Fiche Joueur";
|
|
}
|
|
|
|
label.sheet-fiche > input[type="hidden"][value="loksyu"] ~ span::before
|
|
{
|
|
content: "Loksyu";
|
|
}
|
|
|
|
label.sheet-fiche:active > span::before
|
|
{
|
|
box-shadow: inset 0px 0px 5px black;
|
|
}
|
|
|
|
div.sheet-roll
|
|
{
|
|
width:100%;
|
|
flex-wrap:wrap;
|
|
margin-bottom:30px;
|
|
}
|
|
|
|
div.sheet-roll > h1
|
|
{
|
|
width: 100%;
|
|
background-color: black;
|
|
text-transform: uppercase;
|
|
color: white;
|
|
font-family: "Kodchasan", "Segoe UI";
|
|
font-size: 16px;
|
|
line-height: 28px;
|
|
padding-left: 5px;
|
|
}
|
|
|
|
div.sheet-roll > div
|
|
{
|
|
width:100%;
|
|
justify-content:space-between;
|
|
}
|
|
|
|
div.sheet-roll > div:first-of-type > label
|
|
{
|
|
width:50%;
|
|
flex-wrap:wrap;
|
|
align-items:flex-end;
|
|
align-content:flex-end;
|
|
}
|
|
|
|
div.sheet-roll > div:first-of-type > label > span
|
|
{
|
|
width: 100%;
|
|
font-size: 15px;
|
|
color: var(--lightGrey);
|
|
justify-content: center;
|
|
text-transform: uppercase;
|
|
font-weight: 510;
|
|
text-align:center;
|
|
align-items:flex-end;
|
|
}
|
|
|
|
div.sheet-roll > div:first-of-type > label > select
|
|
{
|
|
width: 100%;
|
|
margin:0px;
|
|
padding:0px;
|
|
text-align:center;
|
|
border:0px;
|
|
border-bottom:1px solid black;
|
|
}
|
|
|
|
div.sheet-roll div.sheet-bonus,
|
|
div.sheet-roll div.sheet-malus
|
|
{
|
|
width:calc(50% - 23.5px);
|
|
align-items:flex-end;
|
|
align-content:flex-end;
|
|
justify-content:space-between;
|
|
}
|
|
|
|
div.sheet-roll div.sheet-malus
|
|
{
|
|
margin-left:auto;
|
|
}
|
|
|
|
div.sheet-roll div.sheet-bonus > span,
|
|
div.sheet-roll div.sheet-malus > span
|
|
{
|
|
width: 45px;
|
|
text-transform: uppercase;
|
|
font-family: Ubuntu Mono;
|
|
font-size: 18px;
|
|
height: 27px;
|
|
font-weight: normal;
|
|
line-height:20px;
|
|
align-items:flex-end;
|
|
}
|
|
|
|
div.sheet-roll div.sheet-bonus > input[type="number"],
|
|
div.sheet-roll div.sheet-malus > input[type="number"]
|
|
{
|
|
width: calc(100% - 50px);
|
|
margin:0px;
|
|
padding:0px;
|
|
text-align:center;
|
|
border:0px;
|
|
border-bottom:1px solid black;
|
|
background:white;
|
|
}
|
|
|
|
div.sheet-roll button[type="roll"]
|
|
{
|
|
width: 25px;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
height: 25px;
|
|
line-height: 25px;
|
|
font-size: 30px;
|
|
}
|
|
|
|
div.sheet-roll button[type="roll"]::before
|
|
{
|
|
content:"t";
|
|
font-family:dicefontd10;
|
|
width:100%;
|
|
margin:0px;
|
|
padding:0px;
|
|
}
|
|
|
|
div.sheet-roll > label.sheet-button
|
|
{
|
|
width:100%;
|
|
position:relative;
|
|
height:26px;
|
|
margin-top:2px;
|
|
}
|
|
|
|
div.sheet-roll > label.sheet-button > input[type="checkbox"]
|
|
{
|
|
position:absolute;
|
|
width:100%;
|
|
height:26px;
|
|
opacity:0;
|
|
}
|
|
|
|
div.sheet-roll > label.sheet-button > input[type="checkbox"] ~ span
|
|
{
|
|
width:100%;
|
|
}
|
|
|
|
div.sheet-roll > label.sheet-button > span::before
|
|
{
|
|
content:attr(title);
|
|
width:100%;
|
|
line-height:20px;
|
|
background-color:var(--lightGrey);
|
|
color:white;
|
|
border:1px solid black;
|
|
box-shadow:3px 3px 3px black;
|
|
text-shadow:1px 1px 1px black;
|
|
text-align:center;
|
|
}
|
|
|
|
div.sheet-roll > label.sheet-button > input[type="checkbox"]:checked ~ span::before
|
|
{
|
|
box-shadow:inset 0px 0px 5px black;
|
|
}
|
|
|
|
div.sheet-roll > label.sheet-button > input[type="checkbox"]:active ~ span::before
|
|
{
|
|
box-shadow:inset 0px 0px 5px black;
|
|
}
|
|
|
|
div.sheet-competences
|
|
{
|
|
width:calc(100% - 525px);
|
|
flex-wrap:wrap;
|
|
margin-top:20px;
|
|
}
|
|
|
|
div.sheet-competences > h1
|
|
{
|
|
width:100%;
|
|
background-color:black;
|
|
text-transform:uppercase;
|
|
color:white;
|
|
font-family:"Kodchasan", "Segoe UI";
|
|
padding-left:10px;
|
|
padding-top:10px;
|
|
font-size:28px;
|
|
}
|
|
|
|
div.sheet-competences > div
|
|
{
|
|
width:100%;
|
|
justify-content:space-between;
|
|
margin-top:5px;
|
|
flex-wrap:wrap;
|
|
}
|
|
|
|
div.sheet-competences > div > h2
|
|
{
|
|
width: max-content;
|
|
min-width: max-content;
|
|
text-transform: uppercase;
|
|
font-family: Ubuntu Mono;
|
|
font-size: 20px;
|
|
height: 27px;
|
|
font-weight: normal;
|
|
margin-right: auto;
|
|
margin-left: 5px;
|
|
line-height: 25px;
|
|
}
|
|
|
|
div.sheet-competences > div > input[type="hidden"][value="1"] ~ div.sheet-expand
|
|
{
|
|
display:flex;
|
|
}
|
|
|
|
div.sheet-competences > div > div
|
|
{
|
|
width:100%;
|
|
min-width:0px;
|
|
border:0px;
|
|
border-bottom:1px solid black;
|
|
font-family:"Gochi Hand", "Segoe UI";
|
|
padding:0px;
|
|
font-size:17px;
|
|
}
|
|
|
|
div.sheet-competences > div > div > textarea,
|
|
div.sheet-competences > div > div > span
|
|
{
|
|
letter-spacing:1px;
|
|
}
|
|
|
|
div.sheet-competences > div > input[type="number"]
|
|
{
|
|
width:25px;
|
|
height:25px;
|
|
border-radius:50%;
|
|
border-color:var(--grey);
|
|
text-align:center;
|
|
font-family:"Gochi Hand", "Segoe UI";
|
|
padding:0px;
|
|
font-size:20px;
|
|
margin-top:2px;
|
|
}
|
|
|
|
div.sheet-aspects
|
|
{
|
|
width: 515px;
|
|
height: 475px;
|
|
margin-top:10px;
|
|
}
|
|
|
|
div.sheet-aspects > h1
|
|
{
|
|
width: 187px;
|
|
background-color: black;
|
|
text-transform: uppercase;
|
|
color: white;
|
|
font-family: "Kodchasan", "Segoe UI";
|
|
padding-left: 10px;
|
|
font-size: 28px;
|
|
height: min-content;
|
|
margin-left: auto;
|
|
margin-top: 25px;
|
|
}
|
|
|
|
div.sheet-aspects > img
|
|
{
|
|
position: absolute;
|
|
width: inherit;
|
|
}
|
|
|
|
div.sheet-aspects > input[type="number"]
|
|
{
|
|
position: absolute;
|
|
font-family:"Gochi Hand", "Segoe UI";
|
|
font-size:45px;
|
|
text-align:center;
|
|
width:61px;
|
|
background:transparent;
|
|
border:0px;
|
|
z-index:99;
|
|
}
|
|
|
|
div.sheet-aspects > input[type="number"]:nth-of-type(1)
|
|
{
|
|
margin-left:265px;
|
|
margin-top:5px;
|
|
}
|
|
|
|
div.sheet-aspects > input[type="number"]:nth-of-type(2)
|
|
{
|
|
margin-top: 145px;
|
|
margin-left: 80px;
|
|
}
|
|
|
|
div.sheet-aspects > input[type="number"]:nth-of-type(3)
|
|
{
|
|
margin-top: 145px;
|
|
margin-left: 455px;
|
|
}
|
|
|
|
div.sheet-aspects > input[type="number"]:nth-of-type(4)
|
|
{
|
|
margin-top: 340px;
|
|
margin-left: 130px;
|
|
}
|
|
|
|
div.sheet-aspects > input[type="number"]:nth-of-type(5)
|
|
{
|
|
margin-top: 340px;
|
|
margin-left: 395px;
|
|
}
|
|
|
|
div.sheet-RessSanhei
|
|
{
|
|
width:calc((100% / 1.5));
|
|
flex-wrap:wrap;
|
|
margin-top:20px;
|
|
justify-content:space-between;
|
|
align-items:flex-start;
|
|
align-content:flex-start;
|
|
}
|
|
|
|
div.sheet-ressources,
|
|
div.sheet-sanhei,
|
|
div.sheet-artsMartiaux,
|
|
div.sheet-equipement
|
|
{
|
|
width:calc(50% - 10px);
|
|
flex-wrap:wrap;
|
|
}
|
|
|
|
div.sheet-artsMartiaux,
|
|
div.sheet-equipement
|
|
{
|
|
margin-top:10px;
|
|
}
|
|
|
|
div.sheet-ressources > h1
|
|
{
|
|
width:calc(100% - 50px);
|
|
background-color: black;
|
|
text-transform: uppercase;
|
|
color: white;
|
|
font-family: "Kodchasan", "Segoe UI";
|
|
padding-left: 10px;
|
|
padding-top: 10px;
|
|
font-size:28px;
|
|
}
|
|
|
|
div.sheet-ressources > div:first-of-type
|
|
{
|
|
width:100%;
|
|
margin-top:10px;
|
|
}
|
|
|
|
div.sheet-ressources > div:first-of-type > span
|
|
{
|
|
width:max-content;
|
|
margin-left:auto;
|
|
text-transform:uppercase;
|
|
color:var(--grey);
|
|
font-family: "Ubuntu Mono", "Segoe UI";
|
|
font-weight: bold;
|
|
letter-spacing: 2px;
|
|
opacity:0.5;
|
|
}
|
|
|
|
div.sheet-ressources > div:not(:first-of-type)
|
|
{
|
|
width:100%;
|
|
}
|
|
|
|
div.sheet-ressources > div:not(:first-of-type):not(:nth-of-type(2))
|
|
{
|
|
margin-top:10px;
|
|
}
|
|
|
|
div.sheet-ressources > div:not(:first-of-type) > label
|
|
{
|
|
width:calc(100% - 70px);
|
|
flex-wrap:wrap;
|
|
}
|
|
|
|
div.sheet-ressources > div:not(:first-of-type) > label > input[type="text"]
|
|
{
|
|
width: 100%;
|
|
border: 0px;
|
|
padding: 0px;
|
|
font-family: "Gochi Hand", "Segoe UI";
|
|
border-bottom: 1px solid black;
|
|
font-size: 18px;
|
|
letter-spacing: 1px;
|
|
}
|
|
|
|
div.sheet-ressources > div:not(:first-of-type) > label > span
|
|
{
|
|
width: 100%;
|
|
font-family: "Ubuntu Mono", "Segoe UI";
|
|
text-transform: uppercase;
|
|
color: var(--grey);
|
|
font-weight: normal;
|
|
letter-spacing: 2px;
|
|
}
|
|
|
|
div.sheet-ressources > div:not(:first-of-type) > input[type="number"]
|
|
{
|
|
width: 40px;
|
|
height: 40px;
|
|
border-radius: 50%;
|
|
border-color: black;
|
|
text-align: center;
|
|
font-family: "Gochi Hand", "Segoe UI";
|
|
padding: 0px;
|
|
font-size: 30px;
|
|
margin-top: 2px;
|
|
}
|
|
|
|
div.sheet-ressources > div:not(:first-of-type) > input[type="checkbox"]
|
|
{
|
|
margin-left: auto;
|
|
margin-right: 12px;
|
|
height: 13px;
|
|
margin-top: auto;
|
|
margin-bottom: auto;
|
|
}
|
|
|
|
div.sheet-sanhei > h1,
|
|
div.sheet-artsMartiaux > h1,
|
|
div.sheet-equipement > h1
|
|
{
|
|
width:100%;
|
|
background-color: black;
|
|
text-transform: uppercase;
|
|
color: white;
|
|
font-family: "Kodchasan", "Segoe UI";
|
|
padding-left: 10px;
|
|
padding-top: 10px;
|
|
font-size:28px;
|
|
}
|
|
|
|
div.sheet-sanhei > .repcontainer,
|
|
div.sheet-artsMartiaux > .repcontainer,
|
|
div.sheet-equipement > .repcontainer
|
|
{
|
|
width:100%;
|
|
flex-wrap:wrap;
|
|
}
|
|
|
|
div.sheet-sanhei > .repcontainer > .repitem,
|
|
div.sheet-artsMartiaux > .repcontainer > .repitem,
|
|
div.sheet-equipement > .repcontainer > .repitem
|
|
{
|
|
width:100%;
|
|
}
|
|
|
|
div.sheet-sanhei > .repcontainer > .repitem > div,
|
|
div.sheet-artsMartiaux > .repcontainer > .repitem > div,
|
|
div.sheet-equipement > .repcontainer > .repitem > div
|
|
{
|
|
border-bottom:1px solid black;
|
|
font-family:"Gochi Hand", "Segoe UI";
|
|
font-size:18px;
|
|
}
|
|
|
|
div.sheet-sanhei > .repcontainer > .repitem > div > textarea,
|
|
div.sheet-sanhei > .repcontainer > .repitem > div > span
|
|
div.sheet-artsMartiaux > .repcontainer > .repitem > div > textarea,
|
|
div.sheet-artsMartiaux > .repcontainer > .repitem > div > span
|
|
div.sheet-equipement > .repcontainer > .repitem > div > textarea,
|
|
div.sheet-equipement > .repcontainer > .repitem > div > span
|
|
{
|
|
letter-spacing:1px;
|
|
}
|
|
|
|
div.sheet-tresorsComp
|
|
{
|
|
width:calc((100% / 3) - 15px);
|
|
align-items:flex-start;
|
|
align-content:flex-start;
|
|
flex-wrap:wrap;
|
|
margin-top:-55px;
|
|
}
|
|
|
|
div.sheet-tresorsComp > div.sheet-tresor,
|
|
div.sheet-tresorsComp > div.sheet-comp
|
|
{
|
|
width:100%;
|
|
align-items:flex-start;
|
|
align-content:flex-start;
|
|
flex-wrap:wrap;
|
|
}
|
|
|
|
div.sheet-tresorsComp > div.sheet-tresor > h1
|
|
{
|
|
width:100%;
|
|
background-color: black;
|
|
text-transform: uppercase;
|
|
color: white;
|
|
font-family: "Kodchasan", "Segoe UI";
|
|
padding-top: 5px;
|
|
justify-content:center;
|
|
font-size:24px;
|
|
}
|
|
|
|
div.sheet-tresorsComp > div.sheet-tresor > h2,
|
|
div.sheet-tresorsComp > div.sheet-tresor > div:nth-of-type(3) > h2,
|
|
div.sheet-tresorsComp > div.sheet-tresor > div:nth-of-type(4) > h2
|
|
{
|
|
width:100%;
|
|
text-transform: uppercase;
|
|
font-family: "Kodchasan", "Segoe UI";
|
|
justify-content:center;
|
|
font-size:15px;
|
|
color:black;
|
|
line-height:25px;
|
|
}
|
|
|
|
div.sheet-tresorsComp > div.sheet-tresor > div:first-of-type
|
|
{
|
|
width:100%;
|
|
}
|
|
|
|
div.sheet-tresorsComp > div.sheet-tresor > div:first-of-type > h3,
|
|
div.sheet-tresorsComp > div.sheet-tresor > div:nth-of-type(3) > h3,
|
|
div.sheet-tresorsComp > div.sheet-tresor > div:nth-of-type(4) > h3
|
|
{
|
|
width: max-content;
|
|
text-transform: uppercase;
|
|
font-family: "Kodchasan", "Segoe UI";
|
|
justify-content: center;
|
|
font-size: 13px;
|
|
color: white;
|
|
background-color: var(--lightGrey);
|
|
padding-right: 5px;
|
|
padding-left: 5px;
|
|
line-height: 17px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
div.sheet-tresorsComp > div.sheet-tresor > div:nth-of-type(2)
|
|
{
|
|
width:100%;
|
|
justify-content:space-between;
|
|
position:relative;
|
|
}
|
|
|
|
div.sheet-tresorsComp > div.sheet-tresor > div:nth-of-type(2) > label
|
|
{
|
|
width:50%;
|
|
flex-wrap:wrap;
|
|
justify-content:center;
|
|
}
|
|
|
|
div.sheet-tresorsComp > div.sheet-tresor > div:nth-of-type(2) > label > span
|
|
{
|
|
width: 100%;
|
|
font-size: 15px;
|
|
color: var(--lightGrey);
|
|
justify-content: center;
|
|
text-transform: uppercase;
|
|
font-weight: 510;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
div.sheet-tresorsComp > div.sheet-tresor > div:nth-of-type(2) > label > input[type="number"]
|
|
{
|
|
width: 60px;
|
|
height: 60px;
|
|
border-radius: 50%;
|
|
border-color: black;
|
|
text-align: center;
|
|
font-family: "Gochi Hand", "Segoe UI";
|
|
padding: 0px;
|
|
font-size: 40px;
|
|
}
|
|
|
|
div.sheet-tresorsComp > div.sheet-tresor > div:nth-of-type(2) > img
|
|
{
|
|
width: 50px;
|
|
height: 50px;
|
|
position: absolute;
|
|
margin-left: calc(50% - 25px);
|
|
margin-top: 25px;
|
|
}
|
|
|
|
div.sheet-tresorsComp > div.sheet-tresor > div:nth-of-type(3),
|
|
div.sheet-tresorsComp > div.sheet-tresor > div:nth-of-type(4)
|
|
{
|
|
width:calc(50% - 5px);
|
|
flex-wrap:wrap;
|
|
justify-content:space-between;
|
|
margin-top:5px;
|
|
}
|
|
|
|
div.sheet-tresorsComp > div.sheet-tresor > div:nth-of-type(3) > span,
|
|
div.sheet-tresorsComp > div.sheet-tresor > div:nth-of-type(4) > span
|
|
{
|
|
width: 50%;
|
|
font-size: 15px;
|
|
color: var(--lightGrey);
|
|
justify-content: center;
|
|
text-transform: uppercase;
|
|
font-weight: 510;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
div.sheet-tresorsComp > div.sheet-tresor > div:nth-of-type(3) > div,
|
|
div.sheet-tresorsComp > div.sheet-tresor > div:nth-of-type(4) > div
|
|
{
|
|
width:50%;
|
|
justify-content:center;
|
|
}
|
|
|
|
div.sheet-tresorsComp > div.sheet-tresor > div:nth-of-type(3) > div:not(:nth-of-type(1)):not(:nth-of-type(2)),
|
|
div.sheet-tresorsComp > div.sheet-tresor > div:nth-of-type(4) > div:not(:nth-of-type(1)):not(:nth-of-type(2))
|
|
{
|
|
margin-top:5px;
|
|
}
|
|
|
|
div.sheet-tresorsComp > div.sheet-tresor > div:nth-of-type(3) > div > input[type="number"],
|
|
div.sheet-tresorsComp > div.sheet-tresor > div:nth-of-type(4) > div > input[type="number"]
|
|
{
|
|
width: 50px;
|
|
height: 50px;
|
|
border-radius: 50%;
|
|
border-color: black;
|
|
text-align: center;
|
|
font-family: "Gochi Hand", "Segoe UI";
|
|
padding: 0px;
|
|
font-size: 30px;
|
|
}
|
|
|
|
div.sheet-tresorsComp > div.sheet-comp
|
|
{
|
|
margin-top:10px;
|
|
}
|
|
|
|
div.sheet-tresorsComp > div.sheet-comp > h1
|
|
{
|
|
width: 100%;
|
|
background-color: black;
|
|
text-transform: uppercase;
|
|
color: white;
|
|
font-family: "Kodchasan", "Segoe UI";
|
|
font-size: 16px;
|
|
line-height: 28px;
|
|
padding-left: 5px;
|
|
}
|
|
|
|
div.sheet-tresorsComp > div.sheet-comp > div
|
|
{
|
|
width: calc(50% - 5px);
|
|
flex-wrap:wrap;
|
|
}
|
|
|
|
div.sheet-tresorsComp > div.sheet-comp > div > div
|
|
{
|
|
width: 100%;
|
|
justify-content:space-between;
|
|
}
|
|
|
|
div.sheet-tresorsComp > div.sheet-comp > div > div > span
|
|
{
|
|
width:25px;
|
|
}
|
|
|
|
div.sheet-tresorsComp > div.sheet-comp > div > div > span::before
|
|
{
|
|
content:"";
|
|
width:100%;
|
|
}
|
|
|
|
div.sheet-tresorsComp > div.sheet-comp > div > div > div
|
|
{
|
|
width: calc(100% - 25px);
|
|
border-bottom:1px solid black;
|
|
font-family:"Gochi Hand", "Segoe UI";
|
|
line-height:14px;
|
|
}
|
|
|
|
div.sheet-tresorsComp > div.sheet-comp > div > div > div > *
|
|
{
|
|
letter-spacing:1px;
|
|
}
|
|
|
|
div.sheet-tresorsComp > div.sheet-comp > div:nth-of-type(1) > div,
|
|
div.sheet-tresorsComp > div.sheet-comp > div:nth-of-type(2) > div
|
|
{
|
|
margin-top:5px;
|
|
}
|
|
|
|
div.sheet-tresorsComp > div.sheet-comp > div:nth-of-type(1) > div:nth-of-type(1) > span::before
|
|
{
|
|
background:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Chroniques_De_L_Etrange/img/D10-1.png");
|
|
background-repeat:no-repeat;
|
|
background-size:contain;
|
|
background-position-y:center;
|
|
}
|
|
|
|
div.sheet-tresorsComp > div.sheet-comp > div:nth-of-type(1) > div:nth-of-type(2) > span::before
|
|
{
|
|
background:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Chroniques_De_L_Etrange/img/D10-2.png");
|
|
background-repeat:no-repeat;
|
|
background-size:contain;
|
|
background-position-y:center;
|
|
}
|
|
|
|
div.sheet-tresorsComp > div.sheet-comp > div:nth-of-type(1) > div:nth-of-type(3) > span::before
|
|
{
|
|
background:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Chroniques_De_L_Etrange/img/D10-3.png");
|
|
background-repeat:no-repeat;
|
|
background-size:contain;
|
|
background-position-y:center;
|
|
}
|
|
|
|
div.sheet-tresorsComp > div.sheet-comp > div:nth-of-type(1) > div:nth-of-type(4) > span::before
|
|
{
|
|
background:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Chroniques_De_L_Etrange/img/D10-4.png");
|
|
background-repeat:no-repeat;
|
|
background-size:contain;
|
|
background-position-y:center;
|
|
}
|
|
|
|
div.sheet-tresorsComp > div.sheet-comp > div:nth-of-type(1) > div:nth-of-type(5) > span::before
|
|
{
|
|
background:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Chroniques_De_L_Etrange/img/D10-5.png");
|
|
background-repeat:no-repeat;
|
|
background-size:contain;
|
|
background-position-y:center;
|
|
}
|
|
|
|
div.sheet-tresorsComp > div.sheet-comp > div:nth-of-type(2) > div:nth-of-type(1) > span::before
|
|
{
|
|
background:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Chroniques_De_L_Etrange/img/D10-6.png");
|
|
background-repeat:no-repeat;
|
|
background-size:contain;
|
|
background-position-y:center;
|
|
}
|
|
|
|
div.sheet-tresorsComp > div.sheet-comp > div:nth-of-type(2) > div:nth-of-type(2) > span::before
|
|
{
|
|
background:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Chroniques_De_L_Etrange/img/D10-7.png");
|
|
background-repeat:no-repeat;
|
|
background-size:contain;
|
|
background-position-y:center;
|
|
}
|
|
|
|
div.sheet-tresorsComp > div.sheet-comp > div:nth-of-type(2) > div:nth-of-type(3) > span::before
|
|
{
|
|
background:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Chroniques_De_L_Etrange/img/D10-8.png");
|
|
background-repeat:no-repeat;
|
|
background-size:contain;
|
|
background-position-y:center;
|
|
}
|
|
|
|
div.sheet-tresorsComp > div.sheet-comp > div:nth-of-type(2) > div:nth-of-type(4) > span::before
|
|
{
|
|
background:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Chroniques_De_L_Etrange/img/D10-9.png");
|
|
background-repeat:no-repeat;
|
|
background-size:contain;
|
|
background-position-y:center;
|
|
}
|
|
|
|
div.sheet-tresorsComp > div.sheet-comp > div:nth-of-type(2) > div:nth-of-type(5) > span::before
|
|
{
|
|
background:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Chroniques_De_L_Etrange/img/D10-0.png");
|
|
background-repeat:no-repeat;
|
|
background-size:contain;
|
|
background-position-y:center;
|
|
}
|
|
|
|
.sheet-rolltemplate-roll
|
|
{
|
|
display:flex;
|
|
width:calc(100% - 4px);
|
|
flex-wrap:wrap;
|
|
background:FloralWhite;
|
|
padding:2px;
|
|
border:1px solid black;
|
|
}
|
|
|
|
.sheet-rolltemplate-roll > h1
|
|
{
|
|
display:flex;
|
|
width: 100%;
|
|
background-color: black;
|
|
text-transform: uppercase;
|
|
color: white;
|
|
font-family: "Kodchasan", "Segoe UI";
|
|
padding-top: 5px;
|
|
justify-content: center;
|
|
font-size: 24px;
|
|
}
|
|
|
|
.sheet-rolltemplate-roll > h2
|
|
{
|
|
display:flex;
|
|
width: 100%;
|
|
text-transform: uppercase;
|
|
font-family: "Kodchasan", "Segoe UI";
|
|
justify-content: center;
|
|
font-size: 13px;
|
|
color: white;
|
|
background-color: RGB(178, 178, 178);
|
|
padding-right: 5px;
|
|
padding-left: 5px;
|
|
line-height: 17px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.sheet-rolltemplate-roll > span
|
|
{
|
|
width:100%;
|
|
word-wrap:everywhere;
|
|
text-align:justify;
|
|
margin-top:5px;
|
|
}
|
|
.sheet-rolltemplate-roll > span:first-of-type
|
|
{
|
|
border-top:1px solid black;
|
|
}
|
|
|
|
.sheet-rolltemplate-roll > span.sheet-success
|
|
{
|
|
color:DarkGreen;
|
|
}
|
|
|
|
.sheet-rolltemplate-roll > span.sheet-desFastes
|
|
{
|
|
color:DarkBlue;
|
|
}
|
|
|
|
.sheet-rolltemplate-roll > span.sheet-desNefastes
|
|
{
|
|
color:DarkRed;
|
|
}
|
|
|
|
.sheet-rolltemplate-roll > span.sheet-Loksyu
|
|
{
|
|
color:Black;
|
|
}
|
|
|
|
.sheet-rolltemplate-roll > span.sheet-TinJi
|
|
{
|
|
color:DarkGoldenRod;
|
|
}
|
|
|
|
.sheet-rolltemplate-roll > div
|
|
{
|
|
display:flex;
|
|
width:100%;
|
|
justify-content:space-between;
|
|
flex-wrap:wrap;
|
|
}
|
|
|
|
.sheet-rolltemplate-roll > div > div
|
|
{
|
|
width:calc((100% / 3) - 3px);
|
|
justify-content:center;
|
|
margin-top:5px;
|
|
}
|
|
|
|
.sheet-rolltemplate-roll > div > div > span
|
|
{
|
|
display:none;
|
|
width:100%;
|
|
line-height:20px;
|
|
text-transform:uppercase;
|
|
height:20px;
|
|
line-height:22px;
|
|
font-size:12px;
|
|
cursor:pointer;
|
|
}
|
|
|
|
.sheet-rolltemplate-roll > div[class="sheet-Eau"] > div[class*='critfail ">1'],
|
|
.sheet-rolltemplate-roll > div[class="sheet-Feu"] > div[class*=">2"],
|
|
.sheet-rolltemplate-roll > div[class="sheet-Metal"] > div[class*=">3"],
|
|
.sheet-rolltemplate-roll > div[class="sheet-Bois"] > div[class*=">4"],
|
|
.sheet-rolltemplate-roll > div[class="sheet-Terre"] > div[class*=">5"],
|
|
.sheet-rolltemplate-roll > div[class="sheet-Eau"] > div[class*=">6"],
|
|
.sheet-rolltemplate-roll > div[class="sheet-Feu"] > div[class*=">7"],
|
|
.sheet-rolltemplate-roll > div[class="sheet-Metal"] > div[class*=">8"],
|
|
.sheet-rolltemplate-roll > div[class="sheet-Bois"] > div[class*=">9"],
|
|
.sheet-rolltemplate-roll > div[class="sheet-Terre"] > div[class*=">10"]
|
|
{
|
|
background-color:DarkGreen;
|
|
border:1px solid black;
|
|
}
|
|
|
|
.sheet-rolltemplate-roll > div[class="sheet-Eau"] > div[class*='critfail ">1'] > span.sheet-eau-yang,
|
|
.sheet-rolltemplate-roll > div[class="sheet-Feu"] > div[class*=">2"] > span.sheet-feu-yin,
|
|
.sheet-rolltemplate-roll > div[class="sheet-Metal"] > div[class*=">3"] > span.sheet-metal-yang,
|
|
.sheet-rolltemplate-roll > div[class="sheet-Bois"] > div[class*=">4"] > span.sheet-bois-yin,
|
|
.sheet-rolltemplate-roll > div[class="sheet-Terre"] > div[class*=">5"] > span.sheet-terre-yang,
|
|
.sheet-rolltemplate-roll > div[class="sheet-Eau"] > div[class*=">6"] > span.sheet-eau-yin,
|
|
.sheet-rolltemplate-roll > div[class="sheet-Feu"] > div[class*=">7"] > span.sheet-feu-yang,
|
|
.sheet-rolltemplate-roll > div[class="sheet-Metal"] > div[class*=">8"] > span.sheet-metal-yin,
|
|
.sheet-rolltemplate-roll > div[class="sheet-Bois"] > div[class*=">9"] > span.sheet-bois-yang,
|
|
.sheet-rolltemplate-roll > div[class="sheet-Terre"] > div[class*=">10"] > span.sheet-terre-yin
|
|
{
|
|
display:flex;
|
|
color:white;
|
|
justify-content:center;
|
|
font-weight:bold;
|
|
}
|
|
|
|
.sheet-rolltemplate-roll > div[class="sheet-Eau"] > div[class*=">9"],
|
|
.sheet-rolltemplate-roll > div[class="sheet-Eau"] > div[class*=">4"],
|
|
.sheet-rolltemplate-roll > div[class="sheet-Feu"] > div[class*=">5"],
|
|
.sheet-rolltemplate-roll > div[class="sheet-Feu"] > div[class*=">10"],
|
|
.sheet-rolltemplate-roll > div[class="sheet-Metal"] > div[class*='critfail ">1'],
|
|
.sheet-rolltemplate-roll > div[class="sheet-Metal"] > div[class*=">6"],
|
|
.sheet-rolltemplate-roll > div[class="sheet-Bois"] > div[class*=">7"],
|
|
.sheet-rolltemplate-roll > div[class="sheet-Bois"] > div[class*=">2"],
|
|
.sheet-rolltemplate-roll > div[class="sheet-Terre"] > div[class*=">3"],
|
|
.sheet-rolltemplate-roll > div[class="sheet-Terre"] > div[class*=">8"]
|
|
{
|
|
background-color:DarkBlue;
|
|
border:1px solid black;
|
|
}
|
|
|
|
.sheet-rolltemplate-roll > div[class="sheet-Eau"] > div[class*=">9"] > span.sheet-bois-yang,
|
|
.sheet-rolltemplate-roll > div[class="sheet-Eau"] > div[class*=">4"] > span.sheet-bois-yin,
|
|
.sheet-rolltemplate-roll > div[class="sheet-Feu"] > div[class*=">5"] > span.sheet-terre-yang,
|
|
.sheet-rolltemplate-roll > div[class="sheet-Feu"] > div[class*=">10"] > span.sheet-terre-yin,
|
|
.sheet-rolltemplate-roll > div[class="sheet-Metal"] > div[class*='critfail ">1'] > span.sheet-eau-yang,
|
|
.sheet-rolltemplate-roll > div[class="sheet-Metal"] > div[class*=">6"] > span.sheet-eau-yin,
|
|
.sheet-rolltemplate-roll > div[class="sheet-Bois"] > div[class*=">7"] > span.sheet-feu-yin,
|
|
.sheet-rolltemplate-roll > div[class="sheet-Bois"] > div[class*=">2"] > span.sheet-feu-yang,
|
|
.sheet-rolltemplate-roll > div[class="sheet-Terre"] > div[class*=">3"] > span.sheet-metal-yin,
|
|
.sheet-rolltemplate-roll > div[class="sheet-Terre"] > div[class*=">8"] > span.sheet-metal-yang
|
|
{
|
|
display:flex;
|
|
color:white;
|
|
justify-content:center;
|
|
font-weight:bold;
|
|
}
|
|
|
|
.sheet-rolltemplate-roll > div[class="sheet-Eau"] > div[class*=">3"],
|
|
.sheet-rolltemplate-roll > div[class="sheet-Eau"] > div[class*=">8"],
|
|
.sheet-rolltemplate-roll > div[class="sheet-Feu"] > div[class*=">9"],
|
|
.sheet-rolltemplate-roll > div[class="sheet-Feu"] > div[class*=">4"],
|
|
.sheet-rolltemplate-roll > div[class="sheet-Metal"] > div[class*=">5"],
|
|
.sheet-rolltemplate-roll > div[class="sheet-Metal"] > div[class*=">10"],
|
|
.sheet-rolltemplate-roll > div[class="sheet-Bois"] > div[class*='critfail ">1'],
|
|
.sheet-rolltemplate-roll > div[class="sheet-Bois"] > div[class*=">6"],
|
|
.sheet-rolltemplate-roll > div[class="sheet-Terre"] > div[class*=">7"],
|
|
.sheet-rolltemplate-roll > div[class="sheet-Terre"] > div[class*=">2"]
|
|
{
|
|
background-color:DarkRed;
|
|
border:1px solid black;
|
|
}
|
|
|
|
.sheet-rolltemplate-roll > div[class="sheet-Eau"] > div[class*=">3"] > span.sheet-metal-yang,
|
|
.sheet-rolltemplate-roll > div[class="sheet-Eau"] > div[class*=">8"] > span.sheet-metal-yin,
|
|
.sheet-rolltemplate-roll > div[class="sheet-Feu"] > div[class*=">9"] > span.sheet-bois-yang,
|
|
.sheet-rolltemplate-roll > div[class="sheet-Feu"] > div[class*=">4"] > span.sheet-bois-yin,
|
|
.sheet-rolltemplate-roll > div[class="sheet-Metal"] > div[class*=">5"] > span.sheet-terre-yang,
|
|
.sheet-rolltemplate-roll > div[class="sheet-Metal"] > div[class*=">10"] > span.sheet-terre-yin,
|
|
.sheet-rolltemplate-roll > div[class="sheet-Bois"] > div[class*='critfail ">1'] > span.sheet-eau-yang,
|
|
.sheet-rolltemplate-roll > div[class="sheet-Bois"] > div[class*=">6"] > span.sheet-eau-yin,
|
|
.sheet-rolltemplate-roll > div[class="sheet-Terre"] > div[class*=">7"] > span.sheet-feu-yang,
|
|
.sheet-rolltemplate-roll > div[class="sheet-Terre"] > div[class*=">2"] > span.sheet-feu-yin
|
|
{
|
|
display:flex;
|
|
color:white;
|
|
justify-content:center;
|
|
font-weight:bold;
|
|
}
|
|
|
|
.sheet-rolltemplate-roll > div[class="sheet-Eau"] > div[class*=">7"],
|
|
.sheet-rolltemplate-roll > div[class="sheet-Eau"] > div[class*=">2"],
|
|
.sheet-rolltemplate-roll > div[class="sheet-Feu"] > div[class*=">3"],
|
|
.sheet-rolltemplate-roll > div[class="sheet-Feu"] > div[class*=">8"],
|
|
.sheet-rolltemplate-roll > div[class="sheet-Metal"] > div[class*=">9"],
|
|
.sheet-rolltemplate-roll > div[class="sheet-Metal"] > div[class*=">4"],
|
|
.sheet-rolltemplate-roll > div[class="sheet-Bois"] > div[class*=">5"],
|
|
.sheet-rolltemplate-roll > div[class="sheet-Bois"] > div[class*=">10"],
|
|
.sheet-rolltemplate-roll > div[class="sheet-Terre"] > div[class*='critfail ">1'],
|
|
.sheet-rolltemplate-roll > div[class="sheet-Terre"] > div[class*=">6"]
|
|
{
|
|
background-color:Black;
|
|
border:1px solid black;
|
|
}
|
|
|
|
.sheet-rolltemplate-roll > div[class="sheet-Eau"] > div[class*=">7"] > span.sheet-feu-yang,
|
|
.sheet-rolltemplate-roll > div[class="sheet-Eau"] > div[class*=">2"] > span.sheet-feu-yin,
|
|
.sheet-rolltemplate-roll > div[class="sheet-Feu"] > div[class*=">3"] > span.sheet-metal-yang,
|
|
.sheet-rolltemplate-roll > div[class="sheet-Feu"] > div[class*=">8"] > span.sheet-metal-yin,
|
|
.sheet-rolltemplate-roll > div[class="sheet-Metal"] > div[class*=">9"] > span.sheet-bois-yang,
|
|
.sheet-rolltemplate-roll > div[class="sheet-Metal"] > div[class*=">4"] > span.sheet-bois-yin,
|
|
.sheet-rolltemplate-roll > div[class="sheet-Bois"] > div[class*=">5"] > span.sheet-terre-yang,
|
|
.sheet-rolltemplate-roll > div[class="sheet-Bois"] > div[class*=">10"] > span.sheet-terre-yin,
|
|
.sheet-rolltemplate-roll > div[class="sheet-Terre"] > div[class*='critfail ">1'] > span.sheet-eau-yang,
|
|
.sheet-rolltemplate-roll > div[class="sheet-Terre"] > div[class*=">6"] > span.sheet-eau-yin
|
|
{
|
|
display:flex;
|
|
color:white;
|
|
justify-content:center;
|
|
font-weight:bold;
|
|
}
|
|
|
|
.sheet-rolltemplate-roll > div[class="sheet-Eau"] > div[class*=">5"],
|
|
.sheet-rolltemplate-roll > div[class="sheet-Eau"] > div[class*=">10"],
|
|
.sheet-rolltemplate-roll > div[class="sheet-Feu"] > div[class*='critfail ">1'],
|
|
.sheet-rolltemplate-roll > div[class="sheet-Feu"] > div[class*=">6"],
|
|
.sheet-rolltemplate-roll > div[class="sheet-Metal"] > div[class*=">7"],
|
|
.sheet-rolltemplate-roll > div[class="sheet-Metal"] > div[class*=">2"],
|
|
.sheet-rolltemplate-roll > div[class="sheet-Bois"] > div[class*=">3"],
|
|
.sheet-rolltemplate-roll > div[class="sheet-Bois"] > div[class*=">8"],
|
|
.sheet-rolltemplate-roll > div[class="sheet-Terre"] > div[class*=">9"],
|
|
.sheet-rolltemplate-roll > div[class="sheet-Terre"] > div[class*=">4"]
|
|
{
|
|
background-color:DarkGoldenRod;
|
|
border:1px solid black;
|
|
}
|
|
|
|
.sheet-rolltemplate-roll > div[class="sheet-Eau"] > div[class*=">5"] > span.sheet-terre-yang,
|
|
.sheet-rolltemplate-roll > div[class="sheet-Eau"] > div[class*=">10"] > span.sheet-terre-yin,
|
|
.sheet-rolltemplate-roll > div[class="sheet-Feu"] > div[class*='critfail ">1'] > span.sheet-eau-yang,
|
|
.sheet-rolltemplate-roll > div[class="sheet-Feu"] > div[class*=">6"] > span.sheet-eau-yin,
|
|
.sheet-rolltemplate-roll > div[class="sheet-Metal"] > div[class*=">7"] > span.sheet-feu-yang,
|
|
.sheet-rolltemplate-roll > div[class="sheet-Metal"] > div[class*=">2"] > span.sheet-feu-yin,
|
|
.sheet-rolltemplate-roll > div[class="sheet-Bois"] > div[class*=">3"] > span.sheet-metal-yang,
|
|
.sheet-rolltemplate-roll > div[class="sheet-Bois"] > div[class*=">8"] > span.sheet-metal-yin,
|
|
.sheet-rolltemplate-roll > div[class="sheet-Terre"] > div[class*=">9"] > span.sheet-bois-yang,
|
|
.sheet-rolltemplate-roll > div[class="sheet-Terre"] > div[class*=">4"] > span.sheet-bois-yin
|
|
{
|
|
display:flex;
|
|
color:white;
|
|
justify-content:center;
|
|
font-weight:bold;
|
|
} |