Files
roll20-character-sheets/NOC/NOC.css
Thalar 9a2758bdf6 [NOC] New sheet - beta version (#6501)
* NOC - new sheet

* Changing HTML structure

* Minor fixes
2020-05-25 11:37:27 -04:00

1931 lines
42 KiB
CSS

/* FONTS */
@font-face {
font-family: 'Special Elite';
font-style: normal;
font-weight: 400;
src: local('Special Elite Regular'), local('SpecialElite-Regular'), url(https://fonts.gstatic.com/s/specialelite/v10/XLYgIZbkc4JPUL5CVArUVL0ntnAOSA.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
font-family: 'Caveat';
font-style: normal;
font-weight: 400;
src: local('Caveat Regular'), local('Caveat-Regular'), url(https://fonts.gstatic.com/s/caveat/v7/Wnz6HAc5bAfYB2Q7ZjYY.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/*
-= ONGLETS =-
*/
.charsheet div[class^="sheet-section"] {
display: none;
}
.charsheet input.sheet-tab1:checked ~ div.sheet-section-gen {
display: block;
}
.charsheet input.sheet-tab1:checked ~ div.sheet-section-comp,
.charsheet input.sheet-tab1:checked ~ div.sheet-section-equip,
.charsheet input.sheet-tab1:checked ~ div.sheet-section-notes {
display: none;
}
.charsheet input.sheet-tab2:checked ~ div.sheet-section-comp {
display: block;
}
.charsheet input.sheet-tab2:checked ~ div.sheet-section-gen,
.charsheet input.sheet-tab2:checked ~ div.sheet-section-equip
.charsheet input.sheet-tab2:checked ~ div.sheet-section-notes {
display: none;
}
.charsheet input.sheet-tab3:checked ~ div.sheet-section-equip {
display: block;
}
.charsheet input.sheet-tab3:checked ~ div.sheet-section-comp,
.charsheet input.sheet-tab3:checked ~ div.sheet-section-gen
.charsheet input.sheet-tab3:checked ~ div.sheet-section-notes {
display: none;
}
.charsheet input.sheet-tab4:checked ~ div.sheet-section-notes {
display: block;
}
.charsheet input.sheet-tab4:checked ~ div.sheet-section-comp,
.charsheet input.sheet-tab4:checked ~ div.sheet-section-gen
.charsheet input.sheet-tab4:checked ~ div.sheet-section-equip {
display: none;
}
.charsheet input.sheet-tab {
width: 35px;
height: 105px;
cursor: pointer;
position: absolute;
opacity: 0;
z-index: 9999;
}
.charsheet input.sheet-tab1 {
margin-left: 0px;
margin-top: 0px;
}
.charsheet input.sheet-tab2 {
margin-left: 0px;
margin-top: 90px;
}
.charsheet input.sheet-tab3 {
margin-left: 0px;
margin-top: 180px;
}
.charsheet input.sheet-tab4 {
margin-left: 0px;
margin-top: 270px;
}
.charsheet span.sheet-tab {
writing-mode: vertical-rl;
text-orientation: sideways;
text-align: center;
display: inline-block;
font-size: 13px;
color: white;
width: 30px;
height: 100px;
cursor: pointer;
position: absolute;
vertical-align: middle;
font-family: 'Special Elite';
font-size: 14px;
border-radius: 0px 10px 10px 0px;
text-shadow:1px 1px 2px black, 0 0 4px black, 0 0 10px black;
box-shadow: 0 0 10px #353535, 5px 5px 10px #353535;
background-color: transparent;
border: 2px solid black;
}
.charsheet span.sheet-tab1 {
margin-left: 0px;
margin-top: 0px;
background-image:url("https://zupimages.net/up/20/20/bp3e.jpg");
}
.charsheet span.sheet-tab2 {
margin-left: 0px;
margin-top: 90px;
background-image:url("https://zupimages.net/up/20/20/rlvb.jpg");
}
.charsheet span.sheet-tab3 {
margin-left: 0px;
margin-top: 180px;
background-image:url("https://zupimages.net/up/20/20/qlpm.jpg");
}
.charsheet span.sheet-tab4 {
margin-left: 0px;
margin-top: 270px;
background-image:url("https://zupimages.net/up/20/20/jhaw.jpg");
}
.charsheet input.sheet-tab1:checked + span.sheet-tab1,
.charsheet input.sheet-tab2:checked + span.sheet-tab2,
.charsheet input.sheet-tab3:checked + span.sheet-tab3,
.charsheet input.sheet-tab4:checked + span.sheet-tab4
{
width: 50px;
}
.sheet-tab {
border-radius: 5px;
padding: 5px 5px 5px 5px;
margin-left: 5px;
margin-right: 5px;
}
/* Zone d'état (malus) */
.sheet-malusdiv {
position: absolute;
z-index: 10;
background-image:url("https://zupimages.net/up/20/20/mjy0.jpg");
background-repeat: no-repeat;
background-size: 320px;
width: 270px;
height: 200px;
margin-left: 20px;
margin-top: 680px;
padding-top: 5px;
border: 5px groove;
border-color: #616B6F #616B6F #685C52 #685C52;
border-radius: 10px;
box-shadow: 0 0 10px #353535, 5px 5px 10px #353535;
}
.sheet-divmalusgauche {
position: absolute;
width: 130px;
text-align: center;
z-index: 11;
}
.sheet-divmalusdroite {
position: relative;
margin-left: 135px;
width: 135px;
text-align: center;
z-index: 11;
}
.sheet-caracteristique-value,
.sheet-competence-value {
display: inline;
}
.sheet-caracteristique-value-max,
.sheet-competence-value-max {
display: none;
}
.sheet-malus {
width: auto;
text-align: center;
position: relative;
z-index: 12;
border: 2px ridge;
border-color: #685C52 #685C52 #616B6F #616B6F;
}
.sheet-malusname {
width: auto;
text-align: center;
color: #4F5F70;
background: -webkit-gradient(linear, left center, right bottom, from(#585049), to(#4F5F70));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.sheet-afficheflag {
position : absolute;
z-index: 999;
margin-left: 25px;
margin-top: 660px;
}
.sheet-afficheflagON,
.sheet-afficheflagOFF {
position : absolute;
z-index: 999;
width: 100px;
font-size: 12px;
margin-left: 50px;
margin-top: 660px;
}
.sheet-afficheflagON {
color: red;
display: none;
}
.sheet-afficheflagOFF {
color: #514842;
display: inline;
}
.sheet-afficheflag:checked ~ label.sheet-afficheflagOFF {
display: none;
}
.sheet-afficheflag:checked ~ label.sheet-afficheflagON {
display: inline;
}
.sheet-afficheflag:checked ~ div.sheet-caracteristique-competence * input.sheet-caracteristique-value {
display: none;
}
.sheet-afficheflag:checked ~ div.sheet-caracteristique-competence * input.sheet-caracteristique-value-max {
display: inline;
}
.sheet-afficheflag:checked ~ div.sheet-caracteristique-competence * input.sheet-competence-value {
display: none;
}
.sheet-afficheflag:checked ~ div.sheet-caracteristique-competence * input.sheet-competence-value-max {
display: inline;
}
.sheet-afficheflag:checked ~ div.sheet-caracteristique-competence * div.sheet-lock {
display: inline;
}
.sheet-afficheflag:checked ~ div.sheet-caracteristique-competence * div.sheet-lock2 {
display: inline;
}
/*
-= FICHE =-
*/
/* Général */
.sheet-Main {
background-image:url("https://zupimages.net/up/20/20/giur.jpg");
background-repeat: repeat-y;
background-size: 1020px;
width: 1020px;
color: black;
box-shadow: 0 0 10px #555;
border: 3px solid black;
}
.charsheet button[type="roll"]:before{
background-position: 0;
content: ""!important;
}
.charsheet button[type="roll"]:hover {
background-image: url("https://zupimages.net/up/20/20/lfvc.png");
background-position: 0;
width : 16px;
height: 16px;
background-size: 16px;
}
.charsheet button[type="roll"] {
background-position: 0;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width : 15px;
Height: 15px;
background-image: url("https://zupimages.net/up/20/20/5hsp.png");
background-color: transparent;
background-size: 15px;
background-repeat: no-repeat;
border: 0px solid black;
}
[data-groupname=repeating_class-ability] > button.btn.repcontrol_add::after {
content: "Add Another Class Ability for CPP";
background-color:transparent;
width: 30px;
}
[data-groupname=repeating_class-ability] > button.btn.repcontrol_edit::after {
content: "Adjust Class Abilities for CPP";
background-color:transparent;
width: 30px;
}
.charsheet .repcontrol_add,
.charsheet .repcontrol_edit {
background-image:url("https://zupimages.net/up/20/21/felt.jpg");
background-repeat: no-repeat;
background-size: 75px;
border: 2px solid black;
height: 30px;
border-radius: 10px;
box-shadow: 0 0 10px black, 5px 5px 10px #514842;
color: white;
font-family: "Courier New",Courier,monospace;
font-size: 14px;
font-weight: bold;
text-shadow: none;
}
/* Identité */
.sheet-photoid {
background-image:url("https://zupimages.net/up/20/20/nflr.png");
background-repeat: no-repeat;
position: absolute;
width: 165px;
height: 220px;
background-size: 165px;
margin-left: 575px;
margin-top: 106px;
z-index: 99;
}
.sheet-section-gen {
background-image:url("https://zupimages.net/up/20/20/whqi.png");
background-size: 550px;
background-repeat: no-repeat;
background-position: bottom right;
width: 970px;
height: 1300px;
margin-left: 50px;
min-width: 950px;
margin-top: -50px;
}
.sheet-identity-gauche {
position: absolute;
width: 400px;
height: 720px;
margin-left: 10px;
margin-top: 25px;
}
.sheet-identity-droite {
position: absolute;
width: 420px;
height: 720px;
margin-left: 430px;
margin-top: 25px;
}
.sheet-info {
color: black;
box-shadow: none;
border-style: none;
border-color: none;
border-radius: inherit;
background-color: transparent;
font-size: 14px;
font-family: "Courier New",Courier,monospace;
font-weight: bold;
max-height: 14px;
}
.sheet-infotitre {
font-size: 22px;
max-height: 22px;
}
.sheet-infogrostitre {
font-size: 30px;
max-height: 30px;
}
.sheet-input-info {
box-shadow: none;
border-style: none;
border-color: none;
border-radius: inherit;
background-color: transparent;
font-size: 14px;
max-height: 14px;
font-weight: bold;
font-family: "Courier New",Courier,monospace;
}
.sheet-input-info-id {
color : black;
box-shadow: none;
border-width: 0px 0px 0px 0px;
border-style: none;
background-color: transparent;
font-family: "Courier New",Courier,monospace;
width: 200px;
font-size: 14px;
max-height: 14px;
}
.sheet-input-infobloc-id {
resize: none;
color : black;
box-shadow: none;
border-width: 0px 0px 0px 0px;
border-style: none;
border-radius: inherit;
background-color: transparent;
font-family: "Courier New",Courier,monospace;
width: 380px;
font-size: 14px;
padding: 0px 0px 0px 5px;
margin-bottom: 0px;
}
.sheet-selectid {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
color: black;
margin-top: 1px;
font-size: 14px;
border-style: none;
background-color: transparent;
font-family: "Courier New",Courier,monospace;
}
.sheet-selectidsecurite {
width:150px;
}
.sheet-selectidharmonie {
width:110px;
}
.sheet-selectidtraitnoirceur {
width:170px;
font-size:13px;
}
.sheet-identity {
background-image:url("https://zupimages.net/up/20/20/le9w.jpg");
background-size: 890px 970px;
background-repeat: no-repeat;
width: 860px;
height: 950px;
box-shadow: 5px 5px 10px #353535;
margin-top: 10px;
padding-top: 10px;
padding-left: 30px;
}
.sheet-identityprivate {
background-image:url("https://zupimages.net/up/20/20/fv93.png");
background-size: 450px;
background-repeat: no-repeat;
width: 440px;
height: 550px;
margin-top: -200px;
margin-left: 20px;
padding-top: 5px;
transform: rotate(-5deg);
}
.sheet-confidentiel {
background-image:url("https://zupimages.net/up/20/20/f9na.png");
background-size: 200px;
background-repeat: no-repeat;
background-position: 0 -20px;
width: 200px;
height: 100px;
margin-top: 30px;
margin-left: 190px;
position: relative;
}
.sheet-identityprivatevcontent {
width: 380px;
height: 380px;
margin-top: 10px;
margin-left: 30px;
position: relative;
}
.sheet-infoprivate {
box-shadow: none;
border-style: none;
border-color: none;
border-radius: inherit;
background-color: transparent;
font-family: 'Special Elite';
font-size: 14px;
font-weight: bold;
}
.sheet-input-info-idprivate {
color : black;
box-shadow: none;
border-style: none;
border-color: none;
border-radius: inherit;
background-color: transparent;
font-family: 'Special Elite';
font-size: 14px;
width: 200px;
}
.sheet-input-info-idprivatebloc {
resize: none;
color : black;
box-shadow: none;
border-width: 0px 0px 0px 0px;
border-style: none;
border-radius: inherit;
background-color: transparent;
font-family: 'Special Elite';
width: 380px;
font-size: 14px;
padding: 0px 0px 0px 5px;
margin-bottom: 0px;
height: 55px;
}
/* DOMAINES ET TALENTS */
.sheet-lock,
.sheet-lock2 {
display:none;
}
.sheet-lock {
background-image:url("https://zupimages.net/up/20/21/4mmh.png");
background-repeat: no-repeat;
background-size: 16px;
z-index: 9999;
position: absolute;
width: 15px;
height: 15px;
}
.sheet-lock2 {
background-image:url("https://zupimages.net/up/20/21/4mmh.png");
background-repeat: no-repeat;
background-size: 13px;
z-index: 9999;
position: absolute;
width: 13px;
height: 13px;
}
.sheet-logoNOC {
background-image:url("https://zupimages.net/up/20/20/hzx2.png");
background-repeat: no-repeat;
background-size: 190px;
width: 190px;
height: 200px;
position: absolute;
margin-left: 430px;
margin-top: 245px;
z-index: 2;
}
.sheet-section-comp {
background-image:url("https://zupimages.net/up/20/20/a5fq.png");
background-position: bottom right;
background-repeat: no-repeat;
padding-top: 0px;
height: 895px;
}
.sheet-caracteristique-competence {
background-image:url("https://zupimages.net/up/20/20/5vb9.png");
background-size: 700px 700px;
background-repeat: no-repeat;
width: 830px;
height: 820px;
margin-top: 30px;
margin-left: 175px;
margin-right: 5px;
position: relative;
z-index: 4;
}
.sheet-caracteristique-vietab,
.sheet-caracteristique-eruditiontab,
.sheet-caracteristique-techniquetab,
.sheet-caracteristique-socialtab,
.sheet-caracteristique-ametab,
.sheet-caracteristique-statuttab,
.sheet-caracteristique-actiontab {
padding: 2px 2px 2px 2px;
margin-left: 4px;
margin-right: 4px;
border: 3px groove;
border-color: #616B6F #616B6F #685C52 #685C52;
border-radius: 5px;
box-shadow: 0 0 10px #353535, 5px 5px 10px #353535;
width: 190px;
position: absolute;
background-color: transparent;
background-image:url("https://zupimages.net/up/20/20/lep9.jpg");
background-repeat: no-repeat;
background-size: 232px;
z-index: 99;
}
.sheet-caracteristique-backtitle {
background-color: transparent;
background-image:url("https://zupimages.net/up/20/20/upf5.png");
background-repeat: no-repeat;
background-size: 223px 71px;
width: 223px;
height: 71px;
margin-left: -15px;
margin-top: -20px;
position : absolute;
z-index: 4;
}
.sheet-caracteristique-backtitle2 {
background-color: transparent;
background-image:url("https://zupimages.net/up/20/20/fclt.png");
background-repeat: no-repeat;
background-size: 200px 75px;
width: 200px;
height: 75px;
margin-left: -30px;
margin-top: -28px;
position : absolute;
z-index: 4;
}
.sheet-caracteristique-backtitle3 {
background-color: transparent;
background-image:url("https://zupimages.net/up/20/20/m7kw.png");
background-repeat: no-repeat;
background-size: 140px 65px;
width: 140px;
height: 65px;
margin-left: -10px;
margin-top: -25px;
position : absolute;
z-index: 4;
}
.sheet-caracteristique-title {
font-family: 'Special Elite';
font-size: 22px;
color: white;
position: relative;
display: inline;
z-index: 5;
text-shadow:1px 1px 2px black, 0 0 4px black, 0 0 10px black;
}
.sheet-caracteristique-value,
.sheet-caracteristique-value-max {
width: 45px;
font-size: 23px;
font-weight: bold;
text-align: center;
border: 5px ridge;
border-color: #685C52 #685C52 #616B6F #616B6F;
margin-right:5px;
position: relative;
z-index: 5;
border-radius: 25px;
box-shadow: 0 0 5px black, 5px 5px 10px #514842;
}
.sheet-caracteristique-vietab {
margin-left: 45px;
margin-top: -100px;
}
.sheet-caracteristique-eruditiontab {
margin-left: 460px;
margin-top: -100px;
}
.sheet-caracteristique-socialtab {
margin-left: -130px;
margin-top: 160px;
}
.sheet-caracteristique-techniquetab {
margin-left: 640px;
margin-top: 160px;
}
.sheet-caracteristique-ametab {
margin-left: -50px;
margin-top: 460px;
}
.sheet-caracteristique-actiontab {
margin-left: 590px;
margin-top: 460px;
}
.sheet-caracteristique-statuttab {
margin-left: 260px;
margin-top: 620px;
}
.sheet-competence-value,
.sheet-competence-value-max {
width: 35px;
font-size: 17px;
font-weight: bold;
text-align: center;
margin-top: 2px;
margin-bottom: 2px;
border-radius: 20px;
border: 3px ridge;
border-color: #685C52 #685C52 #616B6F #616B6F;
box-shadow: 1px 1px 5px #514842;
}
.sheet-competence-title {
font-family: 'Special Elite';
font-size: 18px;
display: inline;
padding-right: 1px;
font-weight: bolder;
color: #758CA5;
background: -webkit-gradient(linear, left center, right bottom, from(#585049), to(#758CA5));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.sheet-points-vecu {
width: 130px;
text-align:center;
position: absolute;
margin-left: 290px;
margin-top: 55px;
z-index: 5;
}
.sheet-points-espoir {
width: 130px;
text-align:center;
position: absolute;
margin-left: 100px;
margin-top: 140px;
z-index: 5;
}
.sheet-points-singularite {
width: 130px;
text-align:center;
position: absolute;
margin-left: 480px;
margin-top: 140px;
z-index: 5;
}
.sheet-points-trauma {
width: 150px;
position: absolute;
margin-left: 70px;
margin-top: 340px;
text-align: center;
z-index: 5;
}
.sheet-points-blessures {
width: 150px;
position: absolute;
margin-left: 505px;
margin-top: 340px;
text-align: center;
z-index: 5;
}
.sheet-points-noirceur {
width: 150px;
position: absolute;
margin-left: 180px;
margin-top: 500px;
text-align: center;
z-index: 5;
}
.sheet-points-traque {
width: 150px;
position: absolute;
margin-left: 400px;
margin-top: 500px;
text-align: center;
z-index: 5;
}
.sheet-points-title {
font-family: 'Special Elite';
font-size: 20px;
display: inline;
text-align: center;
position:relative;
z-index: 5;
color: white;
text-shadow:1px 1px 2px black, 0 0 4px black, 0 0 10px black;
}
.sheet-points-title2 {
font-family: 'Special Elite';
font-size: 20px;
display: inline;
text-align: center;
padding-left: 8px;
position:relative;
z-index: 5;
color: white;
text-shadow:1px 1px 2px black, 0 0 4px black, 0 0 10px black;
}
.sheet-points-slash {
font-family: 'Special Elite';
font-size: 23px;
display: inline-block;
text-align: center;
color:#514842;
margin-top: 5px;
font-weight: bolder;
text-shadow: 0 0 5px black, 5px 5px 10px #514842;
}
.sheet-points-content {
vertical-align: middle;
width: 120px;
}
.sheet-points-select {
width: 48px;
height : 35px;
font-size: 20px;
font-weight: bold;
text-align: center;
border: 3px ridge;
border-color: #685C52 #685C52 #616B6F #616B6F;
z-index: 5;
float: left;
display: inline-block;
position: relative;
box-shadow: 0 0 5px black, 5px 5px 10px #514842;
}
.sheet-points-select-max {
width: 48px;
height : 35px;
font-size: 20px;
font-weight: bold;
text-align: center;
border: 3px ridge;
border-color: #685C52 #685C52 #616B6F #616B6F;
color: grey;
z-index: 5;
display: inline-block;
position: relative;
box-shadow: 0 0 5px black, 5px 5px 10px #514842;
}
.sheet-points-select-max-input {
width: 40px;
height : 35px;
max-height : 35px;
font-size: 20px;
font-weight: bold;
text-align: center;
border: 3px ridge;
border-color: #685C52 #685C52 #616B6F #616B6F;
color: grey;
z-index: 5;
float: right;
display: inline-block;
position: relative;
box-shadow: 0 0 5px black, 5px 5px 10px #514842;
}
.sheet-points-title-effet {
display: none;
}
.sheet-checkbox-trauma,
.sheet-checkbox-bless,
.sheet-checkbox-noirceur,
.sheet-checkbox-traque {
position:relative;
z-index: 5;
box-shadow: 2px 2px 5px #514842;
}
.sheet-points-permanents {
width: 33px;
font-size: 19px;
text-align: center;
border: 1px solid black;
color: grey;
position:relative;
z-index: 5;
position: absolute;
margin-left: -85px;
margin-top: -20px;
border-radius: 25px;
box-shadow: 1px 1px 5px #514842;
color: black;
}
/* blessures */
.sheet-effet-points {
background-color: transparent;
border: 0px solid black;
text-align: center;
font-size: 12px;
width: 152px;
height: 54px;
resize : none;
margin-top: -20px;
color: black;
}
.sheet-effet-points-blessures-leger,
.sheet-effet-points-blessures-grave,
.sheet-effet-points-blessures-mort {
display: none;
}
.sheet-effet-points-blessures-leger {
text-shadow: 2px 2px 6px orange, -2px -2px 6px orange;
}
.sheet-effet-points-blessures-grave {
text-shadow: 2px 2px 6px red, -2px -2px 6px red;
}
.sheet-effet-points-blessures-mort {
text-shadow: 2px 2px 6px purple, -2px -2px 6px purple;
}
.sheet-checkbox-bless5:checked ~ textarea.sheet-effet-points-blessures-leger {
display: inline;
}
.sheet-checkbox-bless5:checked ~ textarea.sheet-effet-points-blessures-grave {
display: none;
}
.sheet-checkbox-bless5:checked ~ textarea.sheet-effet-points-blessures-mort {
display: none;
}
.sheet-checkbox-bless8:checked ~ textarea.sheet-effet-points-blessures-leger {
display: none;
}
.sheet-checkbox-bless8:checked ~ textarea.sheet-effet-points-blessures-grave {
display: inline;
}
.sheet-checkbox-bless8:checked ~ textarea.sheet-effet-points-blessures-mort {
display: none;
}
.sheet-checkbox-bless10:checked ~ textarea.sheet-effet-points-blessures-leger {
display: none;
}
.sheet-checkbox-bless10:checked ~ textarea.sheet-effet-points-blessures-grave {
display: none;
}
.sheet-checkbox-bless10:checked ~ textarea.sheet-effet-points-blessures-mort {
display: inline;
}
/* trauma */
.sheet-effet-points-trauma-leger,
.sheet-effet-points-trauma-grave,
.sheet-effet-points-trauma-mort {
display: none;
}
.sheet-effet-points-trauma-leger {
text-shadow: 2px 2px 6px orange, -2px -2px 6px orange;
}
.sheet-effet-points-trauma-grave {
text-shadow: 2px 2px 6px red, -2px -2px 6px red;
}
.sheet-effet-points-trauma-mort {
text-shadow: 2px 2px 6px purple, -2px -2px 6px purple;
}
.sheet-checkbox-trauma5:checked ~ textarea.sheet-effet-points-trauma-leger {
display: inline;
}
.sheet-checkbox-trauma5:checked ~ textarea.sheet-effet-points-trauma-grave {
display: none;
}
.sheet-checkbox-trauma5:checked ~ textarea.sheet-effet-points-trauma-mort {
display: none;
}
.sheet-checkbox-trauma8:checked ~ textarea.sheet-effet-points-trauma-leger {
display: none;
}
.sheet-checkbox-trauma8:checked ~ textarea.sheet-effet-points-trauma-grave {
display: inline;
}
.sheet-checkbox-trauma8:checked ~ textarea.sheet-effet-points-trauma-mort {
display: none;
}
.sheet-checkbox-trauma10:checked ~ textarea.sheet-effet-points-trauma-leger {
display: none;
}
.sheet-checkbox-trauma10:checked ~ textarea.sheet-effet-points-trauma-grave {
display: none;
}
.sheet-checkbox-trauma10:checked ~ textarea.sheet-effet-points-trauma-mort {
display: inline;
}
/* traque */
.sheet-effet-points-traque-leger,
.sheet-effet-points-traque-grave,
.sheet-effet-points-traque-mort {
display: none;
}
.sheet-effet-points-traque-leger {
text-shadow: 2px 2px 6px orange, -2px -2px 6px orange;
}
.sheet-effet-points-traque-grave {
text-shadow: 2px 2px 6px red, -2px -2px 6px red;
}
.sheet-effet-points-traque-mort {
text-shadow: 2px 2px 6px purple, -2px -2px 6px purple;
}
.sheet-checkbox-traque5:checked ~ textarea.sheet-effet-points-traque-leger {
display: inline;
}
.sheet-checkbox-traque5:checked ~ textarea.sheet-effet-points-traque-grave {
display: none;
}
.sheet-checkbox-traque5:checked ~ textarea.sheet-effet-points-traque-mort {
display: none;
}
.sheet-checkbox-traque8:checked ~ textarea.sheet-effet-points-traque-leger {
display: none;
}
.sheet-checkbox-traque8:checked ~ textarea.sheet-effet-points-traque-grave {
display: inline;
}
.sheet-checkbox-traque8:checked ~ textarea.sheet-effet-points-traque-mort {
display: none;
}
.sheet-checkbox-traque10:checked ~ textarea.sheet-effet-points-traque-leger {
display: none;
}
.sheet-checkbox-traque10:checked ~ textarea.sheet-effet-points-traque-grave {
display: none;
}
.sheet-checkbox-traque10:checked ~ textarea.sheet-effet-points-traque-mort {
display: inline;
}
/* noirceur */
.sheet-effet-points-noirceur-leger,
.sheet-effet-points-noirceur-grave,
.sheet-effet-points-noirceur-mort {
display: none;
}
.sheet-effet-points-noirceur-leger {
text-shadow: 2px 2px 6px orange, -2px -2px 6px orange;
}
.sheet-effet-points-noirceur-grave {
text-shadow: 2px 2px 6px red, -2px -2px 6px red;
}
.sheet-effet-points-noirceur-mort {
text-shadow: 2px 2px 6px purple, -2px -2px 6px purple;
}
.sheet-checkbox-noirceur5:checked ~ textarea.sheet-effet-points-noirceur-leger {
display: inline;
}
.sheet-checkbox-noirceur5:checked ~ textarea.sheet-effet-points-noirceur-grave {
display: none;
}
.sheet-checkbox-noirceur5:checked ~ textarea.sheet-effet-points-noirceur-mort {
display: none;
}
.sheet-checkbox-noirceur8:checked ~ textarea.sheet-effet-points-noirceur-leger {
display: none;
}
.sheet-checkbox-noirceur8:checked ~ textarea.sheet-effet-points-noirceur-grave {
display: inline;
}
.sheet-checkbox-noirceur8:checked ~ textarea.sheet-effet-points-noirceur-mort {
display: none;
}
.sheet-checkbox-noirceur10:checked ~ textarea.sheet-effet-points-noirceur-leger {
display: none;
}
.sheet-checkbox-noirceur10:checked ~ textarea.sheet-effet-points-noirceur-grave {
display: none;
}
.sheet-checkbox-noirceur10:checked ~ textarea.sheet-effet-points-noirceur-mort {
display: inline;
}
/* POSSESSIONS */
.sheet-section-equip {
width: 960px;
background-image:url("https://zupimages.net/up/20/20/l7y9.png"),url("https://zupimages.net/up/20/20/n80i.png");
background-repeat: no-repeat;
background-size: 400px, 300px ;
background-position: bottom left, bottom right ;
padding-left: 60px;
margin-top: -50px;
padding-bottom: 150px;
}
.sheet-divtircac {
width: 930px;
min-height: 100px;
margin-bottom: 30px;
display:inline-block;
}
.sheet-tab-contacts {
min-height: 300px;
height: 300px;
max-height: 300px;
width: 400px;
margin-left: 30px;
margin-bottom: 10px;
border: 2px solid black;
box-shadow: 0 0 10px #353535, 5px 5px 10px #353535;
border-radius: 5px 5px 0px 0px;
background-image:url("https://zupimages.net/up/20/20/riyk.jpg");
background-repeat: no-repeat;
background-position: top left;
background-size: 400px;
}
.sheet-tab-armure {
min-height: 120px;
height: 120px;
max-height: 120px;
width: 400px;
margin-left: 30px;
margin-bottom: 10px;
border: 2px solid black;
box-shadow: 0 0 10px #353535, 5px 5px 10px #353535;
border-radius: 5px 5px 0px 0px;
background-image:url("https://zupimages.net/up/20/20/riyk.jpg");
background-repeat: no-repeat;
background-position: top left;
background-size: 400px;
}
.sheet-tab-tir {
min-height: 100px;
width: 500px;
float: left;
border: 2px solid black;
box-shadow: 0 0 10px #353535, 5px 5px 10px #353535;
border-radius: 5px 5px 0px 0px;
background-image:url("https://zupimages.net/up/20/20/riyk.jpg");
background-repeat: no-repeat;
background-position: top left;
background-size: 500px;
}
.sheet-tir-all,
.sheet-cac-all {
height:115px;
}
.sheet-tir-gauche,
.sheet-cac-gauche {
float: left;
}
.sheet-tir-droite,
.sheet-cac-droite {
margin-top: 5px;
}
.sheet-tab-cac {
min-height: 100px;
width: 400px;
float: right;
border: 2px solid black;
box-shadow: 0 0 10px #353535, 5px 5px 10px #353535;
border-radius: 5px 5px 0px 0px;
background-image:url("https://zupimages.net/up/20/20/riyk.jpg");
background-repeat: no-repeat;
background-position: top left;
background-size: 400px;
vertical-align: top;
}
.sheet-tab-equip {
background-image:url("https://zupimages.net/up/20/20/riyk.jpg");
background-repeat: no-repeat;
background-position: top left;
background-size: 950px;
border: 2px solid black;
width: 950px;
min-height: 100px;
margin-bottom: 20px;
vertical-align: top;
box-shadow: 0 0 10px #353535, 5px 5px 10px #353535;
border-radius: 5px 5px 0px 0px;
}
.sheet-equip-title {
background-image:url("https://zupimages.net/up/20/20/xvxs.jpg");
background-repeat: no-repeat;
background-size: 950px 30px;
width: 950px;
height : 30px;
border-radius: 5px 5px 0px 0px;
box-shadow: 0 0 10px #353535, 5px 5px 10px #353535;
border: 2px solid black;
}
.sheet-tir-title {
background-image:url("https://zupimages.net/up/20/20/xvxs.jpg");
background-repeat: no-repeat;
background-size: 500px 30px;
width: 500px;
height : 30px;
border-radius: 5px 5px 0px 0px;
box-shadow: 0 0 10px #353535, 5px 5px 10px #353535;
border: 2px solid black;
}
.sheet-contacts-title,
.sheet-armure-title,
.sheet-cac-title {
background-image:url("https://zupimages.net/up/20/20/xvxs.jpg");
background-repeat: no-repeat;
background-size: 400px 30px;
width: 400px;
height : 30px;
border-radius: 5px 5px 0px 0px;
border: 2px solid black;
box-shadow: 0 0 10px #353535, 5px 5px 10px #353535;
}
.sheet-equip-title-label,
.sheet-contacts-title-label,
.sheet-tir-title-label,
.sheet-cac-title-label,
.sheet-armure-title-label {
font-family: 'Special Elite';
font-size: 22px;
color: white;
font-weight : bold;
padding-top : 10px;
padding-left : 5px;
height : 30px;
text-shadow:1px 1px 2px black, 0 0 4px black, 0 0 10px black;
}
.sheet-equip-Effet {
color : black;
width: 240px;
height : 100px;
box-shadow: 0 0 10px #555;
border: 3px ridge;
border-color: #685C52 #685C52 #616B6F #616B6F;
resize : none;
background-color: transparent;
background-image:url("https://zupimages.net/up/20/20/fu3w.jpg");
background-repeat: no-repeat;
background-size: 250px;
}
.sheet-header-equip {
text-align: center;
color : black;
font-size:14px;
display:inline-block;
vertical-align: middle;
padding-bottom:10px;
}
.sheet-line-equip1,
.sheet-line-equip2,
.sheet-line-equip3 {
width: 250px;
vertical-align: top;
margin-left: 32px;
margin-right: 32px;
}
.sheet-line-equip1 {
float: left;
display:inline-block;
}
.sheet-line-equip2 {
display:inline-block;
}
.sheet-line-equip3 {
display:inline-block;
float: right;
}
.sheet-contacts-th {
height:50px;
}
.sheet-header-equip-contact {
text-align: center;
color : black;
font-size:14px;
width:65px;
display:inline-block;
vertical-align: middle;
}
.sheet-inputcontact {
width: 35px;
height: 35px;
text-align: center;
font-size: 20px;
border-radius: 30px;
margin-right: 15px;
margin-left: 15px;
margin-bottom: 5px;
border: 3px ridge;
border-color: #685C52 #685C52 #616B6F #616B6F;
}
.sheet-armure-th {
height:25px;
}
.sheet-header-equip-armure {
text-align: center;
color : black;
font-size:14px;
width:65px;
display:inline-block;
vertical-align: middle;
}
.sheet-inputarmure {
width: 35px;
height: 35px;
text-align: center;
font-size: 20px;
border-radius: 30px;
margin-right: 15px;
margin-left: 15px;
border: 3px ridge;
border-color: #685C52 #685C52 #616B6F #616B6F;
}
.sheet-header-equip-roll {
text-align: center;
color : black;
font-size:14px;
width:40px;
display:inline-block;
vertical-align: middle;
}
.sheet-header-equip-armure {
text-align: center;
color : black;
font-size:14px;
width:60px;
display:inline-block;
vertical-align: middle;
}
.sheet-header-equip-armure2 {
text-align: center;
color : black;
font-size:14px;
width:70px;
display:inline-block;
vertical-align: middle;
}
.sheet-inputarmenom,
.sheet-input-infoequip {
width: 190px;
font-size: 16px;
color: black;
}
.sheet-tir-th,
.sheet-cac-th {
height:40px;
}
.sheet-armeinfo {
width: 200px;
height: 70px;
color : black;
box-shadow: 0 0 10px #555;
border: 3px ridge;
border-color: #685C52 #685C52 #616B6F #616B6F;
resize : none;
background-color: transparent;
background-image:url("https://zupimages.net/up/20/20/fu3w.jpg");
background-repeat: no-repeat;
background-size: 310px 110px;
margin-left: 5px;
}
.sheet-input-degat,
.sheet-input-munitions,
.sheet-input-munitionsmax {
width: 35px;
height: 35px;
min-height: 35px;
font-size: 16px;
text-align: center;
border-radius: 20px;
margin-left: 10px;
margin-right: 10px;
border: 3px ridge;
border-color: #685C52 #685C52 #616B6F #616B6F;
}
.sheet-input-talent {
width: 65px;
height: 35px;
min-height: 35px;
margin-bottom: 0px;
margin-left: 3px;
margin-right: 2px;
border: 3px ridge;
border-color: #685C52 #685C52 #616B6F #616B6F;
}
.sheet-input-trait {
width: 150px;
text-align: left;
}
.sheet-input-infocontacts,
.sheet-input-infoarmure {
color:black;
}
/* Combat helper */
.sheet-Combathelper {
width: 490px;
height: 350px;
position: absolute;
margin-left: 460px;
margin-top: -390px;
z-index: 5;
font-size: 10px;
background-image:url("https://zupimages.net/up/20/20/2npv.jpg");
background-repeat: no-repeat;
background-size: 490px 350px;
background-position: 0px 0px;
border-radius : 15px;
border: 3px groove;
border-color: #685C52 #685C52 #616B6F #616B6F;
box-shadow: 0 0 10px #353535, 5px 5px 10px #353535;
}
.sheet-Combathelper-title {
background-image:url("https://zupimages.net/up/20/20/60mx.png");
background-repeat: no-repeat;
background-size: 280px 100px;
background-position: -28px -15px;
width: 260px;
height : 80px;
position: absolute;
}
.sheet-Combathelper-title-label {
font-family: 'Special Elite';
font-size: 22px;
color: white;
font-weight : bold;
padding-top : 10px;
padding-left : 5px;
height : 30px;
text-shadow:1px 1px 2px black, 0 0 4px black, 0 0 10px black;
padding-top: 30px;
padding-left: 25px;
}
.sheet-CHdivjets {
width: 480px;
position: absolute;
z-index: 5;
margin-left: 10px;
margin-top: 70px;
}
.sheet-CHdivcombobox {
width: 250px;
height: 150px;
position: absolute;
z-index: 5;
margin-left: -5px;
margin-top: 115px;
vertical-align: middle;
}
.sheet-CHdivcheckbox {
width: 250px;
height: 150px;
position: absolute;
z-index: 5;
margin-left: 225px;
margin-top: 115px;
vertical-align: middle;
}
.sheet-CHdivbonusmalus {
width: 210px;
height: 75px;
position: absolute;
z-index: 5;
margin-left: 240px;
margin-top: 15px;
}
.sheet-CHtotalBM {
width: 420px;
height: 80px;
position: absolute;
z-index: 5;
margin-left: 20px;
margin-top: 270px;
}
.sheet-CHdescription {
text-align: right;
vertical-align: middle;
color: #514842;
display:inline-block;
vertical-align: middle;
font-size: 13px;
font-family: "Courier New", Courier, monospace;
font-weight: bold;
}
.sheet-CHdescriptionBM {
width: 170px;
margin-top: 5px;
font-size: 13px;
color: #514842;
display:inline-block;
vertical-align: middle;
}
.sheet-CHdescriptioncombobox {
text-align: right;
margin-left: 15px;
}
.sheet-CHdescriptioncheckbox {
text-align: right;
width: 170px;
}
.sheet-CHdescriptionroll {
text-align: right;
font-size: 14px;
margin-top: 10px;
margin-left: 15px;
font-family: 'Special Elite';
}
.sheet-CHdescriptionbonusmalus {
margin-top: 10px;
text-align: right;
width: 370px;
}
.sheet-CHportee {
width: 135px;
margin-left: 5px;
border: 2px ridge;
border-color: #685C52 #685C52 #616B6F #616B6F;
}
.sheet-CHNombreopposants {
width: 50px;
margin-left: 5px;
border: 2px ridge;
border-color: #685C52 #685C52 #616B6F #616B6F;
}
.sheet-CHcouvert {
width: 80px;
margin-left: 5px;
border: 2px ridge;
border-color: #685C52 #685C52 #616B6F #616B6F;
}
.sheet-CHconditions {
width: 125px;
margin-left: 5px;
border: 2px ridge;
border-color: #685C52 #685C52 #616B6F #616B6F;
}
.sheet-CHinitiative,
.sheet-CHesquive,
.sheet-CHparade,
.sheet-CHd10 {
vertical-align: middle;
}
.sheet-CHbonusmalus {
width: 35px;
height: 35px;
min-height:35;
font-size: 22px;
text-align: center;
margin-left: 5px;
border: 2px ridge;
border-color: #685C52 #685C52 #616B6F #616B6F;
}
.sheet-CHbonusmalusdsbl {
color: grey;
}
.sheet-CHcheckbox {
margin-left: 5px;
width: 65px;
border: 2px ridge;
border-color: #685C52 #685C52 #616B6F #616B6F;
}
/* NOTES */
.sheet-section-notes {
width: 900px;
height: 945px;
}
.sheet-notes {
font-family: 'Caveat';
width: 940px;
height: 950px;
background-color: transparent;
background-image:url("https://zupimages.net/up/20/20/o1bm.png");
background-repeat: no-repeat;
background-size: 850px 950px;
margin-left: 50px;
margin-top: -50px;
}
.sheet-notes-book {
width: 720px;
height : 870px;
resize : none;
background-color: transparent;
margin-left: 80px;
margin-top: 20px;
border: 0px solid black;
font-size: 22px;
}
/*
-= TEMPLATE ROLL =-
*/
.sheet-rolltemplate-noc-comp div.sheet-templatemain {
width: 220px;
height: 200px;
min-height: 200px;
background-size: 225px;
background-image:url("https://zupimages.net/up/20/20/nd3s.jpg");
background-repeat: no-repeat;
font-family: "Courier New", Courier, monospace;
font-weight: bold;
border: 5px groove;
border-color: #616B6F #616B6F #685C52 #685C52;
border-radius: 15px;
box-shadow: 10px 5px 5px #555;
padding: 2px 2px 2px 2px;
}
.sheet-rolltemplate-noc-relance div.sheet-templatemain {
width: 220px;
height: 120px;
min-height: 120px;
background-size: 225px;
background-image:url("https://zupimages.net/up/20/20/nd3s.jpg");
background-repeat: no-repeat;
font-family: "Courier New", Courier, monospace;
font-weight: bold;
border: 5px groove;
border-color: #616B6F #616B6F #685C52 #685C52;
border-radius: 15px;
box-shadow: 10px 5px 5px #555;
padding: 2px 2px 2px 2px;
}
.sheet-rolltemplate-noc-attaque div.sheet-templatemain {
width: 220px;
height: 200px;
min-height: 200px;
background-size: 225px;
background-image:url("https://zupimages.net/up/20/20/w7f5.jpg");
background-repeat: no-repeat;
font-family: "Courier New", Courier, monospace;
font-weight: bold;
border: 5px groove;
border-color: #616B6F #616B6F #685C52 #685C52;
border-radius: 15px;
box-shadow: 10px 5px 5px #555;
padding: 2px 2px 2px 2px;
}
.sheet-rolltemplate-noc-attaque div.sheet-templatemain {
height: 250px;
min-height: 250px;
}
.sheet-rolltemplate-noc-comp div.sheet-templatethdiv,
.sheet-rolltemplate-noc-attaque div.sheet-templatethdiv,
.sheet-rolltemplate-noc-relance div.sheet-templatethdiv {
padding: 5px 5px 15px 5px;
text-align: center;
color: rgb(112, 0, 0);
font-size: 26px;
font-family: 'Special Elite';
color: white;
}
.sheet-rolltemplate-noc-comp div.sheet-templatethdiv {
width: 220px;
height: 55px;
background-size: 240px;
background-image:url("https://zupimages.net/up/20/20/h872.png");
background-repeat: no-repeat;
background-position:-15px -20px;
}
.sheet-rolltemplate-noc-relance div.sheet-templatethdiv {
width: 220px;
height: 55px;
background-size: 240px;
background-image:url("https://zupimages.net/up/20/20/h872.png");
background-repeat: no-repeat;
background-position:-15px -20px;
}
.sheet-rolltemplate-noc-attaque div.sheet-templatethdiv {
width: 220px;
height: 95px;
background-size: 240px;
background-image:url("https://zupimages.net/up/20/20/h872.png");
background-repeat: no-repeat;
background-position:-15px -20px;
}
.sheet-rolltemplate-noc-comp div.sheet-templatenamediv,
.sheet-rolltemplate-noc-attaque div.sheet-templatenamediv,
.sheet-rolltemplate-noc-relance div.sheet-templatenamediv {
width: 220px;
padding-top: 10px;
padding-bottom: 13px;
}
.sheet-rolltemplate-noc-comp span.sheet-templatename,
.sheet-rolltemplate-noc-attaque span.sheet-templatename,
.sheet-rolltemplate-noc-relance span.sheet-templatename {
font-size: inherit;
font-size: 24px;
font-weight: bold;
text-shadow: 1px 1px 2px black, 0 0 4px black, 0 0 10px black;
margin-top: -5px;
}
.sheet-rolltemplate-noc-comp span.sheet-templateaction,
.sheet-rolltemplate-noc-attaque span.sheet-templateaction,
.sheet-rolltemplate-noc-relance span.sheet-templateaction {
font-size: inherit;
font-size: 20px;
font-weight: normal;
text-shadow: 1px 1px 2px black, 0 0 4px black, 0 0 10px black;
}
.sheet-rolltemplate-noc-attaque span.sheet-templatearme {
font-size: inherit;
font-size: 20px;
font-weight: normal;
text-shadow: 1px 1px 2px black, 0 0 4px black, 0 0 10px black;
}
.sheet-rolltemplate-noc-attaque span.sheet-templatedps {
font-size: inherit;
font-size: 16px;
font-weight: normal;
text-shadow: 1px 1px 2px black, 0 0 4px black, 0 0 10px black;
background-color: transparent;
}
.sheet-rolltemplate-noc-attaque span.sheet-templatedps .inlinerollresult {
background-color: transparent;
border: 0px;
}
.sheet-rolltemplate-noc-comp .sheet-result,
.sheet-rolltemplate-noc-attaque .sheet-result,
.sheet-rolltemplate-noc-relance .sheet-result {
font-size: 28px;
text-align: center;
color: white;
text-shadow:1px 1px 2px black, 0 0 4px black, 0 0 10px black;
padding-top: 15px;
}
.sheet-rolltemplate-noc-comp .sheet-attr,
.sheet-rolltemplate-noc-attaque .sheet-attr {
padding-left: 10px;
color: black;
font-size: 16px;
}
.sheet-rolltemplate-noc-comp .sheet-mal,
.sheet-rolltemplate-noc-attaque .sheet-mal {
padding-left: 20px;
padding-top: 5px;
}
.sheet-rolltemplate-noc-comp .inlinerollresult,
.sheet-rolltemplate-noc-attaque .inlinerollresult,
.sheet-rolltemplate-noc-relance .inlinerollresult {
background-color: transparent;
color: #404040;
border: none;
}
.sheet-rolltemplate-noc-comp .sheet-templatedps .inlinerollresult,
.sheet-rolltemplate-noc-attaque .sheet-templatedps .inlinerollresult,
.sheet-rolltemplate-noc-relance .sheet-templatedps .inlinerollresult {
background-color: transparent;
color: #404040;
border: none;
color: white;
font-size: 16px;
font-weight: normal;
}
.sheet-rolltemplate-noc-comp .sheet-result .inlinerollresult,
.sheet-rolltemplate-noc-attaque .sheet-result .inlinerollresult,
.sheet-rolltemplate-noc-relance .sheet-result .inlinerollresult {
background-color: transparent;
color: #FFFFFF;
border: none;
}
.sheet-rolltemplate-noc-comp .inlinerollresult.fullcrit,
.sheet-rolltemplate-noc-attaque .inlinerollresult.fullcrit,
.sheet-rolltemplate-noc-relance .inlinerollresult.fullcrit {
color: #3FB315;
border: none;
}
.sheet-rolltemplate-noc-comp .inlinerollresult.fullfail,
.sheet-rolltemplate-noc-attaque .inlinerollresult.fullfail,
.sheet-rolltemplate-noc-relance .inlinerollresult.fullfail {
color: red;
border: none;
}
.sheet-rolltemplate-noc-comp .inlinerollresult.importantroll,
.sheet-rolltemplate-noc-attaque .inlinerollresult.importantroll,
.sheet-rolltemplate-noc-relance .inlinerollresult.importantroll {
color: #3FB315;
border: none;
}