Files
roll20-character-sheets/Anima-Beyond-Fantasy/A-BF.css
T
2020-10-25 15:10:28 +01:00

10074 lines
204 KiB
CSS

/*
///////////////////
PARAMETRAGE DE BASE
///////////////////
*/
.charsheet
{
background-color:White;
font-family:"Segoe UI", Arial;
color:black;
min-width:852px;
color:black;
}
.repcontrol
{
width:100% !important;
display:block !important;
border-radius:0px;
}
.repcontrol_edit
{
border-radius:0px;
}
.repcontrol_add
{
border-radius:0px;
}
.repcontainer
{
width:100% !important;
display:block !important;
}
.itemcontrol
{
z-index:2;
}
select
{
margin-bottom:0px;
border-radius:0px;
color:black;
}
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;
color:black;
}
input[disabled]
{
background-color:transparent;
cursor:not-allowed;
}
textarea
{
border:none;
width:100%;
padding:0px;
text-align:justify;
border-radius:0px;
color:black;
margin:0px;
}
label
{
margin:0px;
padding:0px;
}
h2
{
display:flex;
width:100%;
font-size: 19pt;
color:black;
justify-content: center;
text-shadow: 2px 2px 2px #555555;
font-weight: normal;
border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Anima-Beyond-Fantasy/img/border.png') 10 stretch;
border-bottom: 5px solid black;
z-index:1;
}
h3
{
display:flex;
width:100%;
font-size: 10pt;
color:black;
justify-content: center;
text-shadow: 2px 2px 2px #555555;
font-weight: normal;
border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Anima-Beyond-Fantasy/img/border.png') 10 stretch;
border-bottom: 5px solid black;
z-index:1;
}
h4
{
display:flex;
width:100%;
font-size: 10pt;
color:black;
justify-content: center;
text-shadow: 2px 2px 2px #555555;
font-weight: normal;
border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Anima-Beyond-Fantasy/img/border.png') 10 stretch;
border-bottom: 5px solid black;
z-index:1;
}
/*
///////////////////
ZONES AUTOEXPENSIBLES
///////////////////
*/
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;
}
div.sheet-autoex > textarea
{
display: block;
z-index: 1;
position: absolute;
top: 0;
left: 0;
height: calc(100% - 1px);
width: calc(100% - 2px);
overflow: hidden;
font-family: inherit;
font-size: inherit;
line-height: inherit;
white-space: pre-wrap;
text-align: inherit;
min-height: inherit;
resize: none;
}
div.sheet-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.sheet-autoex22
{
min-height:22px;
}
div.sheet-autoex28
{
min-height:28px;
}
div.sheet-autoex40
{
min-height:40px;
}
div.sheet-autoex100
{
min-height:100px;
}
/*
///////////////////
COULEURS PHYSIQUES ET MENTALES
///////////////////
*/
.sheet-physical
{
text-shadow: 1px 1px 1px #00CC00;
}
.sheet-mental
{
text-shadow: 1px 1px 1px #0000CC;
}
/*
///////////////////
LOGO
///////////////////
*/
img.sheet-logo
{
display:flex;
width:150px;
height:82px;
float:left;
}
/*
///////////////////
OPTIONS TITRE
///////////////////
*/
div.sheet-extend,
label.sheet-extend
{
display:none;
}
h2 + label.sheet-opt-titre
{
width: 18px;
height: 18px;
margin-left: calc(100% - 18px);
margin-top: -40px;
z-index:2;
}
h3 + label.sheet-opt-titre
{
width: 18px !important;
height: 18px !important;
z-index:2;
position:absolute;
}
label.sheet-opt-titre > input[type="checkbox"]
{
position:absolute;
width:18px;
height:18px;
opacity:0;
}
label.sheet-opt-titre > input[type="checkbox"] + span
{
width:100%;
height:18px;
display:block;
margin-top:-2px;
margin-left:-1px;
}
label.sheet-opt-titre > input[type="checkbox"] + span::before
{
width:100%;
height:18px;
font-family:"pictos";
content:"y";
opacity:0;
text-shadow: 2px 2px 2px #FF0000;
color: black;
font-size: 18px;
}
div:hover > label.sheet-opt-titre > input[type="checkbox"] + span::before
{
opacity:1;
}
label.sheet-opt-titre > input[type="checkbox"]:checked + span::before
{
color:red;
text-shadow: 2px 2px 2px #555555;
opacity:1;
}
div > input[type="hidden"][value="1"] + div.sheet-extend
{
display:flex;
width:100%;
flex-wrap:wrap;
}
label.sheet-btn-mastery
{
display:flex;
width:65px;
}
label.sheet-btn-mastery > span
{
display:block;
width:100%;
}
label.sheet-btn-mastery > span::before
{
display:block;
content:attr(title);
width:calc(100% - 4px);
line-height:18px;
font-size: 11px;
text-align: center;
background-color:black;
border:2px solid black;
text-shadow: 2px 2px 2px #555555;
color:white;
}
label.sheet-btn-mastery > input[type="checkbox"],
label.sheet-btn-mastery > input[type="radio"]
{
position:absolute;
opacity:0;
width:65px;
height:22px;
}
label.sheet-btn-mastery > input[type="checkbox"]:checked + span::before,
label.sheet-btn-mastery > input[type="radio"]:checked + span::before
{
background-color:red;
}
label.sheet-btn-rollas
{
display:flex;
width:120px;
}
label.sheet-btn-rollas > span
{
display:block;
width: 120px !important;
padding-top: 0px !important;
padding-left: 0px !important;
height: 18px !important;
}
label.sheet-btn-rollas > span::before
{
display:block;
content:attr(title);
width:calc(100% - 4px);
line-height:14px;
font-size: 11px;
text-align: center;
background-color:black;
border:2px solid black;
text-shadow: 2px 2px 2px #555555;
color:white;
}
label.sheet-btn-rollas > input[type="checkbox"],
label.sheet-btn-rollas > input[type="radio"]
{
position:absolute;
opacity:0;
width:120px;
height:18px;
}
label.sheet-btn-rollas > input[type="checkbox"]:checked + span::before,
label.sheet-btn-rollas > input[type="radio"]:checked + span::before
{
background-color:red;
}
label.sheet-btn-ki
{
display:flex;
width:30px;
}
label.sheet-btn-ki > span
{
display:block;
width:100%;
}
label.sheet-btn-ki > span::before
{
display:block;
content:attr(title);
width:calc(100% - 4px);
line-height:18px;
font-size: 11px;
text-align: center;
background-color:black;
border:2px solid black;
text-shadow: 2px 2px 2px #555555;
color:white;
}
label.sheet-btn-ki > input[type="checkbox"]
{
position:absolute;
opacity:0;
width:30px;
height:22px;
}
label.sheet-btn-ki > input[type="checkbox"]:checked + span::before
{
background-color:red;
}
label.sheet-btn-seals
{
display:flex;
width:50px;
}
label.sheet-btn-seals > span
{
display:block;
width:100%;
}
label.sheet-btn-seals > span::before
{
display:block;
content:attr(title);
width:calc(100% - 4px);
line-height:18px;
font-size: 11px;
text-align: center;
background-color:black;
border:2px solid black;
text-shadow: 2px 2px 2px #555555;
color:white;
}
label.sheet-btn-seals > input[type="checkbox"]
{
position:absolute;
opacity:0;
width:50px;
height:22px;
}
label.sheet-btn-seals > input[type="checkbox"]:checked + span::before
{
background-color:red;
}
label.sheet-btn-2h
{
display:flex;
width:80px;
}
label.sheet-btn-2h > span
{
display:block;
width:100%;
}
label.sheet-btn-2h > span::before
{
display:block;
content:attr(title);
width:calc(100% - 4px);
line-height:18px;
font-size: 11px;
text-align: center;
background-color:black;
border:2px solid black;
text-shadow: 2px 2px 2px #555555;
color:white;
}
label.sheet-btn-2h > input[type="checkbox"]
{
position:absolute;
opacity:0;
width:80px;
height:22px;
}
label.sheet-btn-2h > input[type="checkbox"]:checked + span::before
{
background-color:red;
}
/*
///////////////////
ZONE D'INFO D'EN-TÊTE
///////////////////
*/
div.sheet-char-info
{
display:flex;
width:calc(100% - 155px);
justify-content:space-between;
margin-left:5px;
flex-wrap:wrap;
}
div.sheet-char-info > label
{
display:flex;
justify-content:space-between;
width:calc(33.33% - 10px);
margin-right:2.5px;
margin-left:2.5px;
min-width:130px;
}
div.sheet-char-info > label > span
{
display:flex;
align-items:flex-end;
font-size:13px;
font-weight:normal;
white-space:nowrap;
width:40px;
}
div.sheet-char-info > label > input[type="text"],
div.sheet-char-info > label > input[type="number"]
{
display:flex;
border:0px;
border-bottom:1px solid black;
padding-bottom:0px;
padding-right:0px;
padding-left:0px;
width:calc(100% - 40px);
}
div.sheet-char-info > label > input[type="number"]
{
text-align:center;
}
div.sheet-char-info > label:nth-child(5),
div.sheet-char-info > label:nth-child(6),
div.sheet-char-info > label:nth-child(7),
div.sheet-char-info > label:nth-child(8),
div.sheet-char-info > label:nth-child(9),
div.sheet-char-info > label:nth-child(10),
div.sheet-char-info > label:nth-child(11),
div.sheet-char-info > label:nth-child(12),
div.sheet-char-info > label:nth-child(13),
div.sheet-char-info > label:nth-child(14)
{
width:calc(16.665% - 10px);
min-width:100px;
}
div.sheet-char-info > label:nth-child(4) > span,
div.sheet-char-info > label:nth-child(5) > span,
div.sheet-char-info > label:nth-child(6) > span
{
width:45px;
}
div.sheet-char-info > label:nth-child(4) > input[type="text"],
div.sheet-char-info > label:nth-child(5) > input[type="text"],
div.sheet-char-info > label:nth-child(6) > input[type="text"]
{
width:calc(100% - 45px);
}
div.sheet-char-info > label:nth-child(7) > span,
div.sheet-char-info > label:nth-child(8) > span
{
width:40px;
}
div.sheet-char-info > label:nth-child(7) > input[type="number"],
div.sheet-char-info > label:nth-child(8) > input[type="text"]
{
width:calc(100% - 40px);
text-align:center;
}
div.sheet-char-info > label:nth-child(9) > span
{
width:50px;
}
div.sheet-char-info > label:nth-child(9) > input[type="number"]
{
width:calc(100% - 50px);
}
div.sheet-char-info > label:nth-child(10) > span
{
width:32px;
}
div.sheet-char-info > label:nth-child(10) > input[type="number"]
{
width:calc(100% - 32px);
}
div.sheet-char-info > label:nth-child(11) > span,
div.sheet-char-info > label:nth-child(13) > span
{
width:20px;
}
div.sheet-char-info > label:nth-child(11) > input[type="number"],
div.sheet-char-info > label:nth-child(13) > input[type="number"]
{
width:calc(100% - 20px);
}
div.sheet-char-info > label:nth-child(12) > span
{
width:65px;
}
div.sheet-char-info > label:nth-child(12) > input[type="number"]
{
width:calc(100% - 65px);
}
div.sheet-char-info > label:nth-child(14) > span
{
width:55px;
}
div.sheet-char-info > label:nth-child(14) > input[type="number"]
{
width:calc(100% - 55px);
}
/*
///////////////////
MENU
///////////////////
*/
div.sheet-menu
{
display:flex;
width:100%;
justify-content:space-evenly;
flex-wrap:wrap;
padding-bottom:5px;
border-bottom:2px solid black;
margin-bottom:5px;
}
div.sheet-menu > input[type="hidden"][value="0"]:nth-of-type(1) ~ label.sheet-magic,
div.sheet-menu > input[type="hidden"][value="0"]:nth-of-type(2) ~ label.sheet-psychic,
div.sheet-menu > input[type="hidden"][value="0"]:nth-of-type(3) ~ label.sheet-ki
{
display:none;
}
div.sheet-menu > label
{
display:flex;
width:130px;
}
div.sheet-menu > label > input[type="radio"]
{
position:absolute;
width:130px;
height:27px;
opacity:0;
border-radius:10px;
}
div.sheet-menu > label > input[type="radio"] + span
{
display:inline-block;
width:100%;
}
div.sheet-menu > label > input[type="radio"] + span::before
{
content:attr(title);
display:inline-block;
width:calc(100% - 4px);
height:23px;
text-align:center;
background-color:black;
color:white;
text-shadow: 2px 2px 2px #555555;
font-size:15px;
line-height:23px;
border:2px solid black;
border-radius:10px;
}
div.sheet-menu > label > input[type="radio"]:checked + span::before
{
background:#CC0000;
}
div.sheet-menu > label:last-of-type
{
width:30px;
}
div.sheet-menu > label:last-of-type > input[type="radio"]
{
position:absolute;
width:30px;
height:27px;
opacity:0;
border-radius:10px;
}
div.sheet-menu > label:last-of-type > input[type="radio"] + span
{
display:inline-block;
width:100%;
}
div.sheet-menu > label:last-of-type > input[type="radio"] + span::before
{
content:attr(title);
display:inline-block;
width:calc(100% - 4px);
height:23px;
text-align:center;
background-color:black;
color:white;
text-shadow: 2px 2px 2px #555555;
font-size:20px;
line-height:23px;
border:2px solid black;
border-radius:10px;
font-family:"pictos";
}
div.sheet-menu > label:last-of-type > input[type="radio"]:checked + span::before
{
background:#CC0000;
}
input[type="hidden"].sheet-tabExtend[value="1"] ~ div.sheet-tab1,
input[type="hidden"].sheet-tabExtend[value="2"] ~ div.sheet-tab2,
input[type="hidden"].sheet-tabExtend[value="3"] ~ div.sheet-tab3,
input[type="hidden"].sheet-tabExtend[value="4"] ~ div.sheet-tab4,
input[type="hidden"].sheet-tabExtend[value="5"] ~ div.sheet-tab5,
input[type="hidden"].sheet-tabExtend[value="6"] ~ div.sheet-tab6,
input[type="hidden"].sheet-tabExtend[value="7"] ~ div.sheet-tab7
{
display:flex;
}
/*
///////////////////
LES CORPS DE LA ZONE
///////////////////
*/
div.sheet-body
{
width:100%;
display:none;
justify-content:space-between;
flex-wrap:wrap;
align-items:baseline;
}
div.sheet-tab1 > div:nth-of-type(1)
{
display:flex;
width:calc(50% - 2.5%);
flex-wrap:wrap;
justify-content:space-between;
align-items:baseline;
}
div.sheet-tab1 > div:nth-of-type(1) > div:nth-of-type(1)
{
display:flex;
width:calc(55% - 2.5%);
flex-wrap:wrap;
justify-content:center;
align-items:baseline;
}
div.sheet-tab1 > div:nth-of-type(1) > div:nth-of-type(2)
{
display:flex;
width:calc(45% - 2.5%);
flex-wrap:wrap;
justify-content:center;
align-items:baseline;
}
div.sheet-tab1 > div:nth-of-type(1) > div:nth-of-type(3)
{
display:flex;
width:38%;
flex-wrap:wrap;
justify-content:center;
align-items:baseline;
}
div.sheet-tab1 > div:nth-of-type(1) > div:nth-of-type(4)
{
display:flex;
width:28%;
flex-wrap:wrap;
justify-content:center;
align-items:baseline;
}
div.sheet-tab1 > div:nth-of-type(1):not(:last-of-type),
div.sheet-tab1 > div:nth-of-type(1) > div:not(:last-of-type),
div.sheet-tab1 > div:nth-of-type(1) > div:nth-of-type(1) > div:not(:last-of-type),
div.sheet-tab1 > div:nth-of-type(1) > div:nth-of-type(2) > div:not(:last-of-type),
div.sheet-tab1 > div:nth-of-type(1) > div:nth-of-type(4) > div:not(:last-of-type)
{
margin-bottom:10px;
}
div.sheet-tab2 > div:nth-of-type(1),
div.sheet-tab2 > div:nth-of-type(2),
div.sheet-tab2 > div:nth-of-type(3)
{
margin-bottom:10px;
}
div.sheet-tab2 > div:nth-of-type(4),
div.sheet-tab2 > div:nth-of-type(5),
div.sheet-tab3 > div:nth-of-type(5),
div.sheet-tab3 > div:nth-of-type(6)
{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
width:100%;
width:calc(50% - 1.25%);
align-content: baseline;
}
div.sheet-tab2 > div:nth-of-type(4) > div,
div.sheet-tab2 > div:nth-of-type(5) > div
{
align-content: baseline;
}
div.sheet-tab2 > div:nth-of-type(4) > div:not(:last-of-type),
div.sheet-tab2 > div:nth-of-type(5) > div:not(:last-of-type)
{
margin-bottom:10px;
}
div.sheet-tab4 > div:nth-of-type(1)
{
display:flex;
width:calc(35% - 1.25%);
align-content: baseline;
justify-content:space-between;
flex-wrap:wrap;
}
div.sheet-tab4 > div:nth-of-type(2)
{
display:flex;
width:calc(65% - 1.25%);
align-content: baseline;
justify-content:space-between;
display:flex;
flex-wrap:wrap;
}
div.sheet-tab4 > div:nth-of-type(2) > div:nth-of-type(1)
{
width:calc(40% - 1.417%);
align-content: baseline;
margin-bottom:10px;
}
div.sheet-tab4 > div:nth-of-type(2) > div:nth-of-type(2)
{
width:calc(60% - 2.5%);
align-content: baseline;
margin-bottom:10px;
}
div.sheet-tab4 > div:nth-of-type(1) > div:not(:last-of-type),
div.sheet-tab4 > div:nth-of-type(2) > div:nth-of-type(2) > div:not(:last-of-type),
div.sheet-tab4 > div:nth-of-type(2) > div:nth-of-type(3),
div.sheet-tab4 > div:nth-of-type(2) > div:nth-of-type(4),
div.sheet-tab4 > div:nth-of-type(2) > div:nth-of-type(5),
div.sheet-tab4 > div:nth-of-type(2) > div:nth-of-type(6)
{
margin-bottom:10px;
}
div.sheet-tab5 > div:nth-of-type(1),
div.sheet-tab5 > div:nth-of-type(2)
{
margin-bottom:10px;
}
div.sheet-tab7 > div:nth-of-type(1),
div.sheet-tab7 > div:nth-of-type(2),
div.sheet-tab7 > div:nth-of-type(3)
{
margin-bottom:10px;
}
/*
///////////////////
LES CARACTERISTIQUES
///////////////////
*/
div.sheet-charac
{
display:flex;
width:100%;
flex-wrap:wrap;
min-width:208px;
}
div.sheet-charac > div
{
display:flex;
width:100%;
justify-content:space-between;
}
div.sheet-charac > div:not(:first-of-type)
{
width:100%;
min-height:20px;
}
div.sheet-charac > div:first-of-type
{
border-bottom: 5px solid transparent;
border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Anima-Beyond-Fantasy/img/border.png') 10 stretch;
z-index:1;
height:19px;
}
div.sheet-charac > div:first-of-type > span:last-of-type
{
margin-right:26px;
}
div.sheet-charac > div > span
{
width:33.33%;
text-align:center;
}
div.sheet-charac > div > span:nth-child(2)
{
border-right:1px solid black;
}
div.sheet-charac > div > div
{
width:calc(100% - 26px);
margin-top:-2px;
flex-wrap:wrap;
}
div.sheet-charac > div > div.sheet-compact > label
{
width:33.33%;
height:18px;
}
div.sheet-charac > div > div.sheet-compact > label:first-of-type
{
width:calc(66.66% - 1px);
border-right:1px solid black;
}
div.sheet-charac > div > div.sheet-compact > label > button[type="roll"]
{
width:100%;
padding:0px;
display:flex;
margin:0px;
border-radius:0px;
border:0px;
}
div.sheet-charac > div > div.sheet-compact > label > button[type="roll"]::before
{
content:"";
}
div.sheet-charac > div > div.sheet-compact > label > button[type="roll"] > span
{
width:50%;
text-align:center;
justify-content:center;
}
div.sheet-charac > div > div.sheet-compact > label > button[type="roll"] > span:last-of-type
{
font-size:13px;
}
div.sheet-charac > div > div.sheet-compact > label:not(:first-of-type) > button[type="roll"] > span
{
width:100%;
}
div.sheet-charac > div > div.sheet-compact > label > button[type="roll"] > span
{
font-size:11px;
}
div.sheet-charac > div > label
{
width:18px;
height:18px;
margin-top:-2px;
}
div.sheet-charac > div:hover > label > span::before
{
opacity:1;
}
div.sheet-charac > div > label > input[type="checkbox"]
{
position:absolute;
opacity:0;
width:18px;
height:18px;
}
div.sheet-charac > div > label > span
{
width:100%;
margin-top:-2px;
display:block;
}
div.sheet-charac > div > label > span::before
{
font-family:"pictos";
content:"y";
text-shadow: 2px 2px 2px #FF0000;
color:black;
font-size:18px;
opacity:0;
}
div.sheet-charac > div > label > input[type="checkbox"]:checked + span::before
{
color:red;
text-shadow: 2px 2px 2px #555555;
opacity:1;
}
input[type="hidden"].sheet-characExtend[value="1"] ~ div.sheet-compact
{
display:none;
}
input[type="hidden"].sheet-characExtend[value="0"] ~ div.sheet-compact,
input[type="hidden"].sheet-characExtend[value="1"] ~ div.sheet-extend
{
display:flex;
}
div.sheet-charac > div > div.sheet-extend
{
margin-bottom:5px;
}
div.sheet-charac > div > div.sheet-extend > h3
{
border-bottom: 5px solid transparent;
border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Anima-Beyond-Fantasy/img/border.png') 10 stretch;
width:100%;
text-align:center;
}
div.sheet-charac > div > div.sheet-extend > label
{
display:flex;
justify-content:space-between;
width:100%;
}
div.sheet-charac > div > div.sheet-extend > label > span
{
font-size:13px;
font-weight:normal;
vertical-align:bottom;
align-items:flex-end;
color:black;
}
div.sheet-charac > div > div.sheet-extend > label > span,
div.sheet-charac > div > div.sheet-extend > label > input[type="number"]
{
width:calc(50% - 5px);
display:inline-block;
}
div.sheet-charac > div > div.sheet-extend > label > input[type="number"]
{
text-align:center;
border:0px;
border-bottom:1px solid black;
padding-bottom:0px;
padding-right:0px;
padding-left:0px;
background:transparent;
}
div.sheet-charac > div > div.sheet-extend > label:nth-of-type(4)
{
border-top: 5px solid transparent;
border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Anima-Beyond-Fantasy/img/border.png') 10 stretch;
}
div.sheet-charac > div > div.sheet-extend > label:nth-of-type(4) > span,
div.sheet-charac > div > div.sheet-extend > label:nth-of-type(5) > span,
div.sheet-charac > div > div.sheet-extend > label:nth-of-type(7) > span
{
font-weight:bold;
text-shadow: 1px 1px 1px #555555;
}
div.sheet-charac > div > div.sheet-extend > label:nth-of-type(6)
{
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Anima-Beyond-Fantasy/img/border.png') 10 stretch;
}
/*
///////////////////
LES RESISTANCES
///////////////////
*/
div.sheet-resist
{
display:flex;
width:100%;
flex-wrap:wrap;
min-width:172px;
}
div.sheet-resist > div
{
display:flex;
width:100%;
flex-wrap:wrap;
justify-content:space-between;
}
div.sheet-resist > div:nth-of-type(2)
{
margin-top:-2px;
}
div.sheet-resist > div:first-of-type
{
border-bottom: 5px solid transparent;
border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Anima-Beyond-Fantasy/img/border.png') 10 stretch;
z-index:1;
height:19px;
}
div.sheet-resist > div > span
{
display:flex;
width:33.33%;
justify-content:center;
}
div.sheet-resist > div > div
{
display:flex;
width:100%;
height:18px;
margin-bottom:2px;
}
div.sheet-resist > div > div > button[type="roll"]
{
width:66.66%;
padding:0px;
display:flex;
margin:0px;
border-radius:0px;
border:0px;
}
div.sheet-resist > div > div > button[type="roll"]::before
{
content:"";
}
div.sheet-resist > div > div > input[type="number"]
{
width:33.33%;
}
div.sheet-resist > div > div > button[type="roll"] > span:first-of-type
{
width:50%;
font-size:11px;
}
div.sheet-resist > div > div > button[type="roll"] > span:last-of-type
{
width:50%;
font-size:13px;
}
div.sheet-resist > div > div > input[type="number"]
{
text-align:center;
border:0px;
border-bottom:1px solid black;
padding-bottom:0px;
padding-right:0px;
padding-left:0px;
}
/*
///////////////////
LES COMPETENCES
///////////////////
*/
div.sheet-secondary > div > div > input[type="hidden"][value="1"] ~ div.sheet-extend,
div.sheet-secondary > div > div > div > div > input[type="hidden"][value="1"] ~ div.sheet-extend
{
display:flex;
}
div.sheet-secondary > div > div > div > div > input[type="hidden"][value="1"] ~ div > button,
div.sheet-secondary > div > div > div > div > input[type="hidden"][value="0"] ~ div > input[type="text"]
{
display:none;
}
div.sheet-secondary > div > div > div > div > input[type="hidden"][value="0"] ~ div > button
{
display:flex;
}
div.sheet-secondary > div > div > div > div > input[type="hidden"][value="1"] ~ div > input[type="text"]
{
display:inline-block;
width: calc(100% - 245px - 19px - 18px);
padding:0px;
padding-left:5px;
border:0px;
border-bottom:1px solid black;
height:18px;
}
div.sheet-secondary
{
display:flex;
width:50%;
flex-wrap:wrap;
min-width:422px;
}
div.sheet-secondary > div > input[type="hidden"].sheet-athletics[value="0"] ~ div.sheet-athletics,
div.sheet-secondary > div > input[type="hidden"].sheet-social[value="0"] ~ div.sheet-social,
div.sheet-secondary > div > input[type="hidden"].sheet-perceptive[value="0"] ~ div.sheet-perceptive,
div.sheet-secondary > div > input[type="hidden"].sheet-intellectual[value="0"] ~ div.sheet-intellectual,
div.sheet-secondary > div > input[type="hidden"].sheet-vigor[value="0"] ~ div.sheet-vigor,
div.sheet-secondary > div > input[type="hidden"].sheet-subterfuge[value="0"] ~ div.sheet-subterfuge,
div.sheet-secondary > div > input[type="hidden"].sheet-creative[value="0"] ~ div.sheet-creative,
div.sheet-secondary > div > input[type="hidden"].sheet-custom[value="0"] ~ div.sheet-custom
{
display:flex;
}
div.sheet-secondary > div > input[type="hidden"].sheet-athletics[value="1"] ~ div.sheet-athletics,
div.sheet-secondary > div > input[type="hidden"].sheet-social[value="1"] ~ div.sheet-social,
div.sheet-secondary > div > input[type="hidden"].sheet-perceptive[value="1"] ~ div.sheet-perceptive,
div.sheet-secondary > div > input[type="hidden"].sheet-intellectual[value="1"] ~ div.sheet-intellectual,
div.sheet-secondary > div > input[type="hidden"].sheet-vigor[value="1"] ~ div.sheet-vigor,
div.sheet-secondary > div > input[type="hidden"].sheet-subterfuge[value="1"] ~ div.sheet-subterfuge,
div.sheet-secondary > div > input[type="hidden"].sheet-creative[value="1"] ~ div.sheet-creative,
div.sheet-secondary > div > input[type="hidden"].sheet-custom[value="1"] ~ div.sheet-custom
{
display:none;
}
div.sheet-secondary > div
{
display:flex;
width:100%;
flex-wrap:wrap;
justify-content:space-between;
}
div.sheet-secondary > div > div
{
display:flex;
width:100%;
flex-wrap:wrap;
justify-content:space-between;
}
div.sheet-secondary > div:not(:first-of-type) > div:first-of-type
{
border-bottom: 5px solid transparent;
border-top: 5px solid transparent;
border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Anima-Beyond-Fantasy/img/border.png') 10 stretch;
z-index:1;
height:19px;
}
div.sheet-secondary > div:first-of-type > div:first-of-type
{
border-bottom: 5px solid transparent;
border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Anima-Beyond-Fantasy/img/border.png') 10 stretch;
z-index:1;
height:19px;
}
div.sheet-secondary > div > div > span:not(:last-of-type)
{
display:flex;
width:45px;
justify-content: center;
}
div.sheet-secondary > div > div > span:last-of-type
{
display:flex;
width:55px;
justify-content: center;
}
div.sheet-secondary > div:not(:last-of-type) > div > span:last-of-type.
div.sheet-secondary > div:last-of-type > div > span:last-of-type
{
display:flex;
width:55px;
justify-content: center;
}
div.sheet-secondary > div:not(:last-of-type) > div > span:first-of-type,
div.sheet-secondary > div:last-of-type > div > span:first-of-type
{
display:flex;
width:calc(100% - 290px - 19px - 21px);
justify-content: center;
}
div.sheet-secondary > div > div > label
{
display:flex;
width:19px;
height:19px;
}
div.sheet-secondary > div > div > label > input[type="checkbox"]
{
position:absolute;
width:19px;
height:19px;
opacity:0;
}
div.sheet-secondary > div > div > label > input[type="checkbox"] + span
{
width:100%;
height:19px;
display:block;
margin-top:-1px;
}
div.sheet-secondary > div > div > label > input[type="checkbox"] + span::before
{
font-family:"pictos";
content:"-";
text-shadow: 2px 2px 2px #FF0000;
color:black;
font-size:18px;
}
div.sheet-secondary > div > div > label > input[type="checkbox"]:checked + span::before
{
content:"+";
}
div.sheet-secondary > div:last-of-type > div > div > div > div.itemcontrol > button
{
padding-top:0px;
padding-bottom:0px;
border-radius:0px;
height:16px;
padding-right:6px;
padding-left:6px;
}
div.sheet-secondary > div:last-of-type > div > div > div > div.itemcontrol > a
{
padding-top:0px;
padding-bottom:0px;
border-radius:0px;
height:16px;
padding-right:6px;
padding-left:6px;
margin-top:-5px;
}
div.sheet-secondary > div:not(:last-of-type) > div > div:first-of-type,
div.sheet-secondary > div:last-of-type > div > div > div > div:nth-of-type(2)
{
display:flex;
width:100%;
flex-wrap:wrap;
justify-content:space-between;
height:18px;
margin-bottom:2px;
}
div.sheet-secondary > div:last-of-type > div > div > div.repitem:not(:last-of-type)
{
margin-bottom:5px;
}
div.sheet-secondary > div > div:nth-of-type(2)
{
margin-top:-2px;
}
div.sheet-secondary > div > div > div:first-of-type > button[type="roll"],
div.sheet-secondary > div:last-of-type > div > div > div > div > button[type="roll"]
{
width:calc(100% - 245px - 19px - 18px);
display:flex;
justify-content:space-between;
border:0px;
padding:0px;
margin:0px;
border-radius:0px;
height:18px;
}
div.sheet-secondary > div > div > div:first-of-type > button[type="roll"]::before,
div.sheet-secondary > div:last-of-type > div > div > div > div > button[type="roll"]::before
{
content:"";
}
div.sheet-secondary > div > div > div:first-of-type > button[type="roll"] > span
{
display:flex;
width:calc(100% - 45px - 2px);
font-size:11px;
line-height: 18px;
padding-left: 5px;
}
div.sheet-secondary > div:last-of-type > div > div > div > div > button[type="roll"] > input[type="text"]
{
width:calc(100% - 45px - 2px);
font-size:11px;
padding:0px;
border:0px;
padding-left:5px;
cursor:pointer;
background:transparent;
}
div.sheet-secondary > div > div > div:first-of-type > button[type="roll"] > span:last-of-type,
div.sheet-secondary > div:last-of-type > div > div > div > div > button[type="roll"] > span:last-of-type
{
width:45px;
justify-content:center;
cursor:pointer;
text-shadow:none;
font-weight:normal;
font-size:13px;
color:black;
}
div.sheet-secondary > div > div > div:first-of-type > input[type="number"],
div.sheet-secondary > div:last-of-type > div > div > div > div > input[type="number"]
{
width:45px;
text-align:center;
border:0px;
border-bottom:1px solid black;
padding:0px;
height:18px;
}
div.sheet-secondary > div:last-of-type > div > div > div > div > select
{
width:55px;
text-align:center;
border:0px;
border-bottom:1px solid black;
padding:0px;
height:18px;
font-size:13px;
}
div.sheet-secondary > div > div > div:first-of-type > span
{
width:55px;
justify-content:center;
display: flex;
align-items: center;
height:18px;
}
div.sheet-secondary > div > div > div:first-of-type > label,
div.sheet-secondary > div:last-of-type > div > div > div > div:nth-of-type(2) > label
{
width:18px;
height:18px;
}
div.sheet-secondary > div > div:hover > div:first-of-type > label > span::before,
div.sheet-secondary > div:last-of-type > div > div > div:hover > div:nth-of-type(2) > label > span::before
{
opacity:1;
}
div.sheet-secondary > div > div > div:first-of-type > label > input[type="checkbox"],
div.sheet-secondary > div:last-of-type > div > div > div > div:nth-of-type(2) > label > input[type="checkbox"]
{
position:absolute;
opacity:0;
width:18px;
height:18px;
}
div.sheet-secondary > div > div > div:first-of-type > label > span,
div.sheet-secondary > div:last-of-type > div > div > div > div:nth-of-type(2) > label > span
{
width:100%;
margin-top:-2px;
display:block;
}
div.sheet-secondary > div > div > div:first-of-type > label > span::before,
div.sheet-secondary > div:last-of-type > div > div > div > div:nth-of-type(2) > label > span::before
{
font-family:"pictos";
content:"y";
text-shadow: 2px 2px 2px #FF0000;
color:black;
font-size:18px;
opacity:0;
}
div.sheet-secondary > div > div > div:first-of-type > label > input[type="checkbox"]:checked + span::before,
div.sheet-secondary > div:last-of-type > div > div > div > div:nth-of-type(2) > label > input[type="checkbox"]:checked + span::before
{
color:red;
text-shadow: 2px 2px 2px #555555;
opacity:1;
}
div.sheet-secondary > div > div > div.sheet-extend,
div.sheet-secondary > div:last-of-type > div > div > div > div.sheet-extend
{
justify-content:space-evenly;
width:100%;
flex-wrap:wrap;
}
div.sheet-secondary > div > div > div.sheet-extend > label:not(:last-of-type),
div.sheet-secondary > div:last-of-type > div > div > div > div.sheet-extend > label:not(:last-of-type)
{
display:flex;
width:95px;
flex-wrap:wrap;
justify-content:space-between;
}
div.sheet-secondary > div > div > div.sheet-extend > label:not(:last-of-type) > span,
div.sheet-secondary > div:last-of-type > div > div > div > div.sheet-extend > label:not(:last-of-type) > span
{
display:flex;
width:45px;
font-size: 11px;
justify-content:end;
align-items:flex-end;
color:black;
}
div.sheet-secondary > div > div > div.sheet-extend > label:not(:last-of-type) > input[type="number"],
div.sheet-secondary > div:last-of-type > div > div > div > div.sheet-extend > label:not(:last-of-type) > input[type="number"]
{
width:45px;
border:0px;
border-bottom:1px solid black;
padding:0px;
text-align:center;
}
div.sheet-secondary > span
{
display:inline-block;
width:100%;
text-align:center;
font-weight:bold;
color:red;
font-size:11px;
}
button.sheet-armorPenalty
{
text-shadow:1px 1px 1px red;
font-weight:bold;
}
/*
////////////////////////////////////////
ALL ACTION MODIFIER
////////////////////////////////////////
*/
div.sheet-aam
{
border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Anima-Beyond-Fantasy/img/border.png') 10 stretch;
border-top: 5px solid black;
border-bottom: 5px solid black;
display: flex;
width: 100%;
padding-top: 5px;
padding-bottom: 5px;
justify-content: space-between;
flex-wrap:wrap;
}
div.sheet-aam > label
{
width: 100%;
display: flex;
font-size: 12px;
}
div.sheet-aam > label:not(:last-of-type)
{
margin-bottom:5px;
}
div.sheet-aam > label > span
{
display: flex;
align-items: flex-end;
font-weight: bold;
width: calc(100% - 55px);
color:black;
}
div.sheet-aam > label > input[type="number"]
{
padding: 0px;
text-align: center;
border: 0px;
border-bottom: 1px solid black;
width: 50px;
background:transparent;
}
/*
///////////////////
MOUVEMENTS
///////////////////
*/
div.sheet-movement
{
display:flex;
width:100%;
flex-wrap:wrap;
}
div.sheet-movement > div
{
width:100%;
flex-wrap:wrap;
}
div.sheet-movement > div > label,
div.sheet-movement > label
{
display:flex;
width:100%;
justify-content:space-between;
height:18px;
padding-right:15px;
padding-left:5px;
}
div.sheet-movement > label:nth-of-type(6),
div.sheet-movement > label:nth-of-type(7),
div.sheet-movement > label:nth-of-type(8)
{
padding-right:0px;
}
div.sheet-movement > label:nth-of-type(5)
{
border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Anima-Beyond-Fantasy/img/border.png') 10 stretch;
border-top: 5px solid black;
border-bottom: 5px solid black;
margin-top: 5px;
padding-bottom: 5px;
}
div.sheet-movement > label:nth-of-type(4) > span,
div.sheet-movement > label:nth-of-type(5) > span,
div.sheet-movement > label:nth-of-type(6) > span
{
font-weight:bold;
}
div.sheet-movement > div > label > span,
div.sheet-movement > label > span,
div.sheet-movement > label > div > span
{
display:flex;
font-size:11px;
font-weight:normal;
align-items:flex-end;
height:17px;
padding-top:4px;
color:black;
}
div.sheet-movement > label > div > span:first-of-type,
div.sheet-movement > label > span:first-of-type
{
width:60px;
}
div.sheet-movement > label > div
{
display:flex;
width:calc(100% - 15px - 60px);
padding:0px;
border:0px;
border-bottom:1px solid black;
}
div.sheet-movement > label > div > input[type="number"]
{
display:flex;
width:calc(100% - 15px);
text-align:center;
border:0px;
padding-bottom:0px;
padding-right:0px;
padding-left:0px;
font-size:11px;
}
div.sheet-movement > div > label > input[type="number"],
div.sheet-movement > label > input[type="number"]
{
width:calc(100% - 15px - 60px);
text-align:center;
border:0px;
border-bottom:1px solid black;
padding-bottom:0px;
padding-right:0px;
padding-left:0px;
font-size:11px;
}
/*
///////////////////
PV, REGENERATION ET FATIGUE
///////////////////
*/
div.sheet-regen
{
width:28%;
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}
div.sheet-fatigue,
div.sheet-lp
{
width:100%;
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}
div.sheet-lp > label,
div.sheet-lp > div > label,
div.sheet-regen > label,
div.sheet-fatigue > label,
div.sheet-fatigue > div > label
{
display:flex;
width:100%;
height:18px;
justify-content:space-between;
}
div.sheet-lp > label:not(:first-of-type) > span,
div.sheet-lp > div > label > span,
div.sheet-fatigue > label:not(:first-of-type) > span,
div.sheet-fatigue > div > label > span
{
display:flex;
width:60px;
padding-left:5px;
font-size:11px;
font-weight:normal;
align-items:flex-end;
padding-top:4px;
height:17px;
color:black;
}
div.sheet-regen > label > span
{
display:flex;
width:80px;
padding-left:5px;
font-size:11px;
font-weight:normal;
align-items:flex-end;
padding-top:4px;
height:17px;
color:black;
}
div.sheet-lp > label > input[type="number"],
div.sheet-lp > div > label > input[type="number"],
div.sheet-fatigue > label > input[type="number"],
div.sheet-fatigue > div > label > input[type="number"]
{
display:flex;
width:calc(100% - 60px - 5px);
border:0px;
border-bottom:1px solid black;
text-align:center;
padding-bottom:0px;
padding-left:0px;
padding-right:0px;
font-size:11px;
background:transparent;
}
div.sheet-regen > label > input[type="number"]
{
display:flex;
width:calc(100% - 80px - 5px);
border:0px;
border-bottom:1px solid black;
text-align:center;
padding-bottom:0px;
padding-left:0px;
padding-right:0px;
font-size:11px;
background:transparent;
}
div.sheet-lp > label:nth-of-type(3),
div.sheet-regen > label:nth-of-type(4),
div.sheet-fatigue > label:nth-of-type(3)
{
border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Anima-Beyond-Fantasy/img/border.png') 10 stretch;
border-top: 5px solid black;
border-bottom: 5px solid black;
margin-top: 5px;
padding-bottom: 5px;
}
div.sheet-lp > label:nth-of-type(4) > span,
div.sheet-fatigue > label:nth-of-type(4) > span,
div.sheet-regen > label:nth-of-type(5) > span,
div.sheet-regen > label:nth-of-type(6) > span,
div.sheet-regen > label:nth-of-type(7) > span
{
font-weight:bold;
}
div.sheet-regen > textarea
{
border: 1px solid black;
font-size: 11px;
height: 46px;
margin-top:5px;
}
/*
///////////////////////////////////////////
ATTAQUE PARADE ESQUIVE (ATTACK BLOCK DODGE)
///////////////////////////////////////////
*/
div.sheet-abd
{
display:flex;
flex-wrap:wrap;
width:30%;
}
div.sheet-abd > label.sheet-extend
{
display:none;
margin:auto;
}
div.sheet-abd > div > label
{
width:100%;
display:flex;
flex-wrap:wrap;
}
div.sheet-abd > div > label
{
height:18px;
justify-content:space-between
}
div.sheet-abd > div > label > span
{
display:flex;
width:60px;
font-size:11px;
height:17px;
padding-top:4px;
align-items:flex-end;
color:black;
padding-left:5px;
font-weight:normal;
}
div.sheet-abd > div:last-of-type > label:last-of-type
{
border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Anima-Beyond-Fantasy/img/border.png') 10 stretch;
border-top: 5px solid black;
border-bottom:5px solid black;
margin-top:5px;
padding-bottom:5px;
}
div.sheet-abd > div:last-of-type > label:last-of-type > span
{
font-weight:bold;
}
div.sheet-abd > div > label > input[type="number"]
{
width:calc(100% - 60px - 5px);
text-align:center;
border:0px;
border-bottom:1px solid black;
padding-bottom:0px;
padding-right:0px;
padding-left:0px;
font-size:11px;
height:18px;
}
div.sheet-abd > input[type="hidden"][value="1"] ~ div.sheet-extend,
div.sheet-abd > input[type="hidden"][value="1"] ~ label.sheet-extend
{
display:flex;
}
div.sheet-abd > label.sheet-extend
{
margin-top:5px;
}
div.sheet-abd > button[type="roll"]
{
margin: 0px;
width: 100%;
border-radius: 0px;
border:0px;
}
div.sheet-abd > button[type="roll"]:before
{
font-family: "dicefontd10";
font-size: 25px;
padding-top: 0px;
padding-bottom: 0px;
}
/*
///////////////////
INITIATIVE
///////////////////
*/
div.sheet-initiative
{
display:flex;
width:100%;
flex-wrap:wrap;
justify-content:space-between;
}
div.sheet-initiative > div > div
{
display:flex;
width:100%;
flex-wrap:wrap;
justify-content:space-between;
}
div.sheet-initiative > div > div > button[type="roll"]
{
display:flex;
width:calc(100% - 22px);
justify-content:space-between;
height:18px;
margin:0px;
padding:0px;
border-radius:0px;
margin-top:-2px;
border:0px;
}
div.sheet-initiative > div > div:first-of-type > button[type="roll"]
{
margin-top:-2px;
}
div.sheet-initiative > div > div > button[type="roll"]::before
{
content:"";
}
div.sheet-initiative > div > div > button[type="roll"] > input[type="text"]
{
display:flex;
width:calc(100% - 60px);
background:transparent;
height:18px;
border:0px;
cursor:pointer;
padding:0px;
padding-left:5px;
font-size:11px;
}
div.sheet-initiative > div > div > button[type="roll"] > span
{
display:flex;
width:60px;
height:18px;
justify-content:center;
font-size:11px;
color:black;
}
div.sheet-initiative > div > div > label
{
display:flex;
width:18px;
height:18px;
}
div.sheet-initiative > div > div > label > input[type="checkbox"]
{
position: absolute;
width: 18px;
height: 18px;
opacity: 0;
}
div.sheet-initiative > div > div > label > span
{
width: 100%;
height: 18px;
display: block;
margin-top:-3px;
}
div.sheet-initiative > div > div > label > span::before
{
width: 100%;
height: 18px;
font-family: "pictos";
content: "y";
opacity: 0;
text-shadow: 2px 2px 2px #FF0000;
color:black;
font-size: 18px;
}
div.sheet-initiative > div > div:hover > label > span::before
{
opacity:1;
}
div.sheet-initiative > div > div > label > input[type="checkbox"]:checked + span::before
{
color:red;
text-shadow: 2px 2px 2px #555555;
opacity: 1;
}
div.sheet-initiative > div > div > input[type="hidden"][value="1"] ~ button[type="roll"]
{
display:none;
}
div.sheet-initiative > div > div > input[type="hidden"][value="1"] ~ div.sheet-extend
{
display:flex;
}
div.sheet-initiative > div > div > div.sheet-extend
{
width:calc(100% - 22px);
flex-wrap:wrap;
justify-content:space-between;
}
div.sheet-initiative > div > div > div.sheet-extend > input[type="text"]
{
width:100%;
font-size:11px;
border:0px;
border-bottom:1px solid black;
padding-bottom:0px;
padding-right:0px;
padding-left:5px;
padding-top:0px;
height:18px;
}
div.sheet-initiative > div > div > div.sheet-extend > label
{
display:flex;
width:calc(20% - 3px);
flex-wrap:wrap;
}
div.sheet-initiative > div > div > div.sheet-extend > label > span
{
display:flex;
width:100%;
flex-wrap:wrap;
color:black;
font-weight:normal;
font-size:11px;
justify-content:center;
height:17px;
border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Anima-Beyond-Fantasy/img/border.png') 10 stretch;
border-bottom: 5px solid black;
z-index:3;
}
div.sheet-initiative > div > div > div.sheet-extend > label > input[type="number"]
{
width:100%;
padding-right:0px;
padding-left:0px;
padding-bottom:0px;
font-size:11px;
text-align:center;
border:0px;
border-bottom:1px solid black;
color:black;
margin-top: -2px;
z-index: 2;
background:transparent;
}
div.sheet-initiative > div > div:not(:last-of-type) > div.sheet-extend
{
border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Anima-Beyond-Fantasy/img/border.png') 10 stretch;
border-bottom: 5px solid black;
padding-bottom:5px;
}
/*
/////////////////////////
AVANTAGES ET DESAVANTAGES
/////////////////////////
*/
div.sheet-avantageDesavantage
{
display:flex;
flex-wrap:wrap;
width:100%;
justify-content:space-between;
}
div.sheet-avantageDesavantage > div:first-of-type
{
display:flex;
flex-wrap:wrap;
width:100%;
justify-content:space-between;
border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Anima-Beyond-Fantasy/img/border.png') 10 stretch;
border-bottom: 5px solid black;
}
div.sheet-avantageDesavantage > div:first-of-type > span:first-of-type
{
display:flex;
flex-wrap:wrap;
width:calc(100% - 60px - 18px - 10px);
color:black;
}
div.sheet-avantageDesavantage > div:first-of-type > span:last-of-type
{
display:flex;
flex-wrap:wrap;
width:60px;
margin-right:23px;
justify-content:center;
color:black;
}
div.sheet-avantageDesavantage > div
{
width:100%;
}
div.sheet-avantageDesavantage > div > div
{
display:flex;
width:100%;
justify-content:space-between;
flex-wrap:wrap;
}
div.sheet-avantageDesavantage > div > div:not(:last-of-type)
{
margin-bottom:5px;
}
div.sheet-avantageDesavantage > div > div > input[type="text"]
{
display:flex;
width:calc(100% - 60px - 18px - 10px);
font-size:11px;
height:18px;
border:0px;
border-bottom:1px solid black;
color:black;
padding-right:0px;
padding-left:5px;
padding-bottom:0px;
}
div.sheet-avantageDesavantage > div > div > input[type="number"]
{
display:flex;
width:60px;
font-size:11px;
height:18px;
border:0px;
border-bottom:1px solid black;
color:black;
padding-right:0px;
padding-left:0px;
padding-bottom:0px;
text-align:center;
}
div.sheet-avantageDesavantage > div > div > label
{
display:flex;
width:18px;
height:18px;
}
div.sheet-avantageDesavantage > div > div > label > input[type="checkbox"]
{
position: absolute;
width: 18px;
height: 18px;
opacity: 0;
}
div.sheet-avantageDesavantage > div > div > label > span
{
width: 100%;
height: 18px;
display: block;
margin-top:-3px;
}
div.sheet-avantageDesavantage > div > div > label > span::before
{
width: 100%;
height: 18px;
font-family: "pictos";
content: "y";
opacity: 0;
text-shadow: 2px 2px 2px #FF0000;
color:black;
font-size: 18px;
}
div.sheet-avantageDesavantage > div > div:hover > label > span::before
{
opacity:1;
}
div.sheet-avantageDesavantage > div > div > label > input[type="checkbox"]:checked + span::before
{
color:red;
text-shadow: 2px 2px 2px #555555;
opacity: 1;
}
div.sheet-avantageDesavantage > div > div > input[type="hidden"][value="0"] ~ div.sheet-extend
{
display:none;
}
div.sheet-avantageDesavantage > div > div > input[type="hidden"][value="1"] ~ div.sheet-extend
{
display:flex;
font-size:11px;
}
div.sheet-avantageDesavantage > div > div > div.sheet-extend > textarea
{
border:1px solid black;
}
/*
//////////////////
TAB MAGIE
/////////////////
*/
/*
/////////////////
PROJECTION MAGIQUE
/////////////////
*/
div.sheet-magicProjection
{
width:calc(30% - 2.5%);
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
div.sheet-magicProjection > div > label:not(:last-of-type),
div.sheet-magicProjection > label
{
width:100%;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
height:18px;
}
div.sheet-magicProjection > div > label > span,
div.sheet-magicProjection > label:not(:first-of-type) > span
{
width:100px;
display:flex;
padding-top:4px;
padding-left:5px;
font-size:11px;
align-items:flex-end;
font-weight:normal;
color:black;
height:17px;
}
div.sheet-magicProjection > label:last-of-type
{
border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Anima-Beyond-Fantasy/img/border.png') 10 stretch;
border-top: 5px solid black;
border-bottom:5px solid black;
margin-top:5px;
padding-bottom:5px;
}
div.sheet-magicProjection > label:last-of-type > span
{
font-weight:bold;
}
div.sheet-magicProjection > div > label > input[type="number"],
div.sheet-magicProjection > label > input[type="number"]
{
width:calc(100% - 105px);
display:flex;
font-size:11px;
border:0px;
border-bottom:1px solid black;
padding-bottom:0px;
padding-right:0px;
padding-left:0px;
background:transparent;
text-align:center;
height:18px;
}
div.sheet-magicProjection > div > label:last-of-type
{
width: 50%;
flex-wrap: wrap;
border: 1px solid black;
margin: auto;
margin-top: 5px;
}
div.sheet-magicProjection > div > label:last-of-type > input[type="number"]
{
margin:0px;
padding:0px;
width:100%;
}
div.sheet-magicProjection > div > label:last-of-type > span
{
padding-top: 0px;
padding-left: 0px;
justify-content: center;
width: 100%;
font-weight: bold;
}
div.sheet-magicProjection > div > div
{
display: flex;
width:calc(50% - 0.5px);
justify-content:center;
flex-wrap:wrap;
}
div.sheet-magicProjection > div > div > label
{
display: flex;
width: 65px;
margin-top:5px;
}
div.sheet-magicProjection > div > div > label > input[type="checkbox"]
{
position: absolute;
opacity: 0;
width: 65px;
height: 22px;
}
div.sheet-magicProjection > div > div > label > input[type="checkbox"]:checked ~ span::before
{
background-color:red;
}
div.sheet-magicProjection > div > div > label > span
{
display:block;
width:100%;
}
div.sheet-magicProjection > div > div > label > span::before
{
display: block;
content: attr(title);
width:100%;
line-height: 18px;
font-size: 11px;
text-align: center;
background-color:black;
text-shadow: 2px 2px 2px #555555;
color: white;
border:2px solid black;
}
div.sheet-magicProjection > button[type="roll"]
{
width: calc(50% - 0.5px);
padding: 0px;
display: flex;
margin: 0px;
border-radius: 0px;
border: 0px;
height:18px;
}
div.sheet-magicProjection > button[type="roll"]:first-of-type
{
border-right:1px solid black;
}
div.sheet-magicProjection > button[type="roll"]::before
{
content:"";
}
div.sheet-magicProjection > button[type="roll"] > span
{
font-size:11px;
width:60px;
align-items:center;
}
div.sheet-magicProjection > button[type="roll"] > span:last-of-type
{
font-size:11px;
width:calc(100% - 60px);
cursor:pointer;
text-align:center;
border:0px;
background:transparent;
}
/*
/////////////////
ACCUMULATION MAGIQUE
/////////////////
*/
div.sheet-magicAccumulation
{
display:flex;
flex-wrap:wrap;
width:calc(50% - 2.5%);
justify-content:space-between;
align-items:baseline;
}
div.sheet-magicAccumulation > div
{
display:flex;
flex-wrap:wrap;
width:calc(50% - 2.5%);
align-items:baseline;
}
div.sheet-magicAccumulation > div > label,
div.sheet-magicAccumulation > div > div > label
{
display:flex;
width:100%;
flex-wrap:wrap;
justify-content:space-between;
height:18px;
}
div.sheet-magicAccumulation > div > label:not(:first-of-type) > span,
div.sheet-magicAccumulation > div > div > label > span
{
display:flex;
width:100px;
padding-top:4px;
padding-left:5px;
align-items:flex-end;
font-size:11px;
height:17px;
color:black;
font-weight:normal;
}
div.sheet-magicAccumulation > div > label:last-of-type
{
border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Anima-Beyond-Fantasy/img/border.png') 10 stretch;
border-top: 5px solid black;
margin-top:5px;
}
div.sheet-magicAccumulation > div > label:last-of-type > span
{
font-weight:bold;
}
div.sheet-magicAccumulation > div > label > input[type="number"],
div.sheet-magicAccumulation > div > div > label > input[type="number"]
{
display:flex;
width:calc(100% - 105px);
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
font-size:11px;
height:18px;
border:0px;
border-bottom:1px solid black;
text-align:center;
background:transparent;
}
/*
/////////////////
ZEON
/////////////////
*/
div.sheet-zeon
{
display:flex;
width:calc(20% - 2.5%);
flex-wrap:wrap;
justify-content:space-between;
}
div.sheet-zeon > div > label,
div.sheet-zeon > label
{
width:100%;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
height:18px;
}
div.sheet-zeon > div > label > span,
div.sheet-zeon > label:not(:first-of-type) > span
{
width:60px;
display:flex;
padding-top:4px;
padding-left:5px;
font-size:11px;
align-items:flex-end;
font-weight:normal;
color:black;
height:17px;
}
div.sheet-zeon > label:last-of-type > span
{
font-weight:bold;
}
div.sheet-zeon > div > label > input[type="number"],
div.sheet-zeon > label > input[type="number"]
{
width:calc(100% - 65px);
display:flex;
font-size:11px;
border:0px;
border-bottom:1px solid black;
padding-bottom:0px;
padding-right:0px;
padding-left:0px;
background:transparent;
text-align:center;
height:18px;
}
div.sheet-zeon > label:nth-last-of-type(2)
{
border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Anima-Beyond-Fantasy/img/border.png') 10 stretch;
border-bottom: 5px solid black;
border-top:5px solid black;
margin-top:5px;
padding-bottom:5px;
}
/*
/////////////////
DETAILS MAGIQUES
/////////////////
*/
div.sheet-magicDetails
{
display:flex;
width:calc(50% - 2.5%);
flex-wrap:wrap;
justify-content:space-between;
}
/*
/////////////////
NIVEAUX DE MAGIES
/////////////////
*/
div.sheet-magicLevels
{
display:flex;
width:100%;
flex-wrap:wrap;
justify-content:space-between;
margin-bottom:10px;
}
div.sheet-magicLevels > label,
div.sheet-magicLevels > div > label
{
display:flex;
width:100%;
flex-wrap:wrap;
justify-content:space-between;
}
div.sheet-magicLevels > label:not(:first-of-type) > span,
div.sheet-magicLevels > div > label > span
{
display:flex;
width:60px;
height:17px;
font-size:11px;
color:black;
font-weight:normal;
padding-top:4px;
padding-left:5px;
align-items:flex-end;
}
div.sheet-magicLevels > label > input[type="number"],
div.sheet-magicLevels > div > label > input[type="number"]
{
display:flex;
width:calc(100% - 65px);
font-size:11px;
color:black;
height:18px;
text-align:center;
padding-bottom:0px;
padding-right:0px;
padding-left:0px;
background:transparent;
border:0px;
border-bottom:1px solid black;
}
div.sheet-magicLevels > label:last-of-type > span
{
font-weight:bold;
}
div.sheet-magicLevels > label:nth-last-of-type(2)
{
border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Anima-Beyond-Fantasy/img/border.png') 10 stretch;
border-bottom: 5px solid black;
border-top:5px solid black;
margin-top:5px;
padding-bottom:5px;
}
/*
/////////////////
THEOREMES MAGIQUES ET CARACTERISTIQUES MAGIQUES
/////////////////
*/
div.sheet-magicTheorem
{
display:flex;
width:100%;
flex-wrap:wrap;
justify-content:space-between;
margin-bottom:10px;
}
div.sheet-magicAbility
{
display:flex;
width:calc(50% - 2.5%);
flex-wrap:wrap;
justify-content:space-between;
}
div.sheet-magicTheorem > select,
div.sheet-magicAbility > select
{
display:flex;
width:100%;
text-align:center;
border:0px;
border-bottom:1px solid black;
padding:0px;
font-size:11px;
height:18px;
}
/*
/////////////////
MAGIE INNEE
/////////////////
*/
div.sheet-magicInnate
{
display:flex;
width:calc(50% - 2.5%);
flex-wrap:wrap;
justify-content:space-between;
}
div.sheet-magicInnate > input[type="number"]
{
display:flex;
width:100%;
text-align:center;
border:0px;
border-bottom:1px solid black;
padding-bottom:0px;
padding-left:0px;
padding-right:0px;
font-size:11px;
height:18px;
}
/*
/////////////////
VOIES DE MAGIES
/////////////////
*/
div.sheet-magieSpellPath
{
display:flex;
width:calc(50% - 2.5%);
flex-wrap:wrap;
justify-content:space-between;
}
div.sheet-magieSpellPath > div:first-of-type
{
display:flex;
width:100%;
justify-content:space-between;
border-bottom: 5px solid transparent;
border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch;
z-index: 1;
height: 19px;
}
div.sheet-magieSpellPath > div:first-of-type > span:first-of-type
{
display:flex;
width:calc(70% - 2.5px);
justify-content:center;
}
div.sheet-magieSpellPath > div:first-of-type > span:last-of-type
{
display:flex;
width:calc(30% - 2.5px);
justify-content:center;
}
div.sheet-magieSpellPath > div.repcontainer
{
margin-top:-2px;
}
div.sheet-magieSpellPath > div > div.repitem
{
display:flex;
flex-wrap:wrap;
width:100%;
justify-content:space-between;
}
div.sheet-magieSpellPath > div > div.repitem > div.itemcontrol > a
{
padding-top: 0px;
padding-bottom: 0px;
border-radius: 0px;
height: 16px;
padding-right: 6px;
padding-left: 6px;
margin-bottom:5px;
}
div.sheet-magieSpellPath > div > div.repitem > div.itemcontrol > button
{
padding-top: 0px;
padding-bottom: 0px;
border-radius: 0px;
height: 16px;
padding-right: 6px;
padding-left: 6px;
}
div.sheet-magieSpellPath > div > div.repitem:not(:last-of-type)
{
margin-bottom:5px;
}
div.sheet-magieSpellPath > div > div > input[type="text"]
{
display:flex;
width:calc(70% - 2.5px);
padding-bottom:0px;
padding-right:0px;
padding-left:5px;
font-size:11px;
color:black;
height:18px;
border:0px;
border-bottom:1px solid black;
}
div.sheet-magieSpellPath > div > div > input[type="number"]
{
display:flex;
width:calc(30% - 2.5px);
text-align:center;
padding-bottom:0px;
padding-right:0px;
padding-left:0px;
font-size:11px;
color:black;
height:18px;
border:0px;
border-bottom:1px solid black;
}
/*
/////////////////
SORTS D'ACCES LIBRES ET SORTS ACHETES
/////////////////
*/
div.sheet-magicFABS,
div.sheet-magicFABS > div > div
{
display:flex;
width:100%;
flex-wrap:wrap;
justify-content:space-between;
}
div.sheet-magicFABS > div > div:first-of-type
{
margin-top:-2px;
}
div.sheet-magicFABS > div > div > button[type="roll"]
{
display:flex;
justify-content:space-between;
width:calc(100% - 25px);
padding: 0px;
margin: 0px;
border-radius: 0px;
border:0px;
}
div.sheet-magicFABS > div > div > button[type="roll"]::before
{
content:"";
}
div.sheet-magicFABS > div > div > button[type="roll"] > input[type="text"]
{
display:flex;
width:calc(50% - 2.5px);
background:transparent;
cursor:inherit;
border:0px;
padding:0px;
font-size:11px;
height:18px;
}
div.sheet-magicFABS > div > div > button[type="roll"] > input[type="text"]:first-of-type
{
padding-left:5px;
}
div.sheet-magicFABS > div > div > button[type="roll"] > input[type="text"]:last-of-type
{
text-align:center;
}
div.sheet-magicFABS > div > div > label
{
width:18px;
height:18px;
}
div.sheet-magicFABS > div > div:hover > label > span::before
{
opacity:1;
}
div.sheet-magicFABS > div > div > label > input[type="checkbox"]
{
position:absolute;
opacity:0;
width:18px;
height:18px;
}
div.sheet-magicFABS > div > div > label > span
{
width:100%;
margin-top:-2px;
display:block;
}
div.sheet-magicFABS > div > div > label > span::before
{
font-family:"pictos";
content:"y";
text-shadow: 2px 2px 2px #FF0000;
color:black;
font-size:18px;
opacity:0;
}
div.sheet-magicFABS > div > div > label > input[type="checkbox"]:checked + span::before
{
color:red;
text-shadow: 2px 2px 2px #555555;
opacity:1;
}
div.sheet-magicFABS > div > div > input[type="hidden"][value="0"] ~ div.sheet-compact,
div.sheet-magicFABS > div > div > input[type="hidden"][value="1"]:nth-of-type(1) ~ button[type="roll"]
{
display:none;
}
div.sheet-magicFABS > div > div > input[type="hidden"][value="1"]:nth-of-type(1) ~ div.sheet-compact
{
display:flex;
flex-wrap:wrap;
width:calc(100% - 25px);
justify-content:space-between;
}
div.sheet-magicFABS > div > div > div.sheet-compact > label
{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
height:18px;
}
div.sheet-magicFABS > div > div > div.sheet-compact > label > span
{
display:flex;
width:60px;
font-size:11px;
height:17px;
color:black;
font-weight:normal;
width:60px;
padding-top:4px;
padding-left:5px;
align-items:flex-end;
}
div.sheet-magicFABS > div > div > div.sheet-compact > label > input[type="text"]
{
display:flex;
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
font-size:11px;
height:18px;
border:0px;
border-bottom:1px solid black;
background:transparent;
}
div.sheet-magicFABS > div > div > div.sheet-compact > label > input[type="number"]
{
display:flex;
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
font-size:11px;
height:18px;
border:0px;
border-bottom:1px solid black;
background:transparent;
}
div.sheet-magicFABS > div > div > div.sheet-compact > label > select
{
display: flex;
text-align: center;
border: 0px;
border-bottom: 1px solid black;
padding: 0px;
font-size: 11px;
height: 18px;
}
div.sheet-magicFABS > div > div > div.sheet-compact > label:nth-of-type(odd)
{
width:calc(100% - 130px);
}
div.sheet-magicFABS > div > div > div.sheet-compact > label:nth-of-type(even)
{
width:120px;
}
div.sheet-magicFABS > div > div > div.sheet-compact > label:nth-of-type(odd) > input[type="text"]
{
width:calc(100% - 65px);
}
div.sheet-magicFABS > div > div > div.sheet-compact > label:nth-of-type(even) > select,
div.sheet-magicFABS > div > div > div.sheet-compact > label:nth-of-type(even) > input[type="number"]
{
width:calc(100% - 65px);
text-align:center;
}
div.sheet-magicFABS > div > div > div.sheet-compact > button[type="roll"]
{
display:flex;
width:25%;
padding:0px;
margin:0px;
height:18px;
font-size:11px;
border-radius:0px;
border:0px;
justify-content:center;
margin:auto;
}
div.sheet-magicFABS > div > div > div.sheet-compact > button[type="roll"]::before
{
content:"";
}
div.sheet-magicFABS > div > div > div.sheet-compact > span
{
width:100%;
text-align:center;
border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch;
border-top:5px solid black;
}
div.sheet-magicFABS > div > div > div.sheet-compact > div.sheet-autoex
{
margin-bottom:5px;
font-size:11px;
}
div.sheet-magicFABS > div > div > div.sheet-compact > div.sheet-autoex > textarea
{
border:1px solid black;
}
div.sheet-expandNewMagie,
div.sheet-expandOldMagie
{
display:none;
}
div.sheet-magicFABS > div > div > input[type="hidden"][value="1"]:nth-of-type(2) ~ button[type="roll"].sheet-expandNewMagie,
div.sheet-magicFABS > div > div > input[type="hidden"][value="0"]:nth-of-type(2) ~ button[type="roll"].sheet-expandOldMagie
{
display:none;
}
div.sheet-magicFABS > div > div > div.sheet-compact > div.sheet-expandNewMagie,
div.sheet-magicFABS > div > div > div.sheet-compact > div.sheet-expandOldMagie
{
border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch;
border-top:5px solid black;
width:100%;
flex-wrap:wrap;
}
div.sheet-magicFABS > div > div > div.sheet-compact > input[type="hidden"][value="0"] ~ div.sheet-expandNewMagie,
div.sheet-magicFABS > div > div > div.sheet-compact > input[type="hidden"][value="1"] ~ div.sheet-expandOldMagie
{
display:flex;
}
div.sheet-magicFABS > div > div > div.sheet-compact > div.sheet-expandNewMagie > div:first-of-type
{
display:flex;
justify-content:space-between;
width:100%;
border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch;
border-bottom:5px solid black;
}
div.sheet-magicFABS > div > div > div.sheet-compact > div.sheet-expandNewMagie > div:first-of-type > span:first-of-type
{
display:flex;
width:calc(30% - 2.5%);
justify-content:center;
}
div.sheet-magicFABS > div > div > div.sheet-compact > div.sheet-expandNewMagie > div:first-of-type > span:not(:first-of-type)
{
display:flex;
width:calc(23% - 2.5%);
justify-content:center;
}
div.sheet-magicFABS > div > div > div.sheet-compact > div.sheet-expandNewMagie > div:not(:first-of-type)
{
display:flex;
justify-content:space-between;
width:100%;
flex-wrap:wrap;
}
div.sheet-magicFABS > div > div > div.sheet-compact > div.sheet-expandNewMagie > div:not(:first-of-type):not(:last-of-type)
{
margin-bottom:5px;
}
div.sheet-magicFABS > div > div > div.sheet-compact > div.sheet-expandNewMagie > div:not(:first-of-type) > button[type="roll"]
{
display:flex;
width:calc(30% - 2.5%);
padding:0px;
margin:0px;
border:0px;
border-radius:0px;
height:18px;
font-size:11px;
}
div.sheet-magicFABS > div > div > div.sheet-compact > div.sheet-expandNewMagie > div:not(:first-of-type) > button[type="roll"]::before
{
content:"";
}
div.sheet-magicFABS > div > div > div.sheet-compact > div.sheet-expandNewMagie > div:not(:first-of-type) > input[type="number"]
{
width:calc(23% - 2.5%);
text-align:center;
border:0px;
font-size:11px;
padding-bottom:0px;
padding-right:0px;
padding-left:0px;
border:0px;
border-bottom:1px solid black;
height:18px;
}
div.sheet-magicFABS > div > div > div.sheet-compact > div.sheet-expandNewMagie > div:not(:first-of-type) > div > textarea
{
border:1px solid black;
font-size:11px;
line-height:13px;
}
div.sheet-magicFABS > div > div > div.sheet-compact > div.sheet-expandNewMagie > div:not(:first-of-type) > input[type="hidden"][value="1"] ~ div.sheet-rollas
{
display:flex;
}
div.sheet-magicFABS > div > div > div.sheet-compact > div.sheet-expandNewMagie > div:not(:first-of-type) > div.sheet-rollas
{
display:none;
width:100%;
align-items:end;
justify-content:space-between;
}
div.sheet-magicFABS > div > div > div.sheet-compact > div.sheet-expandNewMagie > div:not(:first-of-type) > div.sheet-rollas > span
{
display:flex;
width:60px;
font-size:11px;
height:18px;
align-items:flex-end;
padding-left:5px;
font-weight:bold;
}
div.sheet-magicFABS > div > div > div.sheet-compact > div.sheet-expandNewMagie > div:not(:first-of-type) > div.sheet-rollas > input[type="text"]
{
width:calc(50% - 60px);
text-align:center;
border:0px;
font-size:11px;
padding-bottom:0px;
padding-right:0px;
padding-left:0px;
border:0px;
border-bottom:1px solid black;
height:18px;
}
div.sheet-magicFABS > div > div > div.sheet-compact > div.sheet-expandNewMagie > div:not(:first-of-type) > div > span
{
line-height:13px;
font-size:11px;
}
div.sheet-magicFABS > div > div > div.sheet-compact > div.sheet-expandOldMagie
{
justify-content:space-between;
}
div.sheet-magicFABS > div > div > div.sheet-compact > div.sheet-expandOldMagie > div
{
display:flex;
width:100%;
flex-wrap:wrap;
height:18px;
justify-content:space-between;
}
div.sheet-magicFABS > div > div > div.sheet-compact > div.sheet-expandOldMagie > span,
div.sheet-magicFABS > div > div > div.sheet-compact > div.sheet-expandOldMagie > div > span
{
display:flex;
width:calc(20% - 2.5%);
flex-wrap:wrap;
height:17px;
font-size:11px;
padding-left:5px;
padding-top:4px;
align-items:flex-end;
}
div.sheet-magicFABS > div > div > div.sheet-compact > div.sheet-expandOldMagie > input[type="number"]
{
display:flex;
width:calc(30% - 2.5%);
flex-wrap:wrap;
height:18px;
font-size:11px;
padding-left:0px;
padding-bottom:0px;
padding-right:0px;
border:0px;
border-bottom:1px solid black;
align-items:flex-end;
}
div.sheet-magicFABS > div > div > div.sheet-compact > div.sheet-expandOldMagie > div > input[type="text"],
div.sheet-magicFABS > div > div > div.sheet-compact > div.sheet-expandOldMagie > div > input[type="number"]
{
display:flex;
width:calc(20% - 2.5%);
flex-wrap:wrap;
height:18px;
font-size:11px;
padding-left:0px;
padding-bottom:0px;
padding-right:0px;
border:0px;
border-bottom:1px solid black;
align-items:flex-end;
text-align:center;
}
div.sheet-magicFABS > div > div > div.sheet-compact > div.sheet-expandOldMagie > input[type="number"]
{
text-align:center;
}
div.sheet-magicFABS > div > div > div.sheet-compact > div.sheet-expandOldMagie > button[type="roll"]
{
display:flex;
height:18px;
width:100%;
justify-content:center;
padding:0px;
margin:0px;
border:0px;
border-radius:0px;
font-size:11px;
}
div.sheet-magicFABS > div > div > div.sheet-compact > div.sheet-expandOldMagie > button[type="roll"]::before
{
content:"";
}
div.sheet-magicFABS > div > div.repitem > div.itemcontrol > button
{
padding-top: 0px;
padding-bottom: 0px;
border-radius: 0px;
height: 18px;
padding-right: 6px;
padding-left: 6px;
}
div.sheet-magicFABS > div > div.repitem > div.itemcontrol > a
{
padding-top: 0px;
padding-bottom: 0px;
border-radius: 0px;
height: 18px;
padding-right: 6px;
padding-left: 6px;
margin-bottom: 5px;
}
/*
/////////////////
CAPACITES D'INVOCATIONS
/////////////////
*/
div.sheet-summoningAbilities
{
display:flex;
flex-wrap:wrap;
width:100%;
}
div.sheet-summoningAbilities > div:first-of-type
{
display:flex;
flex-wrap:wrap;
width:100%;
border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch;
border-bottom:5px solid black;
justify-content:space-between;
}
div.sheet-summoningAbilities > div:first-of-type > span:first-of-type
{
display:flex;
flex-wrap:wrap;
width:calc(25% - 2.5% - 14px);
justify-content:center;
}
div.sheet-summoningAbilities > div:first-of-type > span:not(:first-of-type)
{
display:flex;
flex-wrap:wrap;
width:calc(18.75% - 2.5% - 14px);
justify-content:center;
}
div.sheet-summoningAbilities > div:first-of-type > span:last-of-type
{
display:flex;
width:65px;
}
div.sheet-summoningAbilities > div:not(:first-of-type)
{
display:flex;
flex-wrap:wrap;
width:100%;
justify-content:space-between;
align-items:flex-end;
}
div.sheet-summoningAbilities > div:not(:first-of-type):not(:last-of-type)
{
margin-bottom:5px;
}
div.sheet-summoningAbilities > div:not(:first-of-type) > button[type="roll"]
{
display:flex;
flex-wrap:wrap;
width:calc(25% - 2.5% - 14px);
margin:0px;
padding:0px;
height:18px;
border:0px;
border-radius:0px;
}
div.sheet-summoningAbilities > div:not(:first-of-type) > button[type="roll"]::before
{
content:"";
}
div.sheet-summoningAbilities > div:not(:first-of-type) > button[type="roll"] > span
{
display:flex;
font-size:11px;
width:100%;
padding-left:5px;
height:18px;
}
div.sheet-summoningAbilities > div:not(:first-of-type) > input[type="number"]
{
display:flex;
font-size:11px;
width:calc(18.75% - 2.5% - 14px);
height:18px;
text-align:center;
padding-right:0px;
padding-left:0px;
padding-bottom:0px;
border:0px;
border-bottom:1px solid black;
background:transparent;
}
/*
/////////////////
SORTS ACTIFS ET CREATURES LIEES
/////////////////
*/
div.sheet-asc
{
display:flex;
flex-wrap:wrap;
width:100%;
}
div.sheet-asc > div:first-of-type
{
display:flex;
flex-wrap:wrap;
width:100%;
border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch;
border-bottom:5px solid black;
justify-content:space-between;
}
div.sheet-asc > div:first-of-type > span:first-of-type
{
display:flex;
flex-wrap:wrap;
width:calc(60% - 5px - 15px);
justify-content:center
}
div.sheet-asc > div:first-of-type > span:not(:first-of-type)
{
display:flex;
flex-wrap:wrap;
width:calc(20% - 5px - 4px);
justify-content:center
}
div.sheet-asc > div:first-of-type > span:not(:first-of-type):last-of-type
{
margin-right:24px;
}
div.sheet-asc > div:not(:first-of-type) > div
{
display:flex;
flex-wrap:wrap;
width:100%;
justify-content:space-between;
}
div.sheet-asc > div > div > div:nth-of-type(2)
{
display:flex;
flex-wrap:wrap;
width:calc(100% - 25px);
justify-content:space-between;
}
div.sheet-asc > div > div > div > input[type="text"]
{
display:flex;
flex-wrap:wrap;
width:calc(60% - 5px);
padding-left:5px;
padding-right:0px;
padding-bottom:0px;
font-size:11px;
border:0px;
border-bottom:1px solid black;
height:18px;
}
div.sheet-asc > div > div > div > input[type="number"]
{
display:flex;
flex-wrap:wrap;
width:calc(20% - 5px);
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
font-size:11px;
border:0px;
border-bottom:1px solid black;
justify-content:center;
height:18px;
text-align:center;
}
div.sheet-asc > div > div > label
{
display:flex;
width: 18px;
height: 18px;
}
div.sheet-asc > div > div > label > input[type="checkbox"]
{
position: absolute;
opacity: 0;
width: 18px;
height: 18px;
}
div.sheet-asc > div > div > label > span
{
width: 100%;
margin-top: -2px;
display: block;
}
div.sheet-asc > div > div > label > span::before
{
font-family: "pictos";
content: "y";
text-shadow: 2px 2px 2px #FF0000;
color:black;
font-size: 18px;
opacity: 0;
}
div.sheet-asc > div > div:hover > label > span::before
{
opacity:1;
}
div.sheet-asc > div > div > label > input[type="checkbox"]:checked + span::before
{
color:red;
text-shadow: 2px 2px 2px #555555;
opacity:1;
}
div.sheet-asc > div > div > div.sheet-extend > div > textarea
{
border:1px solid black;
font-size:11px;
}
div.sheet-asc > div > div:first-of-type
{
margin-top:-2px;
}
div.sheet-asc > div > div > div.itemcontrol > button
{
padding-top: 0px;
padding-bottom: 0px;
border-radius: 0px;
height: 16px;
padding-right: 6px;
padding-left: 6px;
}
div.sheet-asc > div > div > div.itemcontrol > a
{
padding-top: 0px;
padding-bottom: 0px;
border-radius: 0px;
height: 16px;
padding-right: 6px;
padding-left: 6px;
margin-bottom: 5px;
}
div.sheet-asc > div:last-of-type
{
display:flex;
width:100%;
border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch;
border-top:5px solid black;
justify-content:space-between;
}
div.sheet-asc > div:last-of-type > label:first-of-type
{
display:flex;
width:95px;
justify-content:space-between;
height:18px;
}
div.sheet-asc > div:last-of-type > label:last-of-type
{
display:flex;
width:135px;
justify-content:space-between;
height:18px;
}
div.sheet-asc > div:last-of-type > label:first-of-type > span
{
display:flex;
width:55px;
padding-left:5px;
padding-top:4px;
font-size:11px;
align-items:flex-end;
height:17px;
color:black;
}
div.sheet-asc > div:last-of-type > label:last-of-type > span
{
display:flex;
width:95px;
padding-left:5px;
padding-top:4px;
font-size:11px;
align-items:flex-end;
height:17px;
color:black;
}
div.sheet-asc > div:last-of-type > label > input[type="number"]
{
display:flex;
width:35px;
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
font-size:11px;
align-items:flex-end;
height:18px;
color:black;
border:0px;
border-bottom:1px solid black;
text-align:center;
background:transparent;
}
/*
/////////////////
INVOCATIONS
/////////////////
*/
div.sheet-summoning
{
display:flex;
width:100%;
flex-wrap:wrap;
}
div.sheet-summoning > div:first-of-type
{
display:flex;
width:100%;
flex-wrap:wrap;
border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch;
border-bottom:5px solid black;
justify-content:space-between;
}
div.sheet-summoning > div:first-of-type > span:first-of-type
{
display:flex;
width:calc(100% - 65px - 65px - 24px);
justify-content:center;
}
div.sheet-summoning > div:first-of-type > span:not(:first-of-type)
{
display:flex;
width:60px;
justify-content:center;
}
div.sheet-summoning > div:first-of-type > span:not(:first-of-type):last-of-type
{
margin-right:24px;
}
div.sheet-summoning > div > div
{
display:flex;
width:100%;
justify-content:space-between;
}
div.sheet-summoning > div > div:first-of-type
{
margin-top:-2px;
}
div.sheet-summoning > div > div > button[type="roll"]
{
display:flex;
width:calc(100% - 24px);
justify-content:space-between;
padding:0px;
margin:0px;
border:0px;
height:18px;
font-size:11px;
}
div.sheet-summoning > div > div > button[type="roll"]::before
{
content:"";
}
div.sheet-summoning > div > div > button[type="roll"] > input[type="text"]
{
display:flex;
width:calc(100% - 65px - 65px - 5px);
padding:0px;
padding-left:5px;
font-size:11px;
height:17px;
border:0px;
background:transparent;
cursor:inherit;
}
div.sheet-summoning > div > div > button[type="roll"] > input[type="number"]
{
display:flex;
width:60px;
padding:0px;
font-size:11px;
height:18px;
border:0px;
text-align:center;
background:transparent;
cursor:inherit;
}
div.sheet-summoning > div > div > div.sheet-compact
{
display:none;
}
div.sheet-summoning > div > div > label
{
display:flex;
width: 18px;
height: 18px;
}
div.sheet-summoning > div > div > label > input[type="checkbox"]
{
position: absolute;
opacity: 0;
width: 18px;
height: 18px;
}
div.sheet-summoning > div > div > label > input[type="checkbox"]:checked ~ span::before
{
color:red;
text-shadow: 2px 2px 2px #555555;
opacity:1;
}
div.sheet-summoning > div > div > label > span
{
width: 100%;
margin-top: -2px;
display: block;
}
div.sheet-summoning > div > div > label > span::before
{
font-family: "pictos";
content: "y";
text-shadow: 2px 2px 2px #FF0000;
color:black;
font-size: 18px;
opacity: 0;
}
div.sheet-summoning > div > div:hover > label > span::before
{
opacity: 1;
}
div.sheet-summoning > div > div > input[type="hidden"][value="1"] ~ button[type="roll"]
{
display:none;
}
div.sheet-summoning > div > div > input[type="hidden"][value="1"] ~ div.sheet-compact
{
display:flex;
width:calc(100% - 24px);
flex-wrap:wrap;
justify-content:space-between;
}
div.sheet-summoning > div > div > div.sheet-compact > input[type="text"]
{
display:flex;
width:calc(100% - 65px - 65px);
padding-left:4px;
padding-right:0px;
padding-bottom:0px;
font-size:11px;
border:0px;
border-bottom:1px solid black;
height:18px;
align-items:flex-end;
}
div.sheet-summoning > div > div > div.sheet-compact > input[type="number"]
{
display:flex;
width:60px;
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
font-size:11px;
border:0px;
border-bottom:1px solid black;
height:18px;
align-items:flex-end;
text-align:center;
}
div.sheet-summoning > div > div > div.sheet-compact > div > textarea
{
border:1px solid black;
font-size:11px;
}
div.sheet-summoning > div > div > div.itemcontrol > button
{
padding-top: 0px;
padding-bottom: 0px;
border-radius: 0px;
height: 16px;
padding-right: 6px;
padding-left: 6px;
}
div.sheet-summoning > div > div > div.itemcontrol > a
{
padding-top: 0px;
padding-bottom: 0px;
border-radius: 0px;
height: 16px;
padding-right: 6px;
padding-left: 6px;
margin-bottom: 5px;
}
/*
/////////////////
METAMAGIES
/////////////////
*/
div.sheet-magicMetamagic
{
display:flex;
width:100%;
flex-wrap:wrap;
}
div.sheet-magicMetamagic > div > textarea
{
border:1px solid black;
font-size:11px;
}
div.sheet-magicMetamagic > label
{
display:flex;
width:65px;
justify-content:space-between;
margin-left:auto;
}
div.sheet-magicMetamagic > label > span
{
display:flex;
width:25px;
font-size:11px;
height:17px;
padding-top:4px;
align-items:flex-end;
color:black;
}
div.sheet-magicMetamagic > label > input[type="number"]
{
display:flex;
width:35px;
font-size:11px;
height:18px;
padding-bottom:0px;
padding-right:0px;
padding-left:0px;
align-items:flex-end;
border:0px;
border-bottom:1px solid black;
text-align:center;
}
/*
//////////////////
TAB PSYCHIC
/////////////////
*/
/*
//////////////////
POINTS DE POUVOIRS PSY
/////////////////
*/
div.sheet-psychicPoints
{
display:flex;
width:calc(25% - 2.5%);
flex-wrap:wrap;
justify-content:space-between;
}
div.sheet-psychicPoints > label:not(:first-of-type),
div.sheet-psychicPoints > div > label
{
display:flex;
width:100%;
flex-wrap:wrap;
justify-content:space-between;
height:18px;
}
div.sheet-psychicPoints > label:not(:first-of-type) > span,
div.sheet-psychicPoints > div > label > span
{
display:flex;
width:60px;
padding-top:4px;
padding-left:5px;
font-size:11px;
height:17px;
align-items:flex-end;
color:black;
font-weight:normal;
}
div.sheet-psychicPoints > label:not(:first-of-type) > input[type="number"],
div.sheet-psychicPoints > div > label > input[type="number"]
{
display:flex;
width:calc(100% - 65px);
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
font-size:11px;
height:18px;
align-items:flex-end;
border:0px;
border-bottom:1px solid black;
text-align:center;
background:transparent;
}
div.sheet-psychicPoints > label:nth-of-type(2)
{
border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch;
border-bottom:5px solid black;
padding-bottom:5px;
}
div.sheet-psychicPoints > label:nth-of-type(3) > span,
div.sheet-psychicPoints > label:nth-of-type(4) > span
{
font-weight:bold;
}
/*
//////////////////
TALENT PSY
/////////////////
*/
div.sheet-psychicPotential
{
display:flex;
width:calc(25% - 2.5%);
flex-wrap:wrap;
justify-content:space-between;
}
div.sheet-psychicPotential > label:not(:first-of-type),
div.sheet-psychicPotential > div > label:not(:last-of-type)
{
display:flex;
width:100%;
flex-wrap:wrap;
justify-content:space-between;
height:18px;
}
div.sheet-psychicPotential > div > label:last-of-type
{
margin:auto;
margin-top:5px;
}
div.sheet-psychicPotential > label:not(:first-of-type) > span,
div.sheet-psychicPotential > div > label:not(:last-of-type) > span
{
display:flex;
width:60px;
padding-top:4px;
padding-left:5px;
font-size:11px;
height:17px;
align-items:flex-end;
color:black;
font-weight:normal;
}
div.sheet-psychicPotential > label:not(:first-of-type) > input[type="number"],
div.sheet-psychicPotential > div > label:not(:last-of-type) > input[type="number"]
{
display:flex;
width:calc(100% - 65px);
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
font-size:11px;
height:18px;
align-items:flex-end;
border:0px;
border-bottom:1px solid black;
text-align:center;
background:transparent;
}
div.sheet-psychicPotential > div > label:not(:last-of-type) > select
{
display:flex;
width:calc(100% - 65px);
padding-left:16px;
padding-right:0px;
padding-top:2px;
padding-bottom:0px;
font-size:11px;
height:18px;
align-items:flex-end;
border:0px;
border-bottom:1px solid black;
text-align:center;
background:transparent;
}
div.sheet-psychicPotential > label:nth-of-type(3)
{
border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch;
border-top:5px solid black;
border-bottom:5px solid black;
padding-bottom:5px;
margin-top:5px;
}
div.sheet-psychicPotential > label:nth-of-type(3) > span
{
font-weight:bold;
}
div.sheet-psychicPotential > button[type="roll"]
{
display:flex;
margin:0px;
width:100%;
height:20.5px;
border-radius:0px;
border:0px;
}
div.sheet-psychicPotential > button[type="roll"]::before
{
font-family: "dicefontd10";
font-size:25px;
padding-top:0px;
padding-bottom:0px;
margin:auto;
}
/*
//////////////////
PROJECTION PSY
/////////////////
*/
div.sheet-psychicProjection
{
display:flex;
width:calc(25% - 2.5%);
flex-wrap:wrap;
justify-content:space-between;
}
div.sheet-psychicProjection > label:not(:first-of-type),
div.sheet-psychicProjection > div > label:not(:last-of-type)
{
display:flex;
width:100%;
flex-wrap:wrap;
justify-content:space-between;
height:18px;
}
div.sheet-psychicProjection > div > label:last-of-type
{
margin:auto;
margin-top:5px;
}
div.sheet-psychicProjection > label:not(:first-of-type) > span,
div.sheet-psychicProjection > div > label:not(:last-of-type) > span
{
display:flex;
width:60px;
padding-top:4px;
padding-left:5px;
font-size:11px;
height:17px;
align-items:flex-end;
color:black;
font-weight:normal;
}
div.sheet-psychicProjection > label:not(:first-of-type) > input[type="number"],
div.sheet-psychicProjection > div > label:not(:last-of-type) > input[type="number"]
{
display:flex;
width:calc(100% - 65px);
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
font-size:11px;
height:18px;
align-items:flex-end;
border:0px;
border-bottom:1px solid black;
text-align:center;
background:transparent;
}
div.sheet-psychicProjection > div > label:not(:last-of-type) > select
{
display:flex;
width:calc(100% - 65px);
padding-left:16px;
padding-right:0px;
padding-top:2px;
padding-bottom:0px;
font-size:11px;
height:18px;
align-items:flex-end;
border:0px;
border-bottom:1px solid black;
text-align:center;
background:transparent;
}
div.sheet-psychicProjection > label:nth-of-type(3)
{
border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch;
border-top:5px solid black;
border-bottom:5px solid black;
padding-bottom:5px;
margin-top:5px;
}
div.sheet-psychicProjection > label:nth-of-type(3) > span
{
font-weight:bold;
}
div.sheet-psychicProjection > button[type="roll"]
{
display:flex;
margin:0px;
width:100%;
height:20.5px;
border-radius:0px;
border:0px;
}
div.sheet-psychicProjection > button[type="roll"]::before
{
font-family: "dicefontd10";
font-size:25px;
padding-top:0px;
padding-bottom:0px;
margin:auto;
}
/*
//////////////////
DISCIPLINES PSY
/////////////////
*/
div.sheet-psychicDisciplines
{
display:flex;
width:calc(25% - 2.5%);
flex-wrap:wrap;
}
div.sheet-psychicDisciplines > div > div
{
display:flex;
width:100%;
flex-wrap:wrap;
}
div.sheet-psychicDisciplines > div > div:first-of-type
{
margin-top:-2px;
}
div.sheet-psychicDisciplines > div > div > input[type="text"]
{
display:flex;
width:100%;
flex-wrap:wrap;
text-align:center;
padding-right:0px;
padding-left:0px;
padding-bottom:0px;
border:0px;
border-bottom:1px solid black;
color:black;
font-size:11px;
height:18px;
}
div.sheet-psychicDisciplines > div > div > .itemcontrol > button
{
padding-top: 0px;
padding-bottom: 0px;
border-radius: 0px;
height: 16px;
padding-right: 6px;
padding-left: 6px;
}
div.sheet-psychicDisciplines > div > div > .itemcontrol > a
{
padding-top: 0px;
padding-bottom: 0px;
border-radius: 0px;
height: 16px;
padding-right: 6px;
padding-left: 6px;
margin-bottom: 5px;
}
/*
//////////////////
PATRON MENTAL PSY
/////////////////
*/
div.sheet-psychicMentalPatterns
{
display:flex;
width:100%;
flex-wrap:wrap;
justify-content:space-between;
}
div.sheet-psychicMentalPatterns > div:first-of-type
{
display:flex;
width:100%;
flex-wrap:wrap;
border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch;
border-bottom:5px solid black;
justify-content:space-between;
}
div.sheet-psychicMentalPatterns > div:first-of-type > span
{
display:flex;
flex-wrap:wrap;
justify-content:center;
}
div.sheet-psychicMentalPatterns > div:first-of-type > span:first-of-type
{
width:calc(100% - 70px - 70px - 65px - 5px - 5px);
}
div.sheet-psychicMentalPatterns > div:first-of-type > span:not(:first-of-type):not(:last-of-type)
{
width:70px;
}
div.sheet-psychicMentalPatterns > div:first-of-type > span:last-of-type
{
width:65px;
}
div.sheet-psychicMentalPatterns > div:nth-of-type(2) > div
{
display:flex;
width:100%;
flex-wrap:wrap;
justify-content:space-between;
align-items:flex-end;
}
div.sheet-psychicMentalPatterns > div:nth-of-type(2) > div:not(:last-of-type)
{
margin-bottom:5px;
}
div.sheet-psychicMentalPatterns > div:nth-of-type(2) > div > input[type="text"]
{
display:flex;
width:calc(100% - 70px - 70px - 65px - 5px - 5px);
padding-right:0px;
padding-left:4px;
padding-bottom:0px;
font-size:11px;
height:18px;
border:0px;
border-bottom:1px solid black;
}
div.sheet-psychicMentalPatterns > div:nth-of-type(2) > div > input[type="number"]
{
display:flex;
width:70px;
padding-right:0px;
padding-left:0px;
padding-bottom:0px;
font-size:11px;
height:18px;
border:0px;
border-bottom:1px solid black;
text-align:center;
}
div.sheet-psychicMentalPatterns > div:nth-last-of-type(3)
{
display:flex;
width:100%;
flex-wrap:wrap;
border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch;
border-bottom:5px solid black;
border-top:5px solid black;
justify-content:space-between;
}
div.sheet-psychicMentalPatterns > div:nth-last-of-type(3) > span
{
display:flex;
width:100%;
flex-wrap:wrap;
justify-content:center;
}
div.sheet-psychicMentalPatterns > div:nth-last-of-type(2) > div:first-of-type
{
margin-top:-2px;
}
div.sheet-psychicMentalPatterns > div:nth-last-of-type(2) > div > input[type="text"]
{
display:flex;
flex-wrap:wrap;
width:100%;
color:black;
padding-bottom:0px;
padding-left:4px;
padding-right:0px;
font-size:11px;
height:18px;
border:0px;
border-bottom:1px solid black;
}
div.sheet-psychicMentalPatterns > div:nth-of-type(2) > div > .itemcontrol > a
{
padding-top: 0px;
padding-bottom: 0px;
border-radius: 0px;
height: 20px;
padding-right: 6px;
padding-left: 6px;
margin-bottom: 5px;
}
div.sheet-psychicMentalPatterns > div:nth-of-type(2) > div > .itemcontrol > button
{
padding-top: 0px;
padding-bottom: 0px;
border-radius: 0px;
height: 20px;
padding-right: 6px;
padding-left: 6px;
}
div.sheet-psychicMentalPatterns > div:nth-last-of-type(2) > div > .itemcontrol > a
{
padding-top: 0px;
padding-bottom: 0px;
border-radius: 0px;
height: 16px;
padding-right: 6px;
padding-left: 6px;
margin-bottom: 5px;
}
div.sheet-psychicMentalPatterns > div:nth-last-of-type(2) > div > .itemcontrol > button
{
padding-top: 0px;
padding-bottom: 0px;
border-radius: 0px;
height: 16px;
padding-right: 6px;
padding-left: 6px;
}
/*
//////////////////
PATRON MENTAL PSY
/////////////////
*/
div.sheet-psychicMaintainedPowers
{
display:flex;
width:calc(50% - 2.5%);
flex-wrap:wrap;
}
div.sheet-psychicMaintainedPowers > div:first-of-type
{
display:flex;
width:100%;
flex-wrap:wrap;
justify-content:space-between;
}
div.sheet-psychicMaintainedPowers > div:first-of-type > label:first-of-type
{
display:flex;
width:120px;
flex-wrap:wrap;
justify-content:space-between;
height:18px;
}
div.sheet-psychicMaintainedPowers > div:first-of-type > label:last-of-type
{
display:flex;
width:115px;
flex-wrap:wrap;
justify-content:space-between;
height:18px;
}
div.sheet-psychicMaintainedPowers > div:first-of-type > label:first-of-type > span
{
display:flex;
width:75px;
flex-wrap:wrap;
font-size:11px;
font-weight:bold;
padding-top:3px;
padding-left:5px;
height:17px;
align-items:flex-end;
color:black
}
div.sheet-psychicMaintainedPowers > div:first-of-type > label:last-of-type > span:first-of-type
{
display:flex;
width:55px;
flex-wrap:wrap;
font-size:11px;
font-weight:bold;
padding-top:3px;
padding-left:5px;
height:17px;
align-items:flex-end;
color:black;
}
div.sheet-psychicMaintainedPowers > div:first-of-type > label:last-of-type > span:last-of-type
{
display:flex;
width:15px;
flex-wrap:wrap;
font-size:11px;
font-weight:bold;
padding-top:3px;
height:17px;
align-items:flex-end;
color:black;
}
div.sheet-psychicMaintainedPowers > div:first-of-type > label > input[type="number"]
{
display:flex;
width:40px;
flex-wrap:wrap;
font-size:11px;
font-weight:normal;
padding-left:0px;
padding-bottom:0px;
padding-right:0px;
height:18px;
align-items:flex-end;
border:0px;
border-bottom:1px solid black;
text-align:center;
}
div.sheet-psychicMaintainedPowers > div:nth-of-type(2)
{
display:flex;
width:100%;
flex-wrap:wrap;
justify-content:space-between;
border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch;
border-bottom:5px solid black;
border-top:5px solid black;
margin-top:5px;
}
div.sheet-psychicMaintainedPowers > div:nth-of-type(2) > span:first-of-type
{
display:flex;
width:calc(100% - 45px);
flex-wrap:wrap;
justify-content:center;
}
div.sheet-psychicMaintainedPowers > div:nth-of-type(2) > span:last-of-type
{
display:flex;
width:40px;
flex-wrap:wrap;
justify-content:center;
}
div.sheet-psychicMaintainedPowers > div:nth-of-type(3) > div
{
display:flex;
width:100%;
flex-wrap:wrap;
justify-content:space-between;
}
div.sheet-psychicMaintainedPowers > div:nth-of-type(3) > div:first-of-type
{
margin-top:-2px;
}
div.sheet-psychicMaintainedPowers > div:nth-of-type(3) > div:not(:last-of-type)
{
margin-bottom:5px;
}
div.sheet-psychicMaintainedPowers > div:nth-of-type(3) > div > input[type="text"]
{
display:flex;
width:calc(100% - 45px);
flex-wrap:wrap;
font-size:11px;
font-weight:normal;
padding-left:5px;
padding-bottom:0px;
padding-right:0px;
height:18px;
align-items:flex-end;
border:0px;
border-bottom:1px solid black;
}
div.sheet-psychicMaintainedPowers > div:nth-of-type(3) > div > input[type="number"]
{
display:flex;
width:40px;
flex-wrap:wrap;
font-size:11px;
font-weight:normal;
padding-left:0px;
padding-bottom:0px;
padding-right:0px;
height:18px;
align-items:flex-end;
border:0px;
border-bottom:1px solid black;
text-align:center;
}
div.sheet-psychicMaintainedPowers > div:nth-of-type(3) > div > div > textarea
{
border:1px solid black;
font-size:11px;
}
div.sheet-psychicMaintainedPowers > div:nth-of-type(3) > div > .itemcontrol > a
{
padding-top: 0px;
padding-bottom: 0px;
border-radius: 0px;
height: 16px;
padding-right: 6px;
padding-left: 6px;
margin-bottom: 5px;
}
div.sheet-psychicMaintainedPowers > div:nth-of-type(3) > div > .itemcontrol > button
{
padding-top: 0px;
padding-bottom: 0px;
border-radius: 0px;
height: 16px;
padding-right: 6px;
padding-left: 6px;
}
/*
//////////////////
POUVOIRS CONNUS PSY
/////////////////
*/
div.sheet-psychicKnownPowers
{
display:flex;
width:100%;
flex-wrap:wrap;
justify-content:space-between;
}
div.sheet-psychicKnownPowers > div:last-of-type
{
display:flex;
width:100%;
flex-wrap:wrap;
justify-content:right;
border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch;
border-top:5px solid black;
}
div.sheet-psychicKnownPowers > div > div
{
display:flex;
width:100%;
flex-wrap:wrap;
justify-content:space-between;
}
div.sheet-psychicKnownPowers > div > div > button[type="roll"]
{
display:flex;
width:calc(100% - 24px);
flex-wrap:wrap;
border:0px;
border-radius:0px;
padding:0px;
margin:0px;
justify-content:space-between;
}
div.sheet-psychicKnownPowers > div > div > button[type="roll"]::before
{
content:"";
}
div.sheet-psychicKnownPowers > div > div > button[type="roll"] > input[type="text"]
{
display:flex;
width:calc(100% - 65px);
flex-wrap:wrap;
border:0px;
padding:0px;
padding-left:5px;
background:transparent;
cursor:inherit;
font-size:11px;
}
div.sheet-psychicKnownPowers > div > div > button[type="roll"] > input[type="number"]
{
display:flex;
width:60px;
flex-wrap:wrap;
border:0px;
padding:0px;
background:transparent;
text-align:center;
cursor:inherit;
font-size:11px;
}
div.sheet-psychicKnownPowers > div > div > label:first-of-type
{
display:none;
width:calc(100% - 25px - 65px);
flex-wrap:wrap;
}
div.sheet-psychicKnownPowers > div > div > label:first-of-type > input[type="text"]
{
display:flex;
width:100%;
height:18px;
padding-left:5px;
padding-bottom:0px;
padding-right:0px;
border:0px;
border-bottom:1px solid black;
font-size:11px;
}
div.sheet-psychicKnownPowers > div > div > label:first-of-type > span,
div.sheet-psychicKnownPowers > div > div > label:nth-of-type(2) > span
{
display:flex;
width:100%;
height:17px;
padding-left:0px;
padding-top:0px;
padding-right:0px;
font-size:11px;
align-items:baseline;
justify-content:center;
color:black;
}
div.sheet-psychicKnownPowers > div > div > label:nth-of-type(2)
{
display:none;
width:60px;
flex-wrap:wrap;
}
div.sheet-psychicKnownPowers > div > div > label:nth-of-type(2) > input[type="number"]
{
display:flex;
width:100%;
height:18px;
padding-left:0px;
padding-bottom:0px;
padding-right:0px;
border:0px;
border-bottom:1px solid black;
font-size:11px;
text-align:center;
}
div.sheet-psychicKnownPowers > div > div > label:last-of-type
{
width: 18px;
height: 18px;
}
div.sheet-psychicKnownPowers > div > div > label:last-of-type > input[type="checkbox"]
{
position: absolute;
opacity: 0;
width: 18px;
height: 18px;
}
div.sheet-psychicKnownPowers > div > div > label:last-of-type > input[type="checkbox"] + span
{
width: 100%;
margin-top: -2px;
display: block;
}
div.sheet-psychicKnownPowers > div > div > label:last-of-type > input[type="checkbox"] + span::before
{
font-family: "pictos";
content: "y";
text-shadow: 2px 2px 2px #FF0000;
color:black;
font-size:18px;
opacity:0;
}
div.sheet-psychicKnownPowers > div > div > label:last-of-type > input[type="checkbox"]:checked + span::before
{
color:red;
text-shadow: 2px 2px 2px #555555;
opacity: 1;
}
div.sheet-psychicKnownPowers > div > div:hover > label:last-of-type > input[type="checkbox"] + span::before
{
opacity: 1;
}
div.sheet-psychicKnownPowers > div > div > div
{
display:none;
width:100%;
flex-wrap:wrap;
justify-content:space-between;
}
div.sheet-psychicKnownPowers > div > div > input[type="hidden"][value="1"] ~ button[type="roll"]
{
display:none;
}
div.sheet-psychicKnownPowers > div > div > input[type="hidden"][value="1"] ~ label:not(:last-of-type),
div.sheet-psychicKnownPowers > div > div > input[type="hidden"][value="1"] ~ div.sheet-compact
{
display:flex;
}
div.sheet-psychicKnownPowers > div > div > div.sheet-compact > span
{
display:flex;
width:100%;
justify-content:center;
border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch;
border-bottom:5px solid black;
border-top:5px solid black;
margin-top:5px;
}
div.sheet-psychicKnownPowers > div > div > div.sheet-compact > div:first-of-type > textarea
{
border:1px solid black;
font-size:11px;
line-height:13px;
}
div.sheet-psychicKnownPowers > div > div > div.sheet-compact > div:first-of-type > span
{
line-height:13px;
font-size:11px;
}
div.sheet-psychicKnownPowers > div > div > div.sheet-compact > div:nth-of-type(2)
{
display:flex;
width:100%;
border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch;
border-bottom:5px solid black;
border-top:5px solid black;
margin-top:5px;
justify-content:space-between;
}
div.sheet-psychicKnownPowers > div > div > div.sheet-compact > div:nth-of-type(2) > span
{
justify-content:center;
}
div.sheet-psychicKnownPowers > div > div > div.sheet-compact > div:nth-of-type(2) > span:first-of-type
{
display:flex;
width:70px;
flex-wrap:wrap;
}
div.sheet-psychicKnownPowers > div > div > div.sheet-compact > div:nth-of-type(2) > span:last-of-type
{
display:flex;
width:calc(100% - 71px);
flex-wrap:wrap;
}
div.sheet-psychicKnownPowers > div > div > div.sheet-compact > label
{
display:flex;
width:100%;
flex-wrap:wrap;
justify-content:space-between;
}
div.sheet-psychicKnownPowers > div > div > div.sheet-compact > label:not(:last-of-type)
{
margin-bottom:7px;
}
div.sheet-psychicKnownPowers > div > div > div.sheet-compact > label > span
{
display:flex;
width:70px;
flex-wrap:wrap;
font-size:11px;
height:auto;
align-items:center;
justify-content:center;
border-top: 1px solid black;
border-bottom: 1px solid black;
border-left: 1px solid black;
border-top-left-radius: 30px;
border-bottom-left-radius: 30px;
margin-bottom: -2px;
color:black;
}
div.sheet-psychicKnownPowers > div > div > div.sheet-compact > label > div
{
display:flex;
width:calc(100% - 71px);
flex-wrap:wrap;
}
div.sheet-psychicKnownPowers > div > div > div.sheet-compact > label > div > textarea
{
font-size:11px;
border:1px solid black;
line-height:13px;
}
div.sheet-psychicKnownPowers > div > div > div.sheet-compact > label > div > span
{
line-height:13px;
}
div.sheet-psychicKnownPowers > div > div > div.sheet-compact > button[type="roll"]
{
display:flex;
width:calc(50% - 0.5px);
flex-wrap:wrap;
height:18px;
padding:0px;
margin:0px;
border:0px;
border-radius:0px;
margin-top:2px;
}
div.sheet-psychicKnownPowers > div > div > div.sheet-compact > button[type="roll"]::before
{
content:"";
}
div.sheet-psychicKnownPowers > div > div > div.sheet-compact > button[type="roll"]:first-of-type
{
border-right:1px solid black;
}
div.sheet-psychicKnownPowers > div > div > div.sheet-compact > button[type="roll"] > span
{
display:flex;
width:100%;
flex-wrap:wrap;
height:18px;
font-size:11px;
justify-content:center;
}
div.sheet-psychicKnownPowers > div > div > .itemcontrol > button
{
padding-top: 0px;
padding-bottom: 0px;
border-radius: 0px;
height: 16px;
padding-right: 6px;
padding-left: 6px;
}
div.sheet-psychicKnownPowers > div > div > .itemcontrol > a
{
padding-top: 0px;
padding-bottom: 0px;
border-radius: 0px;
height: 16px;
padding-right: 6px;
padding-left: 6px;
margin-bottom: 5px;
}
div.sheet-psychicKnownPowers > div > label
{
display:flex;
width:107px;
flex-wrap:wrap;
justify-content:space-between;
height:18px;
}
div.sheet-psychicKnownPowers > div > label > span:first-of-type
{
display:flex;
width:52px;
flex-wrap:wrap;
font-size:11px;
padding-top:3px;
align-items:flex-end;
height:17px;
color:black;
}
div.sheet-psychicKnownPowers > div > label > input[type="number"]
{
display:flex;
width:40px;
flex-wrap:wrap;
font-size:11px;
padding-right:0px;
padding-left:0px;
padding-bottom:0px;
border:0px;
border-bottom:1px solid black;
align-items:flex-end;
text-align:center;
height:18px;
}
div.sheet-psychicKnownPowers > div > label > span:last-of-type
{
display:flex;
width:15px;
flex-wrap:wrap;
font-size:11px;
padding-top:3px;
align-items:flex-end;
justify-content:left;
height:17px;
color:black;
}
/*
//////////////////
TAB KI
/////////////////
*/
/*
//////////////////
POUVOIRS DU KI ET DU NEMESIS
/////////////////
*/
div.sheet-kiNemesisAbilities
{
display:flex;
flex-wrap:wrap;
width:100%;
}
div.sheet-kiNemesisAbilities > div,
div.sheet-kiNemesisAbilities > div div
{
display:flex;
flex-wrap:wrap;
width:100%;
justify-content:space-between;
}
div.sheet-kiNemesisAbilities > div div > span
{
display:flex;
flex-wrap:wrap;
width:calc(100% - 35px);
height:22px;
font-size:11px;
padding-left:5px;
align-items:center;
font-weight:bold;
color:black;
}
div.sheet-kiNemesisAbilities > div input[type="hidden"][value="0"] ~ div
{
display:none;
}
div.sheet-kiNemesisAbilities > div input[type="hidden"]:not([value="0"]) ~ div
{
display:flex;
flex-wrap:wrap;
width:100%;
justify-content:space-between;
margin-top:2px;
margin-left:20px;
}
div.sheet-kiNemesisAbilities > div div.sheet-wRoll > span
{
width:calc(100% - 35px - 45px - 45px);
}
div.sheet-kiNemesisAbilities > div div.sheet-wRoll > input[type="number"]
{
display:none;
width:40px;
font-size:11px;
padding-right:0px;
padding-left:0px;
padding-bottom:0px;
border:0px;
border-bottom:1px solid black;
height:22px;
text-align:center;
}
div.sheet-kiNemesisAbilities > div div.sheet-wRoll > button[type="roll"]
{
display:none;
width:40px;
padding:0px;
margin:0px;
border:0px;
border-radius:0px;
justify-content:center;
height:22px;
font-size:30px;
}
div.sheet-kiNemesisAbilities > div input[type="hidden"]:not([value="0"]) ~ button[type="roll"],
div.sheet-kiNemesisAbilities > div input[type="hidden"]:not([value="0"]) ~ input[type="number"]
{
display:flex;
}
div.sheet-kiNemesisAbilities > div div.sheet-wRoll > button[type="roll"]::before
{
font-family:"dicefontd10";
color:black;
}
/*
//////////////////
RESERVES DE KI
/////////////////
*/
div.sheet-kiPool
{
display:flex;
flex-wrap:wrap;
width:calc(100% - 2.5%);
}
div.sheet-kiPool > div:not(:first-of-type) > label
{
width: 18px;
height: 18px;
margin-top: -2px;
}
div.sheet-kiPool > div:not(:first-of-type) > label > input[type="checkbox"]
{
position: absolute;
opacity: 0;
width: 18px;
height: 18px;
}
div.sheet-kiPool > div:not(:first-of-type) > label > span
{
width: 100%;
margin-top: -2px;
display: block;
}
div.sheet-kiPool > div:not(:first-of-type) > label > span::before
{
font-family: "pictos";
content: "y";
text-shadow: 2px 2px 2px #FF0000;
color:black;
font-size: 18px;
opacity: 0;
}
div.sheet-kiPool > div:not(:first-of-type):hover > label > span::before
{
opacity: 1;
}
div.sheet-kiPool > div:not(:first-of-type) > label > input[type="checkbox"]:checked + span::before
{
color:red;
text-shadow: 2px 2px 2px #555555;
opacity: 1;
}
div.sheet-kiPool > div:first-of-type
{
display:flex;
flex-wrap:wrap;
width:100%;
justify-content:space-between;
border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch;
border-bottom:5px solid black;
}
div.sheet-kiPool > div:first-of-type > span
{
display:flex;
flex-wrap:wrap;
width:calc(33.33% - 5px - 20px - 8.33px);
justify-content:center;
}
div.sheet-kiPool > div:first-of-type > span:first-of-type
{
margin-left:65px;
}
div.sheet-kiPool > div:first-of-type > span:last-of-type
{
margin-right:25px;
}
div.sheet-kiPool > div > .sheet-extend
{
display:none;
}
div.sheet-kiPool > div:not(:first-of-type) > div:first-of-type,
div.sheet-kiPool > div:last-of-type > div
{
display:flex;
flex-wrap:wrap;
width:calc(100% - 25px);
justify-content:space-between;
}
div.sheet-kiPool > div:not(:first-of-type) > input[type="hidden"][value="1"] ~ .sheet-extend
{
display:flex;
flex-wrap:wrap;
width:calc(100% - 25px);
justify-content:space-between;
}
div.sheet-kiPool > div:not(:first-of-type):not(:last-of-type),
div.sheet-kiPool > div:not(:first-of-type) > .sheet-extend > div,
div.sheet-kiPool > div:last-of-type
{
display:flex;
flex-wrap:wrap;
width:100%;
justify-content:space-between;
}
div.sheet-kiPool > div:not(:first-of-type):not(:last-of-type) > div:first-of-type > span
{
display:flex;
flex-wrap:wrap;
width:60px;
height:18px;
font-weight:bold;
align-items:center;
justify-content:center;
padding-top:2px;
}
div.sheet-kiPool > div:not(:first-of-type):not(:last-of-type) > div.sheet-extend > div > span
{
display:flex;
flex-wrap:wrap;
width:60px;
height:18px;
font-weight:normal;
align-items:center;
font-size:11px;
padding-left:5px;
}
div.sheet-kiPool > div:not(:first-of-type):not(:last-of-type) > div:first-of-type > input[type="number"],
div.sheet-kiPool > div:not(:first-of-type):not(:last-of-type) > div.sheet-extend > div > input[type="number"],
div.sheet-kiPool > div:last-of-type > div > input[type="number"]
{
display:flex;
flex-wrap:wrap;
width:calc(33.33% - 5px - 20px);
height:18px;
font-weight:bold;
align-items:center;
justify-content:center;
padding-right:0px;
padding-left:0px;
padding-bottom:0px;
font-size:11px;
border:0px;
border-bottom:1px solid black;
background:transparent;
text-align:center;
font-weight:normal;
}
div.sheet-kiPool > div:not(:first-of-type):not(:last-of-type) > div.sheet-extend > div > input[type="number"]:first-of-type,
div.sheet-kiPool > div:last-of-type > div > input[type="number"]:first-of-type
{
margin-right:5px;
}
div.sheet-kiPool > div:not(:first-of-type):not(:last-of-type) > div.sheet-extend > div > input[type="number"]:last-of-type
{
margin-right:calc(33.33% - 20px);
}
div.sheet-kiPool > div:last-of-type > div > span
{
display:flex;
flex-wrap:wrap;
width:calc(33.33% + 40px);
height:18px;
font-weight:bold;
align-items:center;
padding-left:5px;
padding-top:2px;
font-size:11px;
}
div.sheet-kiPool > div:last-of-type
{
border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch;
border-top:5px solid black;
margin-top:5px;
}
/*
//////////////////
DEVELOPPEMEMENT INTERIEUR
/////////////////
*/
div.sheet-kiMartialKnowledge
{
display:flex;
flex-wrap:wrap;
width:100%;
justify-content:space-between;
}
div.sheet-kiMartialKnowledge > div
{
display:flex;
width:100%;
justify-content:space-between;
border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch;
border-top:5px solid black;
margin-top:5px;
}
div.sheet-kiMartialKnowledge > div > label,
div.sheet-kiMartialKnowledge > label
{
display:flex;
flex-wrap:wrap;
width:calc(50% - 5px);
justify-content:space-between;
height:18px;
}
div.sheet-kiMartialKnowledge > div > label > span,
div.sheet-kiMartialKnowledge > label > span
{
display:flex;
flex-wrap:wrap;
width:40px;
padding-left:5px;
padding-top:3px;
align-items:flex-end;
font-size: 11px;
height:17px;
color:black;
font-weight:normal;
}
div.sheet-kiMartialKnowledge > div > label > span
{
font-weight:bold;
}
div.sheet-kiMartialKnowledge > div > label > input[type="number"],
div.sheet-kiMartialKnowledge > label > input[type="number"]
{
display:flex;
flex-wrap:wrap;
width:calc(100% - 45px);
padding-right:0px;
padding-left:0px;
padding-bottom:0px;
align-items:flex-end;
text-align:center;
font-size:11px;
height:18px;
border:0px;
border-bottom:1px solid black;
}
/*
//////////////////
SCEAU DE KI
/////////////////
*/
div.sheet-kiSeals,
div.sheet-kiSeals > div
{
display:flex;
flex-wrap:wrap;
width:100%;
justify-content:space-between;
}
div.sheet-kiSeals > div:first-of-type
{
border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch;
border-bottom:5px solid black;
margin-bottom:5px;
}
div.sheet-kiSeals > div:first-of-type > span
{
display:flex;
width:50px;
flex-wrap:wrap;
justify-content:center;
}
div.sheet-kiSeals > div:nth-of-type(2)
{
margin-bottom:5px;
}
/*
//////////////////
ARS MAGNUS
/////////////////
*/
div.sheet-kiArsMagus
{
display:flex;
width:calc(70% - 1.417%);
flex-wrap:wrap;
justify-content:space-between;
align-items:baseline;
}
div.sheet-kiArsMagus > div:first-of-type
{
display:flex;
width:100%;
flex-wrap:wrap;
justify-content:space-between;
border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch;
border-bottom:5px solid black;
z-index:1;
}
div.sheet-kiArsMagus > div:first-of-type > span:first-of-type
{
display:flex;
width:calc(100% - 65px - 65px - 25px);
flex-wrap:wrap;
justify-content:center;
}
div.sheet-kiArsMagus > div:first-of-type > span:not(:first-of-type)
{
display:flex;
width:60px;
flex-wrap:wrap;
justify-content:center;
}
div.sheet-kiArsMagus > div:first-of-type > span:last-of-type
{
margin-right:24px;
}
div.sheet-kiArsMagus > div > div
{
display:flex;
width:100%;
flex-wrap:wrap;
justify-content:space-between;
}
div.sheet-kiArsMagus > div > div:first-of-type
{
margin-top:-2px;
}
div.sheet-kiArsMagus > div > div > input[type="text"]
{
display:flex;
width:calc(100% - 65px - 65px - 25px);
height:18px;
font-size:11px;
padding-left:5px;
padding-bottom:0px;
padding-right:0px;
border:0px;
border-bottom:1px solid black;
}
div.sheet-kiArsMagus > div > div > input[type="number"]
{
display:flex;
width:60px;
height:18px;
font-size:11px;
padding-left:0px;
padding-bottom:0px;
padding-right:0px;
text-align:center;
border:0px;
border-bottom:1px solid black;
}
div.sheet-kiArsMagus > div > div > input[type="number"]:last-of-type
{
margin-right:25px;
}
div.sheet-kiArsMagus > div > div > label
{
width: 18px;
height: 18px;
}
div.sheet-kiArsMagus > div > div > label > input[type="checkbox"]
{
position: absolute;
opacity: 0;
width: 18px;
height: 18px;
}
div.sheet-kiArsMagus > div > div > label > span
{
width: 100%;
margin-top: -2px;
display: block;
}
div.sheet-kiArsMagus > div > div > label > span::before
{
font-family: "pictos";
content: "y";
text-shadow: 2px 2px 2px #FF0000;
color:black;
font-size:18px;
opacity:0;
}
div.sheet-kiArsMagus > div > div:hover > label > span::before
{
opacity:1;
}
div.sheet-kiArsMagus > div > div > label > input[type="checkbox"]:checked + span::before
{
color:red;
text-shadow: 2px 2px 2px #555555;
opacity: 1;
}
div.sheet-kiArsMagus > div > div > div.sheet-extend
{
display:none;
width:100%;
flex-wrap:wrap;
}
div.sheet-kiArsMagus > div > div > div.sheet-extend > textarea
{
border:1px solid black;
font-size:11px;
line-height:13px;
}
div.sheet-kiArsMagus > div > div > div.sheet-extend > span
{
font-size:11px;
line-height:13px;
}
div.sheet-kiArsMagus > div > div > input[type="hidden"][value="1"] + div.sheet-extend
{
display:flex;
}
div.sheet-kiArsMagus > div > div > .itemcontrol > button
{
padding-top: 0px;
padding-bottom: 0px;
border-radius: 0px;
height: 16px;
padding-right: 6px;
padding-left: 6px;
}
div.sheet-kiArsMagus > div > div > .itemcontrol > a
{
padding-top: 0px;
padding-bottom: 0px;
border-radius: 0px;
height: 16px;
padding-right: 6px;
padding-left: 6px;
margin-bottom: 5px;
}
div.sheet-kiArsMagus > div:nth-last-of-type(2),
div.sheet-kiArsMagus > div:last-of-type
{
display:flex;
width:100%;
justify-content:space-between;
flex-wrap:wrap;
}
div.sheet-kiArsMagus > div:nth-last-of-type(2)
{
border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch;
border-bottom:5px solid black;
border-top:5px solid black;
}
div.sheet-kiArsMagus > div:nth-last-of-type(2) > span:first-of-type
{
display:flex;
width:calc(100% - 64px - 65px);
flex-wrap:wrap;
justify-content:center;
}
div.sheet-kiArsMagus > div:nth-last-of-type(2) > span:not(:first-of-type)
{
display:flex;
width:60px;
flex-wrap:wrap;
justify-content:center;
}
div.sheet-kiArsMagus > div:last-of-type > span
{
display:flex;
width:calc(100% - 65px - 65px);
height:18px;
font-size:11px;
flex-wrap:wrap;
font-weight:bold;
padding-left:2px;
}
div.sheet-kiArsMagus > div:last-of-type > input[type="number"]
{
display:flex;
width:60px;
flex-wrap:wrap;
height:18px;
padding-right:0px;
padding-left:0px;
padding-bottom:0px;
border:0px;
border-bottom:1px solid black;
font-size:11px;
text-align:center;
}
/*
//////////////////
KI LIMITE
/////////////////
*/
div.sheet-kiLimit
{
display:flex;
width:calc(30% - 2.5%);
flex-wrap:wrap;
justify-content:space-between;
align-items:baseline;
align-content:baseline;
}
div.sheet-kiLimit > select
{
display:flex;
width:100%;
height:18px;
font-size:11px;
padding:0px;
border:0px;
border-bottom:1px solid black;
}
/*
//////////////////
ARTS MARTIAUX
/////////////////
*/
div.sheet-kiMartialArts
{
display:flex;
width:100%;
flex-wrap:wrap;
justify-content:space-between;
}
div.sheet-kiMartialArts > div:first-of-type
{
display:flex;
width:100%;
flex-wrap:wrap;
justify-content:space-between;
border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch;
border-bottom:5px solid black;
z-index:1;
}
div.sheet-kiMartialArts > div:first-of-type > span
{
display:flex;
flex-wrap:wrap;
justify-content:center;
}
div.sheet-kiMartialArts > div:first-of-type > span:first-of-type
{
width:calc(100% - 105px - 65px - 25px);
}
div.sheet-kiMartialArts > div:first-of-type > span:nth-of-type(2)
{
width:100px;
}
div.sheet-kiMartialArts > div:first-of-type > span:nth-of-type(3)
{
width:60px;
}
div.sheet-kiMartialArts > div:first-of-type > span:last-of-type
{
margin-right:24px;
}
div.sheet-kiMartialArts > div:nth-of-type(2) > div
{
display:flex;
width:100%;
flex-wrap:wrap;
justify-content:space-between;
}
div.sheet-kiMartialArts > div:nth-of-type(2) > div:first-of-type
{
margin-top:-2px;
}
div.sheet-kiMartialArts > div:nth-of-type(2) > div > input[type="text"]
{
display:flex;
width:calc(100% - 65px - 105px - 25px);
flex-wrap:wrap;
justify-content:space-between;
font-size:11px;
height:18px;
border:0px;
border-bottom:1px solid black;
padding-right:0px;
padding-left:5px;
padding-bottom:0px;
}
div.sheet-kiMartialArts > div:nth-of-type(2) > div > select
{
display:flex;
width:99px;
flex-wrap:wrap;
justify-content:center;
padding:0px;
border:0px;
border-bottom:1px solid black;
height:18px;
font-size:11px;
}
div.sheet-kiMartialArts > div:nth-of-type(2) > div > input[type="number"]
{
display:flex;
width:60px;
flex-wrap:wrap;
justify-content:center;
padding-right:0px;
padding-left:0px;
padding-bottom:0px;
border:0px;
border-bottom:1px solid black;
height:18px;
font-size:11px;
text-align:center;
}
div.sheet-kiMartialArts > div:nth-of-type(2) > div > label
{
width: 18px;
height: 18px;
margin-top: -2px;
}
div.sheet-kiMartialArts > div:nth-of-type(2) > div > label > input[type="checkbox"]
{
position: absolute;
opacity: 0;
width: 18px;
height: 18px;
}
div.sheet-kiMartialArts > div:nth-of-type(2) > div > label > span
{
width: 100%;
margin-top: -2px;
display: block;
}
div.sheet-kiMartialArts > div:nth-of-type(2) > div > label > span::before
{
font-family: "pictos";
content: "y";
text-shadow: 2px 2px 2px #FF0000;
color:black;
font-size:18px;
opacity:0;
}
div.sheet-kiMartialArts > div:nth-of-type(2) > div:hover > label > span::before
{
opacity: 1;
}
div.sheet-kiMartialArts > div:nth-of-type(2) > div > label > input[type="checkbox"]:checked + span::before
{
color:red;
text-shadow: 2px 2px 2px #555555;
opacity: 1;
}
div.sheet-kiMartialArts > div:nth-of-type(2) > div > div.sheet-extend
{
display:none;
width:100%;
flex-wrap:wrap;
}
div.sheet-kiMartialArts > div:nth-of-type(2) > div > div.sheet-extend > textarea
{
border:1px solid black;
}
div.sheet-kiMartialArts > div:nth-of-type(2) > div > input[type="hidden"][value="1"] + div.sheet-extend
{
display:flex;
}
div.sheet-kiMartialArts > div > div > .itemcontrol > button
{
padding-top: 0px;
padding-bottom: 0px;
border-radius: 0px;
height: 16px;
padding-right: 6px;
padding-left: 6px;
}
div.sheet-kiMartialArts > div > div > .itemcontrol > a
{
padding-top: 0px;
padding-bottom: 0px;
border-radius: 0px;
height: 16px;
padding-right: 6px;
padding-left: 6px;
margin-bottom: 5px;
}
div.sheet-kiMartialArts > div:nth-last-of-type(2)
{
display:flex;
width:100%;
justify-content:space-between;
flex-wrap:wrap;
border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch;
border-bottom:5px solid black;
border-top:5px solid black;
z-index:1;
}
div.sheet-kiMartialArts > div:nth-last-of-type(2) > span:nth-of-type(1),
div.sheet-kiMartialArts > div:nth-last-of-type(2) > span:nth-of-type(3),
div.sheet-kiMartialArts > div:nth-last-of-type(2) > span:nth-of-type(4)
{
display:flex;
width:60px;
flex-wrap:wrap;
justify-content:center;
}
div.sheet-kiMartialArts > div:nth-last-of-type(2) > span:nth-of-type(2)
{
display:flex;
width:calc(100% - 65px - 65px - 65px);
flex-wrap:wrap;
justify-content:center;
}
div.sheet-kiMartialArts > div:last-of-type
{
display:flex;
width:100%;
justify-content:space-between;
flex-wrap:wrap;
margin-top:-2px;
}
div.sheet-kiMartialArts > div:last-of-type > input[type="number"]
{
display:flex;
width:60px;
text-align:center;
padding-right:0px;
padding-left:0px;
padding-bottom:0px;
font-size:11px;
border:0px;
border-bottom:1px solid black;
height:18px;
}
div.sheet-kiMartialArts > div:last-of-type > span
{
display:flex;
width:20px;
height:18px;
font-weight:bold;
justify-content:center;
}
div.sheet-kiMartialArts > div:last-of-type > select
{
display:flex;
width:calc(100% - 65px - 65px - 65px - 24px - 65px);
padding:0px;
font-size:11px;
border:0px;
border-bottom:1px solid black;
height:18px;
}
div.sheet-kiMartialArts > div:last-of-type > div
{
width:100%;
margin-top:5px;
}
div.sheet-kiMartialArts > div:last-of-type > div > textarea
{
border:1px solid black;
}
/*
//////////////////
CREATURES CONNUES
/////////////////
*/
div.sheet-kiCreaturesKnown
{
display:flex;
width:100%;
flex-wrap:wrap;
justify-content:space-between;
}
div.sheet-kiCreaturesKnown > div:first-of-type
{
display:flex;
width:100%;
flex-wrap:wrap;
justify-content:space-between;
border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch;
border-bottom:5px solid black;
}
div.sheet-kiCreaturesKnown > div:first-of-type > span:nth-of-type(1)
{
display:flex;
width:103px;
flex-wrap:wrap;
justify-content:center;
}
div.sheet-kiCreaturesKnown > div:first-of-type > span:nth-of-type(2)
{
display:flex;
width:60px;
flex-wrap:wrap;
justify-content:center;
}
div.sheet-kiCreaturesKnown > div:first-of-type > span:nth-of-type(3)
{
display:flex;
width:calc(100% - 105px - 65px - 25px);
flex-wrap:wrap;
justify-content:center;
margin-right:25px;
}
div.sheet-kiCreaturesKnown > div:not(:first-of-type) > div
{
display:flex;
width:100%;
flex-wrap:wrap;
justify-content:space-between;
}
div.sheet-kiCreaturesKnown > div:not(:first-of-type) > div > button
{
display:flex;
width:calc(100% - 25px);
flex-wrap:wrap;
justify-content:space-between;
margin:0px;
padding:0px;
border:0px;
height:18px;
border-radius:0px;
}
div.sheet-kiCreaturesKnown > div:not(:first-of-type) > div > button::before
{
content:"";
}
div.sheet-kiCreaturesKnown > div:not(:first-of-type) > div > button > span:first-of-type
{
display:flex;
width:100px;
flex-wrap:wrap;
border:0px;
font-size:11px;
padding:0px;
padding-left:5px;
height:18px;
background:transparent;
cursor:inherit;
}
div.sheet-kiCreaturesKnown > div:not(:first-of-type) > div > button > span:nth-of-type(2)
{
display:flex;
width:60px;
flex-wrap:wrap;
border:0px;
font-size:11px;
padding:0px;
height:18px;
justify-content:center;
background:transparent;
cursor:inherit;
margin-left:-1px;
}
div.sheet-kiCreaturesKnown > div:not(:first-of-type) > div > button > span:last-of-type
{
display:flex;
width:calc(100% - 65px - 105px);
flex-wrap:wrap;
border:0px;
font-size:11px;
padding:0px;
height:18px;
background:transparent;
cursor:inherit;
}
div.sheet-kiCreaturesKnown > div:not(:first-of-type) > div > div.sheet-extend
{
display:none;
width:calc(100% - 25px);
justify-content:space-between;
}
div.sheet-kiCreaturesKnown > div:not(:first-of-type) > div > div.sheet-extend > input[type="text"]:first-of-type
{
display:flex;
width:103px;
padding-right:0px;
padding-left:5px;
padding-bottom:0px;
font-size:11px;
border:0px;
border-bottom:1px solid black;
height:18px;
}
div.sheet-kiCreaturesKnown > div:not(:first-of-type) > div > div.sheet-extend > input[type="number"]
{
display:flex;
width:60px;
padding-right:0px;
padding-left:0px;
padding-bottom:0px;
font-size:11px;
border:0px;
border-bottom:1px solid black;
height:18px;
text-align:center;
}
div.sheet-kiCreaturesKnown > div:not(:first-of-type) > div > div.sheet-extend > input[type="text"]:last-of-type
{
display:flex;
width:calc(100% - 105px - 65px);
padding-right:0px;
padding-left:0px;
padding-bottom:0px;
font-size:11px;
border:0px;
border-bottom:1px solid black;
height:18px;
}
div.sheet-kiCreaturesKnown > div:not(:first-of-type) > div > label
{
width: 18px;
height: 18px;
margin-top: -2px;
}
div.sheet-kiCreaturesKnown > div:not(:first-of-type) > div > label > input[type="checkbox"]
{
position: absolute;
opacity: 0;
width: 18px;
height: 18px;
}
div.sheet-kiCreaturesKnown > div:not(:first-of-type) > div > label > span
{
width: 100%;
margin-top: -2px;
display: block;
}
div.sheet-kiCreaturesKnown > div:not(:first-of-type) > div > label > span::before
{
font-family: "pictos";
content: "y";
text-shadow: 2px 2px 2px #FF0000;
color:black;
font-size:18px;
opacity:0;
}
div.sheet-kiCreaturesKnown > div:not(:first-of-type) > div:hover > label > span::before
{
opacity:1;
}
div.sheet-kiCreaturesKnown > div:not(:first-of-type) > div > label > input[type="checkbox"]:checked + span::before
{
color:red;
text-shadow: 2px 2px 2px #555555;
opacity: 1;
}
div.sheet-kiCreaturesKnown > div:not(:first-of-type) > div > input[type="hidden"]:nth-of-type(2)[value="1"] ~ button[type="roll"]
{
display:none;
}
div.sheet-kiCreaturesKnown > div:not(:first-of-type) > div > input[type="hidden"]:nth-of-type(2)[value="1"] ~ div.sheet-extend
{
display:flex;
}
/*
//////////////////
TECHNIQUES DE KI
/////////////////
*/
div.sheet-kiTechniques
{
display:flex;
width:100%;
flex-wrap:wrap;
justify-content:space-between;
}
div.sheet-kiTechniques > div > div
{
display:flex;
width:100%;
flex-wrap:wrap;
justify-content:space-between;
}
div.sheet-kiTechniques > div > div:not(:first-of-type)
{
margin-top:5px;
}
div.sheet-kiTechniques > div > div > input[type="hidden"][value="1"] ~ div.sheet-extend,
div.sheet-kiTechniques > div > div > input[type="hidden"][value="0"] ~ button[type="roll"]
{
display:flex;
width:calc(100% - 25px);
flex-wrap:wrap;
justify-content:space-between;
}
div.sheet-kiTechniques > div > div > input[type="hidden"][value="0"] ~ div.sheet-extend,
div.sheet-kiTechniques > div > div > input[type="hidden"][value="1"] ~ button[type="roll"]
{
display:none;
}
div.sheet-kiTechniques > div > div > button[type="roll"]
{
margin:0px;
padding:0px;
border:0px;
border-radius:0px;
}
div.sheet-kiTechniques > div > div > button[type="roll"]::before
{
content:"";
}
div.sheet-kiTechniques > div > div > div > label:nth-of-type(1),
div.sheet-kiTechniques > div > div > button[type="roll"] > div:nth-of-type(1)
{
display:flex;
width:calc(100% - 70px - 70px);
flex-wrap:wrap;
justify-content:space-between;
}
div.sheet-kiTechniques > div > div > button[type="roll"] > div:nth-of-type(1)
{
margin-left:-10px;
}
div.sheet-kiTechniques > div > div > button[type="roll"] > div:nth-of-type(1) > label
{
border-right:1px solid black;
}
div.sheet-kiTechniques > div > div > button[type="roll"] > div:nth-of-type(1) > label:first-of-type > span
{
padding-left:5px;
}
div.sheet-kiTechniques > div > div > button[type="roll"] > div:nth-of-type(1) > label > span
{
font-weight:bold;
}
div.sheet-kiTechniques > div > div > div > label:nth-of-type(2),
div.sheet-kiTechniques > div > div > div > label:nth-of-type(3),
div.sheet-kiTechniques > div > div > button[type="roll"] > label:nth-of-type(1),
div.sheet-kiTechniques > div > div > button[type="roll"] > label:nth-of-type(2)
{
display:flex;
width:60px;
flex-wrap:wrap;
justify-content:space-between;
align-content:end;
}
div.sheet-kiTechniques > div > div > div > div > label
{
display:flex;
width:200px;
flex-wrap:wrap;
justify-content:space-between;
}
div.sheet-kiTechniques > div > div > button[type="roll"] > div > label
{
display:flex;
width:calc(50% - 1px);
flex-wrap:wrap;
font-size:11px;
color:black;
cursor:pointer;
}
div.sheet-kiTechniques > div > div > button[type="roll"] > div > label:last-of-type
{
justify-content:flex-end;
}
div.sheet-kiTechniques > div > div > div > label:nth-of-type(1) > span,
div.sheet-kiTechniques > div > div > div > label:nth-of-type(2) > span,
div.sheet-kiTechniques > div > div > div > label:nth-of-type(3) > span,
div.sheet-kiTechniques > div > div > button[type="roll"] > div:nth-of-type(1) > span,
div.sheet-kiTechniques > div > div > button[type="roll"] > label:nth-of-type(1) > span,
div.sheet-kiTechniques > div > div > button[type="roll"] > label:nth-of-type(2) > span
{
display:flex;
width:100%;
flex-wrap:wrap;
justify-content:center;
font-size:11px;
padding-top:0px;
padding-right:0px;
padding-left:0px;
align-items:baseline;
height:17px;
color:black;
font-weight:normal;
}
div.sheet-kiTechniques > div > div > button[type="roll"] > div:nth-of-type(1) > span,
div.sheet-kiTechniques > div > div > button[type="roll"] > label:nth-of-type(1) > span,
div.sheet-kiTechniques > div > div > button[type="roll"] > label:nth-of-type(2) > span
{
cursor:pointer;
}
div.sheet-kiTechniques > div > div > div > div > label > span
{
display:flex;
width:calc(50% - 2.5px);
flex-wrap:wrap;
justify-content:left;
font-size:11px;
padding-bottom:0px;
padding-right:0px;
padding-left:0px;
align-items:flex-end;
height:17px;
color:black;
font-weight:normal;
}
div.sheet-kiTechniques > div > div > button[type="roll"] > div > label > span
{
display:flex;
flex-wrap:wrap;
justify-content:left;
font-size:11px;
padding-bottom:0px;
padding-right:0px;
padding-left:0px;
align-items:flex-end;
height:17px;
color:black;
font-weight:normal;
margin-right:5px;
}
div.sheet-kiTechniques > div > div > div > div,
div.sheet-kiTechniques > div > div > button[type="roll"] > div
{
display:flex;
width:100%;
flex-wrap:wrap;
justify-content:space-between;
}
div.sheet-kiTechniques > div > div > button[type="roll"] > div:nth-of-type(2)
{
border-top:1px solid black;
}
div.sheet-kiTechniques > div > div > div > div:first-of-type
{
border-top:1px dashed black;
border-bottom:1px dashed black;
padding-top:5px;
padding-bottom:5px;
margin-top:5px;
margin-bottom:5px;
}
div.sheet-kiTechniques > div > div > div > div:not(:last-of-type) > span,
div.sheet-kiTechniques > div > div > button[type="roll"] > div:not(:last-of-type) > span
{
display:flex;
flex-wrap:wrap;
justify-content:center;
font-size:11px;
padding-right:0px;
padding-left:0px;
height:18px;
align-items:center;
color:black;
font-weight:normal;
}
div.sheet-kiTechniques > div > div > div > div:nth-of-type(2) > span:first-of-type,
div.sheet-kiTechniques > div > div > button[type="roll"] > div:nth-of-type(2) > span:first-of-type,
div.sheet-kiTechniques > div > div > button[type="roll"] > div:first-of-type > span:first-of-type
{
font-weight:bold;
}
div.sheet-kiTechniques > div > div > button[type="roll"] > div:first-of-type > span:first-of-type
{
justify-content:left;
padding-left:4px;
}
div.sheet-kiTechniques > div > div > div > div:not(:last-of-type) > span:first-of-type,
div.sheet-kiTechniques > div > div > button[type="roll"] > div:not(:last-of-type):not(:first-of-type) > span:first-of-type
{
display:flex;
width:60px;
flex-wrap:wrap;
justify-content:left;
}
div.sheet-kiTechniques > div > div > div > div:nth-of-type(2) > span:not(:first-of-type),
div.sheet-kiTechniques > div > div > button[type="roll"] > div:nth-of-type(2) > span:not(:first-of-type)
{
display:flex;
width:calc(16.66% - 5px - 10px);
flex-wrap:wrap;
}
div.sheet-kiTechniques > div > div > div > div:last-of-type,
div.sheet-kiTechniques > div > div > button[type="roll"] > div:last-of-type
{
margin-top:5px;
}
div.sheet-kiTechniques > div > div > div > div:last-of-type > textarea
{
border:1px solid black;
font-size:11px;
line-height:13px;
}
div.sheet-kiTechniques > div > div > button[type="roll"] > div:last-of-type > textarea
{
border-top:1px solid black;
font-size:11px;
line-height:13px;
background:transparent;
cursor:pointer;
}
div.sheet-kiTechniques > div > div > div > div:last-of-type > span,
div.sheet-kiTechniques > div > div > button[type="roll"] > div:last-of-type > span
{
font-size:11px;
line-height:13px;
}
div.sheet-kiTechniques > div > div > div > div > input[type="number"],
div.sheet-kiTechniques > div > div > button[type="roll"] > div:nth-of-type(3) > span:not(:first-of-type),
div.sheet-kiTechniques > div > div > button[type="roll"] > div:nth-of-type(4) > span:not(:first-of-type)
{
display:flex;
width:calc(16.66% - 5px - 10px);
flex-wrap:wrap;
justify-content:center;
font-size:11px;
padding-bottom:0px;
padding-right:0px;
padding-left:0px;
border:0px;
border-bottom:1px solid black;
height:18px;
text-align:center;
color:black;
background:transparent;
text-align:center;
}
div.sheet-kiTechniques > div > div > div > label > input[type="text"],
div.sheet-kiTechniques > div > div > div > label > input[type="number"],
div.sheet-kiTechniques > div > div > button[type="roll"] > label > span:first-of-type,
div.sheet-kiTechniques > div > div > button[type="roll"] > div:first-of-type > span
{
display:flex;
width:100%;
flex-wrap:wrap;
justify-content:center;
font-size:11px;
padding-bottom:0px;
padding-right:0px;
border:0px;
border-bottom:1px solid black;
height:18px;
color:black;
background:transparent;
text-align:center;
}
div.sheet-kiTechniques > div > div > div > div > label > select
{
display:flex;
width:calc(50% - 2.5px);
flex-wrap:wrap;
justify-content:center;
font-size:11px;
padding:0px;
border:0px;
border-bottom:1px solid black;
height:18px;
text-align:center;
color:black;
}
div.sheet-kiTechniques > div > div > button[type="roll"] > div > label > select
{
display: flex;
width: 95px;
flex-wrap: wrap;
font-size: 11px;
padding: 0px;
border: 0px;
height: 18px;
color:black;
cursor: pointer;
background:transparent;
-moz-appearance: textfield;
-webkit-appearance: none;
padding-left: 5px;
}
div.sheet-kiTechniques > div > div > div > label > input[type="text"],
div.sheet-kiTechniques > div > div > button[type="roll"] > label > span:first-of-type
{
padding-left:5px;
}
div.sheet-kiTechniques > div > div > div > label > input[type="number"],
div.sheet-kiTechniques > div > div > button[type="roll"] > label > span:first-of-type
{
padding-left:0px;
}
div.sheet-kiTechniques > div > div > label
{
width: 18px;
height: 18px;
margin-top: -2px;
}
div.sheet-kiTechniques > div > div > label > input[type="checkbox"]
{
position: absolute;
opacity: 0;
width: 18px;
height: 18px;
}
div.sheet-kiTechniques > div > div > label > input[type="checkbox"] + span
{
width: 100%;
margin-top: -2px;
display: block;
}
div.sheet-kiTechniques > div > div > label > input[type="checkbox"] + span::before
{
font-family: "pictos";
content: "y";
text-shadow: 2px 2px 2px #FF0000;
color:black;
font-size:18px;
opacity:0;
}
div.sheet-kiTechniques > div > div:hover > label > input[type="checkbox"] + span::before
{
opacity:1;
}
div.sheet-kiTechniques > div > div > label > input[type="checkbox"]:checked + span::before
{
color:red;
text-shadow: 2px 2px 2px #555555;
opacity:1;
}
/*
//////////////////
TAB EQUIPEMENT
/////////////////
*/
/*
//////////////////
PORT D'ARMURE
/////////////////
*/
div.sheet-armoryWear
{
display:flex;
width:calc(25% - 2.5%);
flex-wrap:wrap;
justify-content:space-between;
}
div.sheet-armoryWear > label
{
display:flex;
width:100%;
flex-wrap:wrap;
justify-content:space-between;
}
div.sheet-armoryWear > label > span
{
display:flex;
width:60px;
font-size:11px;
height:17px;
padding-top:3px;
font-weight:normal;
color:black;
}
div.sheet-armoryWear > label > input[type="number"]
{
display:flex;
width:calc(100% - 60px - 5px);
font-size:11px;
height:18px;
padding-bottom:0px;
padding-right:0px;
padding-left:0px;
font-weight:normal;
text-align:center;
border:0px;
border-bottom:1px solid black;
color:black;
}
div.sheet-armoryWear > label:last-of-type
{
border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch;
border-top:5px solid black;
margin-top:5px;
}
div.sheet-armoryWear > label:last-of-type > span
{
font-weight:bold;
}
/*
//////////////////
ARMURES
/////////////////
*/
div.sheet-armoryArmor
{
display:flex;
width:calc(75% - 2.5%);
flex-wrap:wrap;
justify-content:space-between;
}
div.sheet-armoryArmor > div:first-of-type
{
display:flex;
width:100%;
flex-wrap:wrap;
justify-content:space-between;
border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch;
border-bottom:5px solid black;
}
div.sheet-armoryArmor > div:not(:first-of-type)
{
display:flex;
width:100%;
flex-wrap:wrap;
justify-content:space-between;
}
div.sheet-armoryArmor > div:nth-of-type(5) > div,
div.sheet-armoryArmor > div:nth-of-type(11) > div
{
display:flex;
width:100%;
flex-wrap:wrap;
justify-content:space-between;
}
div.sheet-armoryArmor > div:first-of-type > span
{
display:flex;
flex-wrap:wrap;
justify-content:center;
}
div.sheet-armoryArmor > div:first-of-type > span:nth-of-type(1)
{
width:calc(100% - 70px - 140px - 140px - 140px);
}
div.sheet-armoryArmor > div:first-of-type > span:nth-of-type(2)
{
width:65px;
}
div.sheet-armoryArmor > div:first-of-type > span:nth-of-type(3),
div.sheet-armoryArmor > div:first-of-type > span:nth-of-type(4),
div.sheet-armoryArmor > div:first-of-type > span:nth-of-type(5)
{
width:135px;
}
div.sheet-armoryArmor > div:nth-of-type(2) > input[type="text"],
div.sheet-armoryArmor > div:nth-of-type(3) > input[type="text"],
div.sheet-armoryArmor > div:nth-of-type(4) > input[type="text"],
div.sheet-armoryArmor > div:nth-of-type(5) > div > input[type="text"]
{
display:flex;
width:calc(100% - 70px - 140px - 140px - 140px);
font-size:11px;
height:18px;
padding-right:0px;
padding-left:5px;
padding-bottom:0px;
border:0px;
border-bottom:1px solid black;
}
div.sheet-armoryArmor > div:nth-of-type(2) > input[type="number"],
div.sheet-armoryArmor > div:nth-of-type(3) > input[type="number"],
div.sheet-armoryArmor > div:nth-of-type(4) > input[type="number"],
div.sheet-armoryArmor > div:nth-of-type(5) > div > input[type="number"]
{
display:flex;
width:65px;
font-size:11px;
height:18px;
padding-right:0px;
padding-left:0px;
padding-bottom:0px;
border:0px;
border-bottom:1px solid black;
text-align:center;
}
div.sheet-armoryArmor > div:nth-of-type(2) > div,
div.sheet-armoryArmor > div:nth-of-type(3) > div,
div.sheet-armoryArmor > div:nth-of-type(4) > div,
div.sheet-armoryArmor > div:nth-of-type(5) > div > div
{
display:flex;
width:135px;
justify-content:space-between;
height:18px;
}
div.sheet-armoryArmor > div:nth-of-type(2) > div > input[type="number"],
div.sheet-armoryArmor > div:nth-of-type(3) > div > input[type="number"],
div.sheet-armoryArmor > div:nth-of-type(4) > div > input[type="number"],
div.sheet-armoryArmor > div:nth-of-type(5) > div > div > input[type="number"]
{
display:flex;
width:65px;
font-size:11px;
height:18px;
padding-right:0px;
padding-left:0px;
padding-bottom:0px;
border:0px;
border-bottom:1px solid black;
text-align:center;
background:transparent;
}
div.sheet-armoryArmor > div:nth-of-type(7)
{
border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch;
border-bottom:5px solid black;
border-top:5px solid black;
margin-top:5px;
}
div.sheet-armoryArmor > div:last-of-type
{
border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch;
border-top:5px solid black;
}
div.sheet-armoryArmor > div:nth-of-type(7) > span
{
display:flex;
flex-wrap:wrap;
justify-content:center;
}
div.sheet-armoryArmor > div:nth-of-type(7) > span:first-of-type,
div.sheet-armoryArmor > div:last-of-type > span:first-of-type
{
width:calc(100% - 70px - 70px - 70px - 70px - 70px - 70px - 70px);
}
div.sheet-armoryArmor > div:last-of-type > span:first-of-type
{
display:flex;
font-size:11px;
font-weight:bold;
align-items:center;
}
div.sheet-armoryArmor > div:nth-of-type(7) > span:not(:first-of-type)
{
width:65px;
}
div.sheet-armoryArmor > div:nth-of-type(8) > input[type="text"],
div.sheet-armoryArmor > div:nth-of-type(9) > input[type="text"],
div.sheet-armoryArmor > div:nth-of-type(10) > input[type="text"],
div.sheet-armoryArmor > div:nth-of-type(11) > div > input[type="text"]
{
display:flex;
width:calc(100% - 70px - 70px - 70px - 70px - 70px - 70px - 70px);
font-size:11px;
height:18px;
padding-right:0px;
padding-left:5px;
padding-bottom:0px;
border:0px;
border-bottom:1px solid black;
}
div.sheet-armoryArmor > div:nth-of-type(8) > input[type="number"],
div.sheet-armoryArmor > div:nth-of-type(9) > input[type="number"],
div.sheet-armoryArmor > div:nth-of-type(10) > input[type="number"],
div.sheet-armoryArmor > div:nth-of-type(11) > div > input[type="number"],
div.sheet-armoryArmor > div:last-of-type > input[type="number"]
{
display:flex;
width:65px;
font-size:11px;
height:18px;
padding-right:0px;
padding-left:0px;
padding-bottom:0px;
border:0px;
border-bottom:1px solid black;
text-align:center;
background:transparent;
}
div.sheet-armoryArmor > div:last-of-type > input[type="number"]
{
font-weight:bold;
}
div.sheet-armoryArmor > div:nth-of-type(6)
{
display:none !important;
}
div.sheet-armoryArmor > div > div.repitem > .itemcontrol > button
{
padding-top: 0px;
padding-bottom: 0px;
border-radius: 0px;
height: 16px;
padding-right: 6px;
padding-left: 6px;
}
div.sheet-armoryArmor > div > div.repitem > .itemcontrol > a
{
padding-top: 0px;
padding-bottom: 0px;
border-radius: 0px;
height: 16px;
padding-right: 6px;
padding-left: 6px;
margin-bottom: 5px;
}
/*
//////////////////
MODULES D'ARMES
/////////////////
*/
div.sheet-armoryProficiencies
{
display:flex;
width:calc(40% - 2.5%);
flex-wrap:wrap;
justify-content:space-between;
}
div.sheet-armoryProficiencies > div:first-of-type
{
display:flex;
width:100%;
flex-wrap:wrap;
justify-content:space-between;
border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch;
border-bottom:5px solid black;
}
div.sheet-armoryProficiencies > div:first-of-type > span:first-of-type
{
display:flex;
width:calc(100% - 55px - 105px);
flex-wrap:wrap;
justify-content:center;
}
div.sheet-armoryProficiencies > div:first-of-type > span:nth-of-type(2)
{
display:flex;
width:100px;
flex-wrap:wrap;
justify-content:center;
}
div.sheet-armoryProficiencies > div:first-of-type > span:nth-of-type(3)
{
display:flex;
width:50px;
flex-wrap:wrap;
justify-content:center;
}
div.sheet-armoryProficiencies > div:nth-last-of-type(2) > div
{
display:flex;
width:100%;
flex-wrap:wrap;
justify-content:space-between;
}
div.sheet-armoryProficiencies > div:nth-last-of-type(2) > div > input[type="text"]
{
display:flex;
width:calc(100% - 55px - 105px);
flex-wrap:wrap;
padding-left:5px;
padding-right:0px;
padding-bottom:0px;
font-size:11px;
border:0px;
border-bottom:1px solid black;
height:18px;
}
div.sheet-armoryProficiencies > div:nth-last-of-type(2) > div > select
{
display:flex;
width:100px;
flex-wrap:wrap;
padding:0px;
font-size:11px;
border:0px;
border-bottom:1px solid black;
height:18px;
text-align:center;
}
div.sheet-armoryProficiencies > div:nth-last-of-type(2) > div > input[type="number"]
{
display:flex;
width:50px;
flex-wrap:wrap;
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
font-size:11px;
border:0px;
border-bottom:1px solid black;
height:18px;
text-align:center;
}
div.sheet-armoryProficiencies > div > div.repitem > .itemcontrol > button
{
padding-top: 0px;
padding-bottom: 0px;
border-radius: 0px;
height: 16px;
padding-right: 6px;
padding-left: 6px;
}
div.sheet-armoryProficiencies > div > div.repitem > .itemcontrol > a
{
padding-top: 0px;
padding-bottom: 0px;
border-radius: 0px;
height: 16px;
padding-right: 6px;
padding-left: 6px;
margin-bottom: 6px;
}
div.sheet-armoryProficiencies > div > div:first-of-type.repitem
{
margin-top:-2px;
}
/*
//////////////////
ARMES
/////////////////
*/
div.sheet-armoryWeapon
{
display:flex;
width:calc(60% - 2.5%);
flex-wrap:wrap;
justify-content:space-between;
}
div.sheet-armoryWeapon > div > div
{
display:flex;
width:100%;
justify-content:space-between;
flex-wrap:wrap;
}
div.sheet-armoryWeapon > div > div > label
{
width: 18px;
height: 18px;
}
div.sheet-armoryWeapon > div > div > label > input[type="checkbox"]
{
position: absolute;
opacity: 0;
width: 18px;
height: 18px;
}
div.sheet-armoryWeapon > div > div > label > input[type="checkbox"] + span
{
width: 100%;
margin-top: -2px;
display: block;
}
div.sheet-armoryWeapon > div > div > label > input[type="checkbox"] + span::before
{
font-family: "pictos";
content: "y";
text-shadow: 2px 2px 2px #FF0000;
color:black;
font-size:18px;
opacity:0;
}
div.sheet-armoryWeapon > div > div:hover > label > input[type="checkbox"] + span::before
{
opacity:1;
}
div.sheet-armoryWeapon > div > div > label > input[type="checkbox"]:checked + span::before
{
color:red;
text-shadow: 2px 2px 2px #555555;
opacity:1;
}
div.sheet-armoryWeapon > div > div > input[type="hidden"][value="1"] ~ button[type="roll"]
{
display:none;
}
div.sheet-armoryWeapon > div > div > input[type="hidden"][value="1"] ~ div.sheet-extend
{
display:flex;
}
div.sheet-armoryWeapon > div > div > input[type="hidden"][value="1"] ~ div.sheet-extend
{
display:flex;
}
div.sheet-armoryWeapon > div.repcontainer > div:not(:last-of-type) > input[type="hidden"][value="1"] ~ div.sheet-extend:last-of-type
{
border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch;
border-bottom:5px solid black;
padding-bottom:5px;
}
div.sheet-armoryWeapon > div > div > button[type="roll"]
{
width:calc(100% - 25px);
display:flex;
border:0px;
padding:0px;
margin:0px;
border-radius:0px;
}
div.sheet-armoryWeapon > div > div > button[type="roll"]::before
{
content:"";
}
div.sheet-armoryWeapon > div > div > button[type="roll"] > input[type="text"]
{
width:100%;
display:flex;
border:0px;
padding:0px;
padding-left:5px;
font-size:11px;
font-weight:normal;
cursor:pointer;
background:transparent;
}
div.sheet-armoryWeapon > div > div > div:nth-of-type(2).sheet-extend
{
width:calc(100% - 25px);
flex-wrap:wrap;
justify-content:space-between;
padding-bottom:5px;
}
div.sheet-armoryWeapon > div > div > div.sheet-extend > input[type="text"]
{
width:100%;
height:18px;
padding-right:0px;
padding-bottom:0px;
padding-left:5px;
border:0px;
border-bottom:1px solid black;
font-size:11px;
font-weight:normal;
}
div.sheet-armoryWeapon > div > div > div.sheet-extend > input[type="text"]
{
width:100%;
height:18px;
padding-right:0px;
padding-bottom:0px;
padding-left:5px;
border:0px;
border-bottom:1px solid black;
font-size:11px;
font-weight:normal;
}
div.sheet-armoryWeapon > div > div > div:nth-of-type(3).sheet-extend
{
width:100%;
justify-content:space-between;
flex-wrap:wrap;
}
div.sheet-armoryWeapon > div > div > div.sheet-extend > div:first-of-type
{
width:100%;
display:flex;
justify-content:space-between;
border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch;
border-bottom:5px solid black;
border-top:5px solid black;
}
div.sheet-armoryWeapon > div > div > div.sheet-extend > div:not(:first-of-type)
{
width:100%;
display:flex;
justify-content:space-between;
}
div.sheet-armoryWeapon > div > div > div.sheet-extend > div:first-of-type > button[type="roll"]
{
width:calc(28% - 2.5px);
display:flex;
justify-content:center;
border:0px;
margin:0px;
padding:0px;
border-radius:0px;
}
div.sheet-armoryWeapon > div > div > div.sheet-extend > div:first-of-type > button[type="roll"]::before
{
content:"";
}
div.sheet-armoryWeapon > div > div > div.sheet-extend > div:first-of-type > button[type="roll"] > span
{
width:100%;
display:flex;
justify-content:center;
font-size:13px;
}
div.sheet-armoryWeapon > div > div > div.sheet-extend > div:first-of-type > span
{
width:calc(15% - 2.5px);
display:flex;
justify-content:center;
}
div.sheet-armoryWeapon > div > div > div.sheet-extend > div:nth-of-type(2) > div
{
width:calc(28% - 2.5px);
display:flex;
justify-content:space-between;
}
div.sheet-armoryWeapon > div > div > div.sheet-extend > div:nth-of-type(2) > div > input[type="number"]
{
width:calc(50% - 2.5px);
display:flex;
justify-content:space-between;
padding-right:0px;
padding-left:0px;
padding-bottom:0px;
border:0px;
border-bottom:1px solid black;
font-size:11px;
height:18px;
text-align:center;
}
div.sheet-armoryWeapon > div > div > div.sheet-extend > div:nth-of-type(2) > select
{
width:calc(15% - 2.5px);
display:flex;
justify-content:space-between;
padding:0px;
border:0px;
border-bottom:1px solid black;
margin:0px;
font-size:11px;
height:18px;
}
div.sheet-armoryWeapon > div > div > div.sheet-extend > div:nth-of-type(3)
{
border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch;
border-bottom:5px solid black;
border-top:5px solid black;
margin-top:5px;
}
div.sheet-armoryWeapon > div > div > div.sheet-extend > div:nth-of-type(3) > span:nth-of-type(1),
div.sheet-armoryWeapon > div > div > div.sheet-extend > div:nth-of-type(3) > span:nth-of-type(2)
{
width:calc(15% - 2.5px);
display:flex;
justify-content:center;
}
div.sheet-armoryWeapon > div > div > div.sheet-extend > div:nth-of-type(3) > span:nth-of-type(3)
{
width:calc(40% - 2.5px - 10px + 85px);
display:flex;
justify-content:center;
margin-right:10px;
}
div.sheet-armoryWeapon > div > div > div.sheet-extend > div:nth-of-type(3) > span:nth-of-type(4)
{
width:calc(20% - 2.5px - 40px);
display:flex;
justify-content:center;
}
div.sheet-armoryWeapon > div > div > div.sheet-extend > div:nth-of-type(4)
{
align-items:flex-end;
}
div.sheet-armoryWeapon > div > div > div.sheet-extend > div:nth-of-type(4) > select
{
width:calc(15% - 2.5px);
display:flex;
justify-content:space-between;
padding:0px;
border:0px;
border-bottom:1px solid black;
margin:0px;
font-size:11px;
height:18px;
}
div.sheet-armoryWeapon > div > div > div.sheet-extend > div:nth-of-type(4) > div
{
width:calc(40% - 2.5px + 85px);
display:flex;
justify-content:space-between;
align-items:flex-end;
}
div.sheet-armoryWeapon > div > div > div.sheet-extend > div:nth-of-type(4) > div > span
{
width:10px;
display:flex;
justify-content:center;
font-weight:bold;
font-size:11px;
color:black;
align-items:center;
height:22px;
}
div.sheet-armoryWeapon > div > div > div.sheet-extend > div:nth-of-type(4) > div > input[type="number"]
{
width:calc(28% - 10px - 20px);
display:flex;
justify-content:space-between;
padding-right:0px;
padding-left:0px;
padding-bottom:0px;
border:0px;
border-bottom:1px solid black;
font-size:11px;
height:18px;
text-align:center;
}
div.sheet-armoryWeapon > div > div > div.sheet-extend > div:nth-of-type(4) > div > select
{
width:calc(71% - 10px - 60px);
display:flex;
justify-content:space-between;
padding:0px;
border:0px;
border-bottom:1px solid black;
margin:0px;
font-size:11px;
height:18px;
margin-right:2.5px;
}
div.sheet-armoryWeapon > div > div > div.sheet-extend > div:nth-of-type(4) > input[type="number"]
{
width:calc(20% - 2.5px - 40px);
display:flex;
justify-content:space-between;
padding-right:0px;
padding-left:0px;
padding-bottom:0px;
border:0px;
border-bottom:1px solid black;
font-size:11px;
height:18px;
text-align:center;
}
div.sheet-armoryWeapon > div > div > div.sheet-extend > div:nth-of-type(5)
{
border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch;
border-bottom:5px solid black;
border-top:5px solid black;
margin-top:5px;
}
div.sheet-armoryWeapon > div > div > div.sheet-extend > div:nth-of-type(5) > span:nth-of-type(1)
{
width:calc(30% - 10px);
display:flex;
justify-content:center;
}
div.sheet-armoryWeapon > div > div > div.sheet-extend > div:nth-of-type(5) > span:nth-of-type(2)
{
width:calc(25% - 2.5px);
display:flex;
justify-content:center;
margin-right:12.5px;
}
div.sheet-armoryWeapon > div > div > div.sheet-extend > div:nth-of-type(5) > span:nth-of-type(3)
{
width:calc(20% - 2.5px - 20px);
display:flex;
justify-content:center;
margin-right:12.5px;
}
div.sheet-armoryWeapon > div > div > div.sheet-extend > div:nth-of-type(5) > button[type="roll"]
{
width:calc(25% - 2.5px);
display:flex;
justify-content:center;
border:0px;
margin:0px;
padding:0px;
border-radius:0px;
}
div.sheet-armoryWeapon > div > div > div.sheet-extend > div:nth-of-type(5) > button[type="roll"]::before
{
content:"";
}
div.sheet-armoryWeapon > div > div > div.sheet-extend > div:nth-of-type(5) > button[type="roll"] > span
{
width:100%;
display:flex;
justify-content:center;
font-size:13px;
}
div.sheet-armoryWeapon > div > div > div.sheet-extend > div:nth-of-type(6) > div
{
width:calc(30% - 10px);
display:flex;
justify-content:space-between;
}
div.sheet-armoryWeapon > div > div > div.sheet-extend > div:nth-of-type(6) > div > input[type="number"]
{
width:calc(50% - 2.5px);
display:flex;
justify-content:space-between;
padding-right:0px;
padding-left:0px;
padding-bottom:0px;
border:0px;
border-bottom:1px solid black;
font-size:11px;
height:18px;
text-align:center;
}
div.sheet-armoryWeapon > div > div > div.sheet-extend > div:nth-of-type(6) > span
{
width:10px;
display:flex;
justify-content:center;
font-weight:bold;
font-size:11px;
color:black;
align-items:center;
height:18px;
}
div.sheet-armoryWeapon > div > div > div.sheet-extend > div:nth-of-type(6) > input[type="number"]
{
width:calc(25% - 2.5px);
display:flex;
justify-content:space-between;
padding-right:0px;
padding-left:0px;
padding-bottom:0px;
border:0px;
border-bottom:1px solid black;
font-size:11px;
height:18px;
text-align:center;
}
div.sheet-armoryWeapon > div > div > div.sheet-extend > div:nth-of-type(6) > select
{
width:calc(20% - 2.5px - 20px);
display:flex;
padding:0px;
border:0px;
border-bottom:1px solid black;
margin:0px;
font-size:11px;
height:18px;
padding-left:15px;
text-align:center;
}
div.sheet-armoryWeapon > div > div > div.sheet-extend > div:nth-of-type(7)
{
border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch;
border-bottom:5px solid black;
border-top:5px solid black;
margin-top:5px;
}
div.sheet-armoryWeapon > div > div > div.sheet-extend > div:nth-of-type(7) > span:nth-of-type(1)
{
width:calc(15% - 2.5px);
display:flex;
justify-content:center;
margin-right:auto;
}
div.sheet-armoryWeapon > div > div > div.sheet-extend > div:nth-of-type(7) > span:nth-of-type(2)
{
width:calc(30% - 2.5px);
display:flex;
justify-content:center;
margin-left:auto;
margin-right:auto;
}
div.sheet-armoryWeapon > div > div > div.sheet-extend > div:nth-of-type(7) > span:nth-of-type(3)
{
width:calc(30% - 2.5px);
display:flex;
justify-content:center;
margin-left:auto;
margin-right:70px;
}
div.sheet-armoryWeapon > div > div > div.sheet-extend > div:nth-of-type(8)
{
align-items:flex-end;
}
div.sheet-armoryWeapon > div > div > div.sheet-extend > div:nth-of-type(8) > input[type="number"]
{
width:calc(15% - 2.5px);
display:flex;
justify-content:space-between;
padding-right:0px;
padding-left:0px;
padding-bottom:0px;
border:0px;
border-bottom:1px solid black;
font-size:11px;
height:18px;
text-align:center;
margin-right:auto;
}
div.sheet-armoryWeapon > div > div > div.sheet-extend > div:nth-of-type(8) > div:nth-of-type(1)
{
width:calc(30% - 2.5px);
display:flex;
justify-content:space-between;
margin-left:auto;
margin-right:auto;
}
div.sheet-armoryWeapon > div > div > div.sheet-extend > div:nth-of-type(8) > div:nth-of-type(2)
{
width:calc(30% - 2.5px);
display:flex;
justify-content:space-between;
margin-left:auto;
margin-right:5px;
}
div.sheet-armoryWeapon > div > div > div.sheet-extend > div:nth-of-type(8) > div > input[type="number"]
{
width:calc(50% - 2.5px);
display:flex;
justify-content:space-between;
padding-right:0px;
padding-left:0px;
padding-bottom:0px;
border:0px;
border-bottom:1px solid black;
font-size:11px;
height:18px;
text-align:center;
margin-left:auto;
margin-right:5px;
}
div.sheet-armoryWeapon > div > div > div.sheet-extend > div:last-of-type
{
margin-top:5px;
margin-bottom:2px;
}
div.sheet-armoryWeapon > div > div > div.sheet-extend > div > textarea
{
border:1px solid black;
}
div.sheet-armoryWeapon > div > div.repitem > .itemcontrol > button
{
padding-top: 0px;
padding-bottom: 0px;
border-radius: 0px;
height: 16px;
padding-right: 6px;
padding-left: 6px;
}
div.sheet-armoryWeapon > div > div.repitem > .itemcontrol > a
{
padding-top: 0px;
padding-bottom: 0px;
border-radius: 0px;
height: 16px;
padding-right: 6px;
padding-left: 6px;
margin-bottom: 6px;
}
div.sheet-armoryWeapon > div > div:first-of-type.repitem
{
margin-top:-2px;
}
/*
//////////////////
OBJETS PRECIEUX
/////////////////
*/
div.sheet-armoryValuables
{
display:flex;
width:calc(30% - 2.5%);
flex-wrap:wrap;
justify-content:space-between;
}
div.sheet-armoryValuables > div
{
display:flex;
width:100%;
flex-wrap:wrap;
justify-content:space-between;
}
div.sheet-armoryValuables > div > div.repitem
{
display:flex;
width:100%;
flex-wrap:wrap;
justify-content:space-between;
}
div.sheet-armoryValuables > div:first-of-type
{
border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch;
border-bottom:5px solid black;
}
div.sheet-armoryValuables > div > div.sheet-extend,
div.sheet-armoryValuables > div > div > div.sheet-extend
{
display:none;
width:calc(100% - 25px);
flex-wrap:wrap;
justify-content:space-between;
}
div.sheet-armoryValuables > div:first-of-type > span:first-of-type
{
display:flex;
width:calc(40% - 2.5px);
flex-wrap:wrap;
justify-content:center;
}
div.sheet-armoryValuables > div:first-of-type > span:last-of-type
{
display:flex;
width:calc(60% - 2.5px - 25px);
flex-wrap:wrap;
justify-content:center;
margin-right:25px;
}
div.sheet-armoryValuables > div:not(:first-of-type) > label:first-of-type,
div.sheet-armoryValuables > div:not(:first-of-type) > div.repitem > label:first-of-type
{
display:flex;
width:calc(100% - 25px);
flex-wrap:wrap;
justify-content:space-between;
}
div.sheet-armoryValuables > div:not(:first-of-type) > label:first-of-type > input[type="number"],
div.sheet-armoryValuables > div:not(:first-of-type) > div.repitem > label:first-of-type > input[type="number"]
{
display:flex;
width:calc(40% - 2.5px);
flex-wrap:wrap;
text-align:center;
padding-right:0px;
padding-left:0px;
padding-bottom:0px;
border:0px;
border-bottom:1px solid black;
font-size:11px;
height:18px;
}
div.sheet-armoryValuables > div:not(:first-of-type) > label:first-of-type > span
{
display:flex;
width:calc(60% - 2.5px);
flex-wrap:wrap;
font-size:11px;
height:18px;
padding-top:3px;
font-weight:normal;
}
div.sheet-armoryValuables > div:not(:first-of-type) > div.repitem > label:first-of-type > input[type="text"]
{
display:flex;
width:calc(60% - 2.5px);
flex-wrap:wrap;
padding-right:0px;
padding-left:0px;
padding-bottom:0px;
border:0px;
border-bottom:1px solid black;
font-size:11px;
height:18px;
}
div.sheet-armoryValuables > div > label:last-of-type,
div.sheet-armoryValuables > div:not(:first-of-type) > div.repitem > label:last-of-type
{
width: 18px;
height: 18px;
}
div.sheet-armoryValuables > div > label:last-of-type > input[type="checkbox"],
div.sheet-armoryValuables > div:not(:first-of-type) > div.repitem > label:last-of-type > input[type="checkbox"]
{
position: absolute;
opacity: 0;
width: 18px;
height: 18px;
}
div.sheet-armoryValuables > div > label:last-of-type > input[type="checkbox"] + span,
div.sheet-armoryValuables > div:not(:first-of-type) > div.repitem > label:last-of-type > input[type="checkbox"] + span
{
width: 100%;
margin-top: -2px;
display: block;
}
div.sheet-armoryValuables > div > label:last-of-type > input[type="checkbox"] + span::before,
div.sheet-armoryValuables > div:not(:first-of-type) > div.repitem > label:last-of-type > input[type="checkbox"] + span::before
{
font-family: "pictos";
content: "y";
text-shadow: 2px 2px 2px #FF0000;
color:black;
font-size:18px;
opacity:0;
}
div.sheet-armoryValuables > div:hover > label:last-of-type > input[type="checkbox"] + span::before,
div.sheet-armoryValuables > div:not(:first-of-type) > div.repitem:hover > label:last-of-type > input[type="checkbox"] + span::before
{
opacity:1;
}
div.sheet-armoryValuables > div > label:last-of-type > input[type="checkbox"]:checked + span::before,
div.sheet-armoryValuables > div:not(:first-of-type) > div.repitem > label:last-of-type > input[type="checkbox"]:checked + span::before
{
color:red;
text-shadow: 2px 2px 2px #555555;
opacity:1;
}
div.sheet-armoryValuables > div > input[type="hidden"][value="1"] ~ div.sheet-extend,
div.sheet-armoryValuables > div:not(:first-of-type) > div.repitem > input[type="hidden"][value="1"] ~ div.sheet-extend
{
display:flex;
}
div.sheet-armoryValuables > div > input[type="hidden"][value="1"] + label,
div.sheet-armoryValuables > div:not(:first-of-type) > div.repitem > input[type="hidden"][value="1"] + label
{
display:none;
}
div.sheet-armoryValuables > div > div.sheet-extend > h3,
div.sheet-armoryValuables > div:not(:first-of-type) > div.repitem > div.sheet-extend > h3
{
text-shadow:1px 1px 1px #555555;
}
div.sheet-armoryValuables > div > div.sheet-extend > label,
div.sheet-armoryValuables > div:not(:first-of-type) > div.repitem > div.sheet-extend > label
{
display:flex;
flex-wrap:wrap;
width:calc(50% - 2.5px);
}
div.sheet-armoryValuables > div > div.sheet-extend > label > span,
div.sheet-armoryValuables > div:not(:first-of-type) > div.repitem > div.sheet-extend > label > span
{
display:flex;
justify-content:center;
flex-wrap:wrap;
width:100%;
font-weight:normal;
font-size:13px;
}
div.sheet-armoryValuables > div > div.sheet-extend > label > input[type="number"],
div.sheet-armoryValuables > div:not(:first-of-type) > div.repitem > div.sheet-extend > label > input[type="number"]
{
display:flex;
width:100%;
flex-wrap:wrap;
text-align:center;
padding-right:0px;
padding-left:0px;
padding-bottom:0px;
border:0px;
border-bottom:1px solid black;
font-size:11px;
height:18px;
}
div.sheet-armoryValuables > div > div.repitem > .itemcontrol > button
{
padding-top: 0px;
padding-bottom: 0px;
border-radius: 0px;
height: 16px;
padding-right: 6px;
padding-left: 6px;
}
div.sheet-armoryValuables > div > div.repitem > .itemcontrol > a
{
padding-top: 0px;
padding-bottom: 0px;
border-radius: 0px;
height: 16px;
padding-right: 6px;
padding-left: 6px;
margin-bottom: 6px;
}
/*
//////////////////
INVENTAIRE
/////////////////
*/
div.sheet-armoryInventory
{
display:flex;
width:calc(70% - 2.5%);
flex-wrap:wrap;
justify-content:space-between;
}
div.sheet-armoryInventory > div:first-of-type
{
border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch;
border-bottom:5px solid black;
}
div.sheet-armoryInventory > div:first-of-type,
div.sheet-armoryInventory > div:not(:first-of-type) > div
{
display:flex;
width:100%;
flex-wrap:wrap;
justify-content:space-between;
}
div.sheet-armoryInventory > div:not(:first-of-type) > div.repitem:first-of-type
{
margin-top:-2px;
}
div.sheet-armoryInventory > div:first-of-type > span:nth-of-type(1),
div.sheet-armoryInventory > div:first-of-type > span:nth-of-type(3)
{
display:flex;
width:90px;
flex-wrap:wrap;
justify-content:center;
}
div.sheet-armoryInventory > div:first-of-type > span:nth-of-type(2)
{
display:flex;
width:calc(100% - 95px - 95px - 25px);
flex-wrap:wrap;
justify-content:center;
}
div.sheet-armoryInventory > div:first-of-type > span:last-of-type
{
margin-right:24px;
}
div.sheet-armoryInventory > div:not(:first-of-type) > div > input[type="number"]:nth-of-type(1),
div.sheet-armoryInventory > div:not(:first-of-type) > div > input[type="number"]:nth-of-type(3)
{
display:flex;
width:90px;
flex-wrap:wrap;
text-align:center;
padding-right:0px;
padding-left:0px;
padding-bottom:0px;
border:0px;
border-bottom:1px solid black;
font-size:11px;
height:18px;
}
div.sheet-armoryInventory > div:not(:first-of-type) > div > input[type="text"]:nth-of-type(2)
{
display:flex;
width:calc(100% - 95px - 95px - 25px);
flex-wrap:wrap;
padding-right:0px;
padding-left:0px;
padding-bottom:0px;
border:0px;
border-bottom:1px solid black;
font-size:11px;
height:18px;
}
div.sheet-armoryInventory > div:not(:first-of-type) > div > label:last-of-type
{
width: 18px;
height: 18px;
}
div.sheet-armoryInventory > div:not(:first-of-type) > div > label:last-of-type > input[type="checkbox"]
{
position: absolute;
opacity: 0;
width: 18px;
height: 18px;
}
div.sheet-armoryInventory > div:not(:first-of-type) > div > label:last-of-type > input[type="checkbox"] + span
{
width: 100%;
margin-top: -2px;
display: block;
}
div.sheet-armoryInventory > div:not(:first-of-type) > div > label:last-of-type > input[type="checkbox"] + span::before
{
font-family: "pictos";
content: "y";
text-shadow: 2px 2px 2px #FF0000;
color:black;
font-size:18px;
opacity:0;
}
div.sheet-armoryInventory > div:not(:first-of-type) > div:hover > label:last-of-type > input[type="checkbox"] + span::before
{
opacity:1;
}
div.sheet-armoryInventory > div:not(:first-of-type) > div > label:last-of-type > input[type="checkbox"]:checked + span::before
{
color:red;
text-shadow: 2px 2px 2px #555555;
opacity:1;
}
div.sheet-armoryInventory > div:not(:first-of-type) > div > input[type="hidden"][value="1"] ~ div.sheet-extend
{
display:flex;
width:100%;
}
div.sheet-armoryInventory > div:not(:first-of-type) > div > input[type="hidden"][value="0"] ~ div.sheet-extend
{
display:none;
}
div.sheet-armoryInventory > div:not(:first-of-type) > div > div.sheet-extend > textarea
{
border:1px solid black;
}
div.sheet-armoryInventory > div > div.repitem > .itemcontrol > button
{
padding-top: 0px;
padding-bottom: 0px;
border-radius: 0px;
height: 16px;
padding-right: 6px;
padding-left: 6px;
}
div.sheet-armoryInventory > div > div.repitem > .itemcontrol > a
{
padding-top: 0px;
padding-bottom: 0px;
border-radius: 0px;
height: 16px;
padding-right: 6px;
padding-left: 6px;
margin-bottom: 6px;
}
/*
//////////////////
TAB OPTIONS
/////////////////
*/
/*
//////////////////
GESTION DES JETS OUVERTS
/////////////////
*/
div.sheet-optionsOpenRollRange
{
display:flex;
width:calc(30% - 2.5%);
flex-wrap:wrap;
justify-content:space-between;
}
div.sheet-optionsOpenRollRange > div
{
display:flex;
width:100%;
flex-wrap:wrap;
justify-content:space-between;
}
div.sheet-optionsOpenRollRange > div > label
{
display:flex;
width:calc(50% - 2.5px);
flex-wrap:wrap;
justify-content:space-between;
}
div.sheet-optionsOpenRollRange > div > label > span
{
display:flex;
width:50px;
padding-left:5px;
font-size:11px;
font-weight:normal;
color:black;
padding-top:3px;
}
div.sheet-optionsOpenRollRange > div > label > input[type="number"]
{
display:flex;
width:calc(100% - 55px);
flex-wrap:wrap;
text-align:center;
padding-right:0px;
padding-left:0px;
padding-bottom:0px;
border:0px;
border-bottom:1px solid black;
font-size:11px;
height:18px;
}
div.sheet-optionsOpenRollRange > div > label > select
{
display:flex;
width:calc(100% - 55px);
flex-wrap:wrap;
padding:0px;
border:0px;
border-bottom:1px solid black;
font-size:11px;
height:18px;
}
div.sheet-optionsOpenRollRange > div > button[type="roll"]
{
display:flex;
width:calc(50% - 2.5px);
flex-wrap:wrap;
padding:0px;
border:0px;
height:18px;
justify-content:center;
border-radius:0px;
margin:0px;
}
div.sheet-optionsOpenRollRange > div > button[type="roll"]::before
{
font-family:"dicefontd10";
margin:auto;
padding-top:0px;
padding-bottom:0px;
font-size:22px;
}
div.sheet-optionsOpenRollRange > div:last-of-type
{
border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch;
border-top:5px solid black;
margin-top:5px;
}
div.sheet-optionsOpenRollRange > div:last-of-type > label > span,
div.sheet-optionsOpenRollRange > div:last-of-type > label > input[type="number"]
{
font-weight:bold;
}
/*
//////////////////
OPTIONS DE PERSONNAGES
/////////////////
*/
div.sheet-optionsCharacters
{
display:flex;
width:calc(40% - 2.5%);
flex-wrap:wrap;
justify-content:space-evenly;
}
div.sheet-optionsCharacters > div
{
display:flex;
width:100%;
flex-wrap:wrap;
justify-content:space-between;
}
div.sheet-optionsCharacters > div > label
{
display:flex;
width:100%;
flex-wrap:wrap;
justify-content:space-between;
}
div.sheet-optionsCharacters > div > label > span
{
display:flex;
width:80px;
padding-left:5px;
font-size:11px;
font-weight:normal;
color:black;
padding-top:3px;
}
div.sheet-optionsCharacters > div > label > select
{
display:flex;
width:calc(100% - 85px);
flex-wrap:wrap;
padding:0px;
border:0px;
border-bottom:1px solid black;
font-size:11px;
height:18px;
}
div.sheet-optionsCharacters > h3
{
text-shadow: 1px 1px 1px #555;
}
/*
//////////////////
BONUS INNES
/////////////////
*/
div.sheet-optionsInnateBonuses
{
display:flex;
width:calc(60% - 2.5%);
flex-wrap:wrap;
justify-content:space-between;
}
div.sheet-optionsInnateBonuses > div:first-of-type
{
display:flex;
width:100%;
flex-wrap:wrap;
justify-content:space-between;
border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch;
border-bottom:5px solid black;
}
div.sheet-optionsInnateBonuses > div:first-of-type > span:first-of-type
{
display:flex;
width:calc(100% - 65px - 25px);
flex-wrap:wrap;
justify-content:center;
}
div.sheet-optionsInnateBonuses > div:first-of-type > span:last-of-type
{
display:flex;
width:60px;
flex-wrap:wrap;
justify-content:center;
margin-right:24px;
}
div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div,
div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div
{
display:flex;
width:100%;
flex-wrap:wrap;
justify-content:space-between;
}
iv.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > h3
{
text-shadow: 1px 1px 1px #555555;
}
div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div:nth-of-type(1)
{
display:flex;
width:100%;
flex-wrap:wrap;
justify-content:space-between;
border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch;
border-bottom:5px solid black;
}
div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div:nth-of-type(3),
div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div:nth-of-type(5),
div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div:nth-of-type(7),
div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div:nth-of-type(9),
div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div:nth-of-type(11),
div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div:nth-of-type(13)
{
display:flex;
width:100%;
flex-wrap:wrap;
justify-content:space-between;
border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch;
border-bottom:5px solid black;
border-top:5px solid black;
margin-top:5px;
}
div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div:last-of-type
{
border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch;
border-bottom:5px solid black;
padding-bottom:5px;
}
div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div:nth-of-type(1) > span,
div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div:nth-of-type(3) > span,
div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div:nth-of-type(5) > span,
div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div:nth-of-type(7) > span,
div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div:nth-of-type(9) > span,
div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div:nth-of-type(11) > span,
div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div:nth-of-type(13) > span
{
display:flex;
width:calc(100% - 50px);
flex-wrap:wrap;
justify-content:center;
margin-left:25px;
}
div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > label
{
width:18px;
height:18px;
}
div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div > label
{
display: flex;
width: 19px;
height: 19px;
}
div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > label > input[type="checkbox"]
{
position:absolute;
opacity:0;
width:18px;
height:18px;
}
div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div:nth-of-type(1) > label > input[type="checkbox"],
div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div:nth-of-type(3) > label > input[type="checkbox"],
div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div:nth-of-type(5) > label > input[type="checkbox"],
div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div:nth-of-type(7) > label > input[type="checkbox"],
div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div:nth-of-type(9) > label > input[type="checkbox"],
div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div:nth-of-type(11) > label > input[type="checkbox"],
div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div:nth-of-type(13) > label > input[type="checkbox"]
{
position: absolute;
width: 19px;
height: 19px;
opacity: 0;
}
div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > label > span
{
width:100%;
margin-top:-2px;
display:block;
}
div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div > label > span
{
width: 100%;
height: 19px;
display: block;
margin-top: -1px;
}
div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > label > span::before
{
font-family:"pictos";
content:"y";
text-shadow: 2px 2px 2px #FF0000;
color:black;
font-size:18px;
opacity:0;
}
div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div:nth-of-type(1) > label > span::before,
div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div:nth-of-type(3) > label > span::before,
div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div:nth-of-type(5) > label > span::before,
div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div:nth-of-type(7) > label > span::before,
div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div:nth-of-type(9) > label > span::before,
div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div:nth-of-type(11) > label > span::before,
div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div:nth-of-type(13) > label > span::before
{
font-family: "pictos";
content: "-";
text-shadow: 2px 2px 2px #FF0000;
color:black;
font-size:18px;
}
div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div:hover > label > span::before
{
opacity:1;
}
div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > label > input[type="checkbox"]:checked + span::before
{
color:red;
text-shadow: 2px 2px 2px #555555;
opacity:1;
}
div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div:nth-of-type(1) > label > input[type="checkbox"]:checked + span::before,
div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div:nth-of-type(3) > label > input[type="checkbox"]:checked + span::before,
div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div:nth-of-type(5) > label > input[type="checkbox"]:checked + span::before,
div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div:nth-of-type(7) > label > input[type="checkbox"]:checked + span::before,
div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div:nth-of-type(9) > label > input[type="checkbox"]:checked + span::before,
div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div:nth-of-type(11) > label > input[type="checkbox"]:checked + span::before,
div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div:nth-of-type(13) > label > input[type="checkbox"]:checked + span::before
{
content: "+";
}
div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > input[type="hidden"][value="0"] ~ div.sheet-extend,
div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > input[type="hidden"][value="1"] + div.sheet-extend
{
display:none;
}
div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > input[type="hidden"][value="1"] ~ div.sheet-extend,
div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > input[type="hidden"][value="0"] + div.sheet-extend
{
display:flex;
flex-wrap:wrap;
width:100%;
justify-content:space-between;
}
div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > input[type="text"]
{
display:flex;
width:calc(100% - 65px - 25px);
flex-wrap:wrap;
padding-right:0px;
padding-left:5px;
padding-bottom:0px;
height:18px;
border:0px;
border-bottom:1px solid black;
font-size:11px;
}
div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > input[type="number"]
{
display:flex;
width:60px;
flex-wrap:wrap;
text-align:center;
padding-right:0px;
padding-left:0px;
padding-bottom:0px;
height:18px;
border:0px;
border-bottom:1px solid black;
font-size:11px;
}
div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div.repitem:first-of-type
{
margin-top:-2px;
}
div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > label
{
display:flex;
width:calc(50% - 2.5px);
justify-content:space-between;
height:18px;
}
div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > label:not(:last-of-type)
{
margin-bottom:5px;
}
div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > label > span
{
display:flex;
width:100px;
flex-wrap:wrap;
padding-top:2px;
padding-left:5px;
height:18px;
font-size:11px;
font-weight:normal;
}
div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > label > input[type="number"],
div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > label > select
{
display:flex;
width:calc(100% - 105px);
flex-wrap:wrap;
text-align:center;
padding-right:0px;
padding-left:0px;
padding-bottom:0px;
height:18px;
border:0px;
border-bottom:1px solid black;
font-size:11px;
}
div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > label > select
{
padding-top:0px;
}
div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div.sheet-extend > label
{
display:flex;
width:calc(50% - 2.5px);
justify-content:space-between;
height:18px;
}
div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div.sheet-extend > label > div
{
display:flex;
width:140px;
height:18px;
}
div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div.sheet-extend > label > div > span:first-of-type
{
display:flex;
padding-top:3px;
padding-left:5px;
height:18px;
font-size:11px;
font-weight:normal;
padding-right:2px;
}
div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div.sheet-extend > label > div > span:nth-of-type(2)
{
display:flex;
width:4px;
padding-top:3px;
padding-left:0px;
height:18px;
font-size:11px;
font-weight:normal;
}
div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div.sheet-extend > label > div > span
{
display:flex;
padding-top:3px;
padding-left:2px;
height:18px;
font-size:11px;
font-weight:normal;
}
div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div.sheet-extend > label > input[type="number"]
{
display:flex;
width:calc(100% - 140px);
flex-wrap:wrap;
text-align:center;
padding-right:0px;
padding-left:0px;
padding-bottom:0px;
height:18px;
border:0px;
border-bottom:1px solid black;
font-size:11px;
}
div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div.repitem > .itemcontrol > button
{
padding-top: 0px;
padding-bottom: 0px;
border-radius: 0px;
height: 16px;
padding-right: 6px;
padding-left: 6px;
}
div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div.repitem > .itemcontrol > a
{
padding-top: 0px;
padding-bottom: 0px;
border-radius: 0px;
height: 16px;
padding-right: 6px;
padding-left: 6px;
margin-bottom: 6px;
}
/*
//////////////////
TAB HISTORIQUE
/////////////////
*/
/*
///////////////////
LANGUES
///////////////////
*/
div.sheet-langue
{
display:flex;
width:calc(30% - 2.5px);
flex-wrap:wrap;
}
div.sheet-langue > div > div
{
display:flex;
width:100%;
flex-wrap:wrap;
}
div.sheet-langue > div > div:first-of-type
{
margin-top:-2px;
}
div.sheet-langue > div > div > input[type="text"]
{
display:flex;
width:100%;
flex-wrap:wrap;
padding-bottom:0px;
padding-left:5px;
padding-right:0px;
font-size:11px;
height:18px;
border:0px;
border-bottom:1px solid black;
}
div.sheet-langue > div > div.repitem > .itemcontrol > button
{
padding-top: 0px;
padding-bottom: 0px;
border-radius: 0px;
height: 16px;
padding-right: 6px;
padding-left: 6px;
}
div.sheet-langue > div > div.repitem > .itemcontrol > a
{
padding-top: 0px;
padding-bottom: 0px;
border-radius: 0px;
height: 16px;
padding-right: 6px;
padding-left: 6px;
margin-bottom: 5px;
}
/*
///////////////////
REPUTATIONS
///////////////////
*/
div.sheet-reput
{
display:flex;
width:calc(30% - 2.5%);
flex-wrap:wrap;
justify-content:space-between;
}
div.sheet-reput > div:first-of-type
{
display:flex;
width:100%;
border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch;
border-bottom: 5px solid black;
}
div.sheet-reput > div:first-of-type > input[type="text"]
{
display:flex;
width:100%;
text-align:center;
border:0px;
padding:0px;
align-items:center;
background:transparent;
font-size:13pt;
text-shadow: 2px 2px 2px #555;
}
div.sheet-reput > div:nth-of-type(2)
{
display:flex;
width:100%;
justify-content:space-between;
border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch;
border-bottom: 5px solid black;
}
div.sheet-reput > div:nth-of-type(2) > label
{
display:flex;
width:calc(50% - 5px);
justify-content:space-between;
height:18px;
}
div.sheet-reput > div:nth-of-type(2) > label > span:first-of-type
{
display:flex;
width:calc(100% - 30px - 10px);
font-size:11px;
align-items:flex-end;
font-weight:bold;
padding-top:4px;
padding-left:5px;
color:black;
height:17px;
}
div.sheet-reput > div:nth-of-type(2) > label > span:nth-of-type(2)
{
display:flex;
width:10px;
font-size:11px;
justify-content:center;
align-items:flex-end;
font-weight:bold;
padding-top:4px;
}
div.sheet-reput > div:nth-of-type(2) > label > input[type="number"],
div.sheet-reput > div:nth-of-type(2) > label > input[type="text"]
{
display:flex;
width:30px;
text-align:center;
font-size:11px;
padding-bottom:0px;
padding-left:0px;
padding-right:0px;
border:0px;
border-bottom:1px solid black;
background:transparent;
color:black;
}
div.sheet-reput > label
{
display:flex;
width:calc(50% - 5px);
justify-content:space-between;
height:18px;
}
div.sheet-reput > label > span:first-of-type
{
display:flex;
width:calc(100% - 30px);
justify-content:space-between;
font-size:11px;
padding-left:5px;
align-items:flex-end;
padding-top:4px;
color:black;
font-weight:normal;
height:17px;
}
div.sheet-reput > label > input[type="number"]
{
display:flex;
width:30px;
text-align:center;
font-size:11px;
padding-bottom:0px;
padding-left:0px;
padding-right:0px;
border:0px;
border-bottom:1px solid black;
}
/*
///////////////////
GNOSE ET NATURA
///////////////////
*/
div.sheet-natura
{
display:flex;
width:calc(30% - 2.5%);
flex-wrap:wrap;
}
div.sheet-natura > label
{
display:flex;
width:100%;
flex-wrap:wrap;
justify-content:space-between;
height:18px;
}
div.sheet-natura > label > span
{
display:flex;
width:calc(100% - 60px - 10px);
font-size:11px;
font-weight:normal;
padding-left:5px;
padding-top:4px;
align-items:flex-end;
height:17px;
color:black;
}
div.sheet-natura > label > input[type="number"]
{
display:flex;
width:60px;
font-size:11px;
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
border:0px;
border-bottom:1px solid black;
align-items:flex-end;
text-align:center;
height:18px;
}
div.sheet-natura > label:nth-of-type(3)
{
border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Anima-Beyond-Fantasy/img/border.png') 10 stretch;
border-top: 5px solid black;
border-bottom: 5px solid black;
margin-top: 5px;
padding-bottom: 5px;
}
div.sheet-natura > label:nth-of-type(3) > span,
div.sheet-natura > label:last-of-type > span
{
font-weight:bold;
}
div.sheet-natura > textarea
{
margin-top:5px;
font-size:11px;
height:40px;
border:1px solid black;
}
/*
///////////////////
GNOSE ET NATURA
///////////////////
*/
div.sheet-elan
{
display:flex;
width:calc(33% - 2.5%);
flex-wrap:wrap;
}
div.sheet-elan > div:first-of-type
{
display:flex;
width:100%;
flex-wrap:wrap;
justify-content:space-between;
}
div.sheet-elan > div:first-of-type > label:first-of-type
{
display:flex;
width:calc(100% - 65px);
flex-wrap:wrap;
justify-content:space-between;
}
div.sheet-elan > div:first-of-type > label > input[type="text"],
div.sheet-elan > div:first-of-type > label > input[type="number"]
{
display:flex;
width:100%;
flex-wrap:wrap;
text-align:center;
padding-right:0px;
padding-left:0px;
padding-bottom:0px;
border:0px;
border-bottom:1px solid black;
}
div.sheet-elan > div:first-of-type > label > span
{
display:flex;
width:100%;
flex-wrap:wrap;
text-align:center;
justify-content:center;
padding-bottom:3px;
font-size:11px;
color:black;
}
div.sheet-elan > div:first-of-type > label:last-of-type
{
display:flex;
width:60px;
flex-wrap:wrap;
justify-content:space-between;
}
div.sheet-elan > div:nth-of-type(2)
{
display:flex;
width:100%;
flex-wrap:wrap;
justify-content:space-between;
border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Anima-Beyond-Fantasy/img/border.png') 10 stretch;
border-top: 5px solid black;
border-bottom: 5px solid black;
}
div.sheet-elan > div:nth-of-type(2) > span:first-of-type
{
display:flex;
width:calc(100% - 65px - 25px);
flex-wrap:wrap;
justify-content:center;
color:black;
}
div.sheet-elan > div:nth-of-type(2) > span:last-of-type
{
display:flex;
width:60px;
flex-wrap:wrap;
justify-content:center;
color:black;
margin-right:24px;
}
div.sheet-elan > div:nth-of-type(3) > div
{
display:flex;
width:100%;
flex-wrap:wrap;
justify-content:space-between;
}
div.sheet-elan > div:nth-of-type(3) > div:first-of-type
{
margin-top:-2px;
}
div.sheet-elan > div:nth-of-type(3) > div > input[type="text"]
{
display:flex;
width:calc(100% - 65px - 25px);
flex-wrap:wrap;
padding-right:0px;
padding-left:5px;
padding-bottom:0px;
border:0px;
border-bottom:1px solid black;
font-size:11px;
height:18px;
}
div.sheet-elan > div:nth-of-type(3) > div > input[type="number"]
{
display:flex;
width:60px;
flex-wrap:wrap;
text-align:center;
padding-right:0px;
padding-left:0px;
padding-bottom:0px;
border:0px;
border-bottom:1px solid black;
font-size:11px;
height:18px;
}
div.sheet-elan > div:nth-of-type(3) > div > div.sheet-extend
{
display:none;
}
div.sheet-elan > div > div.repitem > .itemcontrol > button
{
padding-top: 0px;
padding-bottom: 0px;
border-radius: 0px;
height: 16px;
padding-right: 6px;
padding-left: 6px;
}
div.sheet-elan > div > div.repitem > .itemcontrol > a
{
padding-top: 0px;
padding-bottom: 0px;
border-radius: 0px;
height: 16px;
padding-right: 6px;
padding-left: 6px;
margin-bottom: 5px;
}
div.sheet-elan > div:nth-of-type(3) > div > label
{
width:18px;
height:18px;
}
div.sheet-elan > div:nth-of-type(3) > div > label > input[type="checkbox"]
{
position:absolute;
opacity:0;
width:18px;
height:18px;
}
div.sheet-elan > div:nth-of-type(3) > div > label > span
{
width:100%;
margin-top:-2px;
display:block;
}
div.sheet-elan > div:nth-of-type(3) > div > label > span::before
{
font-family:"pictos";
content:"y";
text-shadow: 2px 2px 2px #FF0000;
color:black;
font-size:18px;
opacity:0;
}
div.sheet-elan > div:nth-of-type(3) > div:hover > label > span::before
{
opacity:1;
}
div.sheet-elan > div:nth-of-type(3) > div > label > input[type="checkbox"]:checked + span::before
{
color:red;
text-shadow: 2px 2px 2px #555555;
opacity:1;
}
div.sheet-elan > div:nth-of-type(3) > div > input[type="hidden"][value="0"] ~ div.sheet-extend
{
display:none;
}
div.sheet-elan > div:nth-of-type(3) > div > input[type="hidden"][value="1"] ~ div.sheet-extend
{
display:flex;
flex-wrap:wrap;
width:100%;
justify-content:space-between;
}
div.sheet-elan > div:nth-of-type(3) > div > div.sheet-extend > textarea
{
border:1px solid black;
font-size: 11px;
line-height: 13px;
}
div.sheet-elan > div:nth-of-type(3) > div > div.sheet-extend > span
{
line-height: 13px;
font-size: 11px;
font-weight: normal;
padding: 1px;
}
/*
///////////////////
NOTES
///////////////////
*/
div.sheet-note
{
display:flex;
width:calc(50% - 2.5%);
flex-wrap:wrap;
}
div.sheet-note > div > div > div > textarea
{
border:1px solid black;
}
/*
///////////////////
TEMPLATES
///////////////////
*/
.sheet-rolltemplate-ABFCharac,
.sheet-rolltemplate-ABFBase,
.sheet-rolltemplate-ABFSpell,
.sheet-rolltemplate-ABFSpellCast,
.sheet-rolltemplate-ABFPsi,
.sheet-rolltemplate-ABFWeapon,
.sheet-rolltemplate-APICompare,
.sheet-rolltemplate-APIList
{
display:flex;
width:100%;
flex-wrap:wrap;
justify-content:space-between;
background-color:white;
border-radius:10px;
}
.sheet-rolltemplate-ABFKi
{
display:flex;
width:100%;
flex-wrap:wrap;
justify-content:space-evenly;
background-color:white;
border-radius:10px;
}
.sheet-rolltemplate-ABFCharac h3,
.sheet-rolltemplate-ABFBase h3,
.sheet-rolltemplate-ABFSpell h3,
.sheet-rolltemplate-ABFSpellCast h3,
.sheet-rolltemplate-ABFPsi h3,
.sheet-rolltemplate-ABFKi h3,
.sheet-rolltemplate-ABFWeapon h3,
.sheet-rolltemplate-APICompare h3
{
display:flex;
width:100%;
font-size: 13pt;
color:black;
justify-content: center;
text-shadow: 2px 2px 2px #555555;
font-weight: normal;
border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Anima-Beyond-Fantasy/img/border.png') 10 stretch;
border-bottom: 5px solid black;
z-index:1;
}
.sheet-rolltemplate-ABFBase h4,
.sheet-rolltemplate-ABFSpell h4,
.sheet-rolltemplate-ABFSpellCast h4,
.sheet-rolltemplate-ABFPsi h4,
.sheet-rolltemplate-ABFKi h4,
.sheet-rolltemplate-ABFWeapon h4,
.sheet-rolltemplate-APICompare h4
{
display:flex;
width:100%;
font-size: 11px;
color:black;
justify-content: center;
font-weight: normal;
flex-wrap:wrap;
}
.sheet-rolltemplate-ABFKi > div:first-of-type
{
display:flex;
width:100%;
flex-wrap:wrap;
justify-content:space-evenly;
border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Anima-Beyond-Fantasy/img/border.png') 10 stretch;
border-bottom:5px solid black;
border-top:5px solid black;
}
.sheet-rolltemplate-ABFKi > div:last-of-type
{
display:flex;
width:100%;
flex-wrap:wrap;
word-wrap:anywhere;
border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Anima-Beyond-Fantasy/img/border.png') 10 stretch;
border-top:5px solid black;
margin-bottom:5px;
font-size:11px;
padding-right:2.5px;
padding-left:2.5px;
}
.sheet-rolltemplate-ABFKi > div:not(:first-of-type):not(:last-of-type)
{
display:flex;
width:calc(16.66% - 2.5px);
flex-wrap:wrap;
justify-content:space-between;
}
.sheet-rolltemplate-ABFKi > div:not(:first-of-type):not(:last-of-type) > span
{
display:flex;
width:100%;
font-size:11px;
justify-content:center
}
.sheet-rolltemplate-ABFKi > div:not(:first-of-type):not(:last-of-type) > span:first-of-type
{
font-weight:bold;
}
.sheet-rolltemplate-ABFKi > div:not(:first-of-type):not(:last-of-type) > span:nth-of-type(3)
{
font-size:9px;
}
.sheet-rolltemplate-ABFCharac label,
.sheet-rolltemplate-ABFBase label,
.sheet-rolltemplate-APICompare label
{
display:flex;
width:100%;
flex-wrap:wrap;
justify-content:space-between;
}
.sheet-rolltemplate-APIList label
{
display:flex;
width:100%;
flex-wrap:wrap;
justify-content:space-between;
margin:0px;
}
.sheet-rolltemplate-ABFWeapon > div > label
{
display:flex;
width:50%;
flex-wrap:wrap;
justify-content:flex-start;
margin:0px;
align-items:center;
}
.sheet-rolltemplate-ABFWeapon > div:nth-of-type(3) > label:nth-of-type(1),
.sheet-rolltemplate-ABFWeapon > div:nth-of-type(3) > label:nth-of-type(3)
{
width:60%;
}
.sheet-rolltemplate-ABFWeapon > div:nth-of-type(3) > label:nth-of-type(2),
.sheet-rolltemplate-ABFWeapon > div:nth-of-type(3) > label:nth-of-type(4)
{
width:40%;
}
.sheet-rolltemplate-ABFWeapon > div > label > span,
.sheet-rolltemplate-APICompare label > span,
.sheet-rolltemplate-APIList label > span
{
display:flex;
width:auto;
flex-wrap:wrap;
font-size:11px;
}
.sheet-rolltemplate-APICompare label > span:first-of-type
{
padding-left:5px;
color:black;
font-weight:bold;
}
.sheet-rolltemplate-APIList label > span:first-of-type
{
width:calc(45% - 10px);
align-items:center;
font-weight:bold;
color:black;
padding-left:5px;
}
.sheet-rolltemplate-APIList label > span:last-of-type
{
width:calc(55% - 10px);
}
.sheet-rolltemplate-APIList label:first-of-type > span:last-of-type > a[href^="!"]
{
border-top-right-radius:10px;
}
.sheet-rolltemplate-APIList label:last-of-type > span:last-of-type > a[href^="!"]
{
border-bottom-right-radius:10px;
}
.sheet-rolltemplate-APICompare label > span:last-of-type
{
width:50%;
justify-content:center;
color:black;
}
.sheet-rolltemplate-ABFWeapon > div > label > span:first-of-type
{
font-weight:bold;
margin-left:2px;
}
.sheet-rolltemplate-ABFWeapon > div > label > span:nth-of-type(2)
{
margin-right:2px;
margin-left:2px;
}
.sheet-rolltemplate-ABFBase div.sheet-seals
{
border-top:5px solid black;
border-bottom:5px solid black;
border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Anima-Beyond-Fantasy/img/border.png') 10 stretch;
flex-wrap:wrap;
}
.sheet-rolltemplate-ABFSpell > label,
.sheet-rolltemplate-ABFKi > div:first-of-type > label
{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
width:auto;
margin:0px;
}
.sheet-rolltemplate-ABFKi > div:first-of-type > label
{
font-size:11px;
}
.sheet-rolltemplate-ABFSpellCast > label
{
display:flex;
width:calc(25% - 2.5px);
flex-wrap:wrap;
justify-content:space-between;
margin:0px;
}
.sheet-rolltemplate-ABFBase label:not(:last-child)
{
margin:0px;
}
.sheet-rolltemplate-ABFKi > div:first-of-type > label > span
{
display:flex;
width:auto;
color:black;
justify-content:center;
}
.sheet-rolltemplate-ABFKi > div:first-of-type > label > span:first-of-type
{
font-weight:bold;
padding-right:2.5px;
}
.sheet-rolltemplate-ABFKi > div:first-of-type > label > span:last-of-type
{
padding-left:2.5px;
}
.sheet-rolltemplate-ABFCharac label > span,
.sheet-rolltemplate-ABFBase label > span
{
display:flex;
color:black;
}
.sheet-rolltemplate-ABFSpell > label > span,
.sheet-rolltemplate-ABFSpellCast > label > span
{
display:flex;
color:black;
width:100%;
justify-content:center;
}
.sheet-rolltemplate-ABFSpellCast > label > span
{
font-size:11px;
}
.sheet-rolltemplate-ABFSpell > label > span:last-of-type
{
font-weight:bold;
}
.sheet-rolltemplate-ABFCharac label > span:first-of-type,
.sheet-rolltemplate-ABFBase label > span:first-of-type
{
width:calc(70% - 2.5px);
padding-left:5px;
font-weight:bold;
}
.sheet-rolltemplate-ABFCharac label > span:last-of-type,
.sheet-rolltemplate-ABFBase label > span:last-of-type
{
width:calc(30% - 2.5px);
justify-content:center;
}
.sheet-rolltemplate-ABFBase div.sheet-seals > label
{
margin:0px;
}
.sheet-rolltemplate-ABFBase div.sheet-seals > label:first-of-type > span
{
width:100%;
justify-content:center;
font-size:11px;
word-wrap:anywhere;
text-align:center;
}
.sheet-rolltemplate-ABFBase label.sheet-diff
{
width:auto;
}
.sheet-rolltemplate-ABFBase label.sheet-diff > span
{
font-size:11px;
}
.sheet-rolltemplate-ABFBase div
{
display:flex;
color:black;
width:100%;
justify-content:center;
}
.sheet-rolltemplate-ABFSpell > div:nth-of-type(4) > h4 > a[href^="~"]
{
border-top:0px;
}
.sheet-rolltemplate-ABFSpell > div:first-of-type
{
border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Anima-Beyond-Fantasy/img/border.png') 10 stretch;
border-top: 5px solid black;
}
.sheet-rolltemplate-ABFSpell > div,
.sheet-rolltemplate-ABFPsi > div,
.sheet-rolltemplate-ABFWeapon div
{
display:flex;
color:black;
width:100%;
justify-content:space-between;
flex-wrap:wrap;
}
.sheet-rolltemplate-ABFWeapon > div:nth-of-type(1)
{
border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Anima-Beyond-Fantasy/img/border.png') 10 stretch;
border-top: 5px solid black;
border-bottom:5px solid black;
}
.sheet-rolltemplate-ABFWeapon > div:nth-of-type(3)
{
border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Anima-Beyond-Fantasy/img/border.png') 10 stretch;
border-top: 5px solid black;
border-bottom:5px solid black;
}
.sheet-rolltemplate-ABFSpell > div:nth-of-type(2)
{
font-size:11px;
word-wrap:anywhere;
border-top:5px solid black;
border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Anima-Beyond-Fantasy/img/border.png') 10 stretch;
}
.sheet-rolltemplate-ABFPsi > span
{
display:flex;
color:black;
width:100%;
flex-wrap:wrap;
font-size:11px;
border-top:5px solid black;
border-bottom:5px solid black;
border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Anima-Beyond-Fantasy/img/border.png') 10 stretch;
}
.sheet-rolltemplate-ABFPsi > div:not(:first-of-type)
{
margin-bottom:5px;
}
.sheet-rolltemplate-ABFPsi > div > span
{
display:flex;
color:black;
flex-wrap:wrap;
font-size:11px;
word-wrap:anywhere;
}
.sheet-rolltemplate-ABFPsi > div > span:first-of-type
{
font-weight:bold;
align-items:center;
justify-content:center;
width:30%;
}
.sheet-rolltemplate-ABFPsi > div > span:last-of-type
{
width:70%;
}
.sheet-rolltemplate-ABFPsi > div:first-of-type > span
{
justify-content:center;
font-weight:bold;
font-size:12px;
}
.sheet-rolltemplate-ABFPsi > div:last-of-type
{
width: 50px;
margin: 0px;
}
.sheet-rolltemplate-ABFPsi > div:last-of-type > span
{
width:100%;
align-items:center;
justify-content:center;
}
.sheet-rolltemplate-ABFSpell > div > label:first-of-type
{
margin-left:2.5px;
}
.sheet-rolltemplate-ABFSpell > div > label:last-of-type
{
margin-right:2.5px;
}
.sheet-rolltemplate-ABFSpell > div:nth-of-type(6)
{
margin-bottom:5px;
}
.sheet-rolltemplate-ABFSpellCast > div
{
display:flex;
color:black;
width:100%;
flex-wrap:wrap;
border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Anima-Beyond-Fantasy/img/border.png') 10 stretch;
border-top: 5px solid black;
margin-bottom:5px;
padding-left:5px;
padding-right:5px;
}
.sheet-rolltemplate-ABFSpellCast > div > span
{
display:flex;
color:black;
width:auto;
flex-wrap:wrap;
}
.sheet-rolltemplate-ABFSpellCast > div > span:last-of-type
{
margin-left:5px;
font-weight:bold;
}
.sheet-rolltemplate-ABFSpell > div > label
{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
font-size:11px;
font-weight:normal;
width:auto;
margin:0px;
}
.sheet-rolltemplate-ABFSpellCast > div > label
{
display:flex;
flex-wrap:wrap;
font-size:11px;
font-weight:bold;
width:33.33%;
margin:0px;
}
.sheet-rolltemplate-ABFSpellCast > div > div
{
display:flex;
flex-wrap:wrap;
font-size:11px;
font-weight:normal;
width:100%;
margin:0px;
}
.sheet-rolltemplate-ABFSpellCast > div.sheet-rollas
{
margin-bottom:0px;
justify-content:center;
}
.sheet-rolltemplate-ABFSpellCast > div.sheet-rollas > label
{
width:auto;
justify-content:space-between;
}
.sheet-rolltemplate-ABFSpellCast > div.sheet-rollas > label > span:last-of-type
{
margin:0px;
}
.sheet-rolltemplate-ABFSpellCast > div.sheet-rollas > label > span:last-of-type,
.sheet-rolltemplate-ABFSpellCast > div.sheet-rollas > label > span:last-of-type > span
{
font-weight:normal;
}
.sheet-rolltemplate-ABFSpellCast > div > label:nth-of-type(2)
{
justify-content:center;
}
.sheet-rolltemplate-ABFSpellCast > div > label:nth-of-type(3)
{
justify-content:right;
}
.sheet-rolltemplate-ABFSpellCast > div > label > span
{
display:flex;
flex-wrap:wrap;
font-size:11px;
font-weight:bold;
width:33.33%;
margin:0px;
}
.sheet-rolltemplate-ABFSpell > div:not(:first-of-type) > label
{
font-weight:bold;
}
.sheet-rolltemplate-ABFSpellCast > div > label > span,
.sheet-rolltemplate-ABFSpell > div > label > span
{
display:flex;
color:black;
width:auto;
}
.sheet-rolltemplate-ABFSpell > div > label > span:first-of-type
{
font-weight:bold;
}
.sheet-rolltemplate-ABFSpellCast > div > label > span:last-of-type,
.sheet-rolltemplate-ABFSpell > div > label > span:last-of-type
{
margin-left:5px;
}
.sheet-rolltemplate-ABFSpell a[href^="~"]
{
display:flex;
width:calc(100% - 5px);
background-color:#f5f5f5;
background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
background-image: -ms-linear-gradient(top,#fff,#e6e6e6);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
background-image: -o-linear-gradient(top,#fff,#e6e6e6);
background-image: linear-gradient(top,#fff,#e6e6e6);
background-repeat: repeat-x;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
line-height: 18px;
color: #333;
justify-content: center;
text-shadow: 0 1px 1px rgba(255,255,255,0.75);
cursor: pointer;
font-weight:bold;
border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Anima-Beyond-Fantasy/img/border.png') 10 stretch;
border-top: 5px solid black;
border-bottom: 5px solid black;
}
.sheet-rolltemplate-ABFSpell > div:nth-of-type(3) > h4 > a[href^="~"]
{
border-top: 0px;
}
.sheet-rolltemplate-ABFSpell > div > h4 > a[href^="~"]
{
width:100%;
padding:0px;
}
.sheet-rolltemplate-ABFSpell > a[href^="~"]:last-of-type
{
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
border-bottom:0px;
}
.sheet-rolltemplate-ABFPsi a[href^="~"]
{
display:flex;
width:calc(50% - 27.5px);
background-color:#f5f5f5;
background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
background-image: -ms-linear-gradient(top,#fff,#e6e6e6);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
background-image: -o-linear-gradient(top,#fff,#e6e6e6);
background-image: linear-gradient(top,#fff,#e6e6e6);
background-repeat: repeat-x;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
line-height: 18px;
color: black;
justify-content: center;
text-shadow: 0 1px 1px rgba(255,255,255,0.75);
cursor: pointer;
font-weight:bold;
padding:0px;
border:0px;
align-items:center;
height:32px;
align-self:end;
}
.sheet-rolltemplate-APIList a[href^="!"]
{
display:flex;
width:100%;
background-color:#f5f5f5;
background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
background-image: -ms-linear-gradient(top,#fff,#e6e6e6);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
background-image: -o-linear-gradient(top,#fff,#e6e6e6);
background-image: linear-gradient(top,#fff,#e6e6e6);
background-repeat: repeat-x;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
line-height: 18px;
color: black;
justify-content: center;
text-shadow: 0 1px 1px rgba(255,255,255,0.75);
cursor: pointer;
font-weight:bold;
padding:0px;
padding-right:5px;
padding-left:5px;
border:0px;
align-items:center;
height:32px;
align-self:end;
}
.sheet-rolltemplate-ABFWeapon a[href^="~"]
{
display:flex;
width:50%;
background-color:#f5f5f5;
background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
background-image: -ms-linear-gradient(top,#fff,#e6e6e6);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
background-image: -o-linear-gradient(top,#fff,#e6e6e6);
background-image: linear-gradient(top,#fff,#e6e6e6);
background-repeat: repeat-x;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
line-height: 18px;
color: black;
justify-content: center;
text-shadow: 0 1px 1px rgba(255,255,255,0.75);
cursor: pointer;
font-weight:bold;
padding:0px;
border:0px;
align-items:center;
height:32px;
align-self:end;
}
.sheet-rolltemplate-ABFWeapon div > a[href^="~"]
{
font-size:11px;
height:18px;
}
.sheet-rolltemplate-ABFWeapon > a[href^="~"]:first-of-type
{
border-bottom-left-radius:10px;
}
.sheet-rolltemplate-ABFWeapon > a[href^="~"]:last-of-type
{
border-bottom-right-radius:10px;
}
.sheet-rolltemplate-ABFWeapon > a[href^="~"]
{
width:calc(33.33% - 2.5px);
}
.sheet-rolltemplate-ABFPsi a[href^="~"]:first-of-type
{
border-bottom-left-radius:10px;
}
.sheet-rolltemplate-ABFPsi a[href^="~"]:last-of-type
{
border-bottom-right-radius:10px;
}
.sheet-rolltemplate-ABFSpell > div > span
{
display:flex;
flex-wrap:wrap;
width:100%;
justify-content:space-between;
font-size:11px;
font-weight:normal;
margin:0px;
padding-right:2.5px;
padding-left:2.5px;
margin-top:2.5px;
}
.sheet-rolltemplate-ABFBase div > a[href^="~"]
{
display:flex;
width:calc(100% - 5px);
background-color:#f5f5f5;
background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
background-image: -ms-linear-gradient(top,#fff,#e6e6e6);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
background-image: -o-linear-gradient(top,#fff,#e6e6e6);
background-image: linear-gradient(top,#fff,#e6e6e6);
background-repeat: repeat-x;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
line-height: 18px;
color: #333;
justify-content: center;
text-shadow: 0 1px 1px rgba(255,255,255,0.75);
cursor: pointer;
font-weight:bold;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Anima-Beyond-Fantasy/img/border.png') 10 stretch;
border-top: 5px solid black;
border-bottom:0px;
}
.sheet-rolltemplate-ABFBase div > a[href^="~"]:hover,
.sheet-rolltemplate-ABFSpell a[href^="~"]:hover,
.sheet-rolltemplate-ABFPsi a[href^="~"]:hover,
.sheet-rolltemplate-ABFWeapon a[href^="~"]:hover,
.sheet-rolltemplate-APIList a[href^="!"]:hover
{
color:#333;
text-decoration: none;
background-color:#e6e6e6;
background-position: 0 -15px;
}
.sheet-rolltemplate-ABFCharac .inlinerollresult,
.sheet-rolltemplate-ABFBase .inlinerollresult,
.sheet-rolltemplate-ABFSpellCast .inlinerollresult,
.sheet-rolltemplate-ABFKi .inlinerollresult,
.sheet-rolltemplate-ABFSpellCast .inlinerollresult
{
text-align: center;
border: none;
background:transparent;
}
.sheet-rolltemplate-ABFWeapon .inlinerollresult
{
text-align: center;
border: none;
background:transparent;
font-weight:normal;
font-size:11px;
padding:0px;
}
.sheet-rolltemplate-ABFBase .inlinerollresult.fullcrit,
.sheet-rolltemplate-ABFCharac label > span.sheet-crit,
.sheet-rolltemplate-ABFSpellCast .inlinerollresult.fullcrit
{
border: none;
color:green;
}
.sheet-rolltemplate-ABFCharac .inlinerollresult.fullfail,
.sheet-rolltemplate-ABFBase .inlinerollresult.fullfail,
.sheet-rolltemplate-ABFSpellCast .inlinerollresult.fullfail
{
border: none;
color:red;
}
.sheet-rolltemplate-ABFCharac .inlinerollresult.importantroll,
.sheet-rolltemplate-ABFBase .inlinerollresult.importantroll,
.sheet-rolltemplate-ABFSpellCast .inlinerollresult.importantroll
{
border:none;
}