/* 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; } .charsheet { font-family: Caveat; } /* -= TYPE DE FICHE =- */ .ui-dialog .charsheet input { border-color: #685C52 #685C52 #616B6F #616B6F; } .charsheet input { border-color: #685C52 #685C52 #616B6F #616B6F; } .charsheet input.sheet-flag-PJ, .charsheet input.sheet-flag-PNJ, .charsheet input.sheet-flag-fiel, .charsheet input.sheet-flag-cabale { position: relative; z-index: 9999; display:inline-block; margin-left:5px; margin-bottom:5px; width:10px; } .sheet-PJ, .sheet-PNJ, .sheet-fiel, .sheet-cabale { font-size:12px; font-weight:bold; margin-right:5px; margin-left:2px; } .charsheet input.sheet-flag-PJ:checked ~ div.sheet-section-perso { display: block; } .charsheet input.sheet-flag-PJ:checked ~ div.sheet-section-PNJ { display: none; } .charsheet input.sheet-flag-PJ:checked ~ div.sheet-section-fiel { display: none; } .charsheet input.sheet-flag-PJ:checked ~ div.sheet-section-cabale { display: none; } .charsheet input.sheet-flag-PNJ:checked ~ div.sheet-section-perso { display: none; } .charsheet input.sheet-flag-PNJ:checked ~ div.sheet-section-PNJ { display: block; } .charsheet input.sheet-flag-PNJ:checked ~ div.sheet-section-fiel { display: none; } .charsheet input.sheet-flag-PNJ:checked ~ div.sheet-section-cabale { display: none; } .charsheet input.sheet-flag-fiel:checked ~ div.sheet-section-perso { display: none; } .charsheet input.sheet-flag-fiel:checked ~ div.sheet-section-PNJ { display: none; } .charsheet input.sheet-flag-fiel:checked ~ div.sheet-section-fiel { display: block; } .charsheet input.sheet-flag-fiel:checked ~ div.sheet-section-cabale { display: none; } .charsheet input.sheet-flag-cabale:checked ~ div.sheet-section-perso { display: none; } .charsheet input.sheet-flag-cabale:checked ~ div.sheet-section-PNJ { display: none; } .charsheet input.sheet-flag-cabale:checked ~ div.sheet-section-fiel { display: none; } .charsheet input.sheet-flag-cabale:checked ~ div.sheet-section-cabale { display: block; } /* -= FICHE Fiel =- */ .sheet-compteurfiel, .sheet-compteurmenace { width: 55px; font-size: 38px; font-weight: bold; text-align: center; border: none; position: relative; z-index: 5; background-color:transparent; color:white; text-shadow:1px 1px 2px black, 0 0 4px black, 0 0 10px black; font-family: "Courier New",Courier,monospace; font-weight: bold; } .sheet-affichage-fiel span { font-size: 17px; font-weight: bold; text-align: center; color: white; margin-top:-10px; text-shadow:1px 1px 2px black, 0 0 4px black, 0 0 10px black; } .sheet-compteurfiel { position: relative; } .sheet-compteurfiel2 { position: absolute; margin-left: 170px; margin-top: -18px; transform: rotate(-20deg); } .sheet-fielspan span { font-size: 26px; font-weight: bold; text-align: center; color: red; display:inline; text-shadow:1px 1px 2px black, 0 0 4px black, 0 0 10px black; } .sheet-fielspan { position: absolute; margin-top: 5px; margin-left: 135px; transform: rotate(-25deg); } .sheet-fielroll { position: absolute; margin-top: -7px; margin-left: 18px; } .sheet-indiquefiel { display:inline; margin-left: 20px; } .sheet-section-fiel { background-image:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/NOC/images/fielcompteur2.png"); background-repeat: no-repeat; background-size: 100%; width:362px; height:305px; position:relative; float:left top; } .sheet-affichage-fiel { position:absolute; margin-top:180px; margin-left:125px; text-align:center } .sheet-afficheurfiel { padding-left:5px; } .sheet-menace { margin-top:-15px; } /* -= FICHE PNJ =- */ .sheet-section-PNJ { background-image:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/NOC/images/fondmain.jpg"); background-repeat: repeat-y; background-size: 100%; width: auto; height:100%; color: black; box-shadow: 0 0 10px #555; border: 3px solid black; min-width:505px; max-width:605px; } .sheet-rollPJ, .sheet-input-jetdps-PJ, .sheet-CHinitiative-PJ, .sheet-CHesquive-PJ, .sheet-CHparade-PJ, .sheet-CHd10-PJ { display: none; } .sheet-rollGM, .sheet-input-jetdps-GM, .sheet-CHinitiative-GM, .sheet-CHesquive-GM, .sheet-CHparade-GM, .sheet-CHd10-GM { display: inline; } .sheet-flagGM:checked ~ div * button.sheet-rollPJ, .sheet-flagGM:checked ~ div * button.sheet-input-jetdps-PJ, .sheet-flagGM:checked ~ div * button.sheet-CHinitiative-PJ, .sheet-flagGM:checked ~ div * button.sheet-CHesquive-PJ, .sheet-flagGM:checked ~ div * button.sheet-CHparade-PJ, .sheet-flagGM:checked ~ div * button.sheet-CHd10-PJ { display: inline; } .sheet-flagGM:checked ~ div * button.sheet-rollGM, .sheet-flagGM:checked ~ div * button.sheet-input-jetdps-GM, .sheet-flagGM:checked ~ div * button.sheet-CHinitiative-GM, .sheet-flagGM:checked ~ div * button.sheet-CHesquive-GM, .sheet-flagGM:checked ~ div * button.sheet-CHparade-GM, .sheet-flagGM:checked ~ div * button.sheet-CHd10-GM { display: none; } .sheet-caracteristique-competence-PNJ { vertical-align:middle; } .sheet-caracteristique-vietab-PNJ , .sheet-caracteristique-eruditiontab-PNJ , .sheet-caracteristique-techniquetab-PNJ , .sheet-caracteristique-socialtab-PNJ , .sheet-caracteristique-ametab-PNJ , .sheet-caracteristique-statuttab-PNJ , .sheet-caracteristique-actiontab-PNJ, .sheet-caracteristique-lignes-PNJ { padding: 2px 2px 2px 2px; border: 2px groove; border-color: #616B6F #616B6F #685C52 #685C52; border-radius: 5px; width: 150px; position: relative; background-color: transparent; background-image:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/NOC/images/fondtalents.jpg"); background-repeat: no-repeat; background-size: 232px; z-index: 99; display:inline-block; } .sheet-caracteristique-lignes-PNJ { text-align:center; font-family: "Courier New",Courier,monospace; font-weight: bold; } .sheet-lignes, .sheet-lignesmax { width: 28px; font-size: 13px; font-weight: bold; text-align: center; border: 1px solid black; position:relative; z-index: 5; border-radius: 25px; box-shadow: 1px 1px 5px #514842; color: black; margin-top:5px; margin-bottom:5px; margin-right:2px; margin-left: 2px; } .sheet-lignesmax { color: grey; } .sheet-tab-armure-PNJ, .sheet-tab-tir-PNJ, .sheet-tab-cac-PNJ { background-image:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/NOC/images/fondequipement.jpg"); background-repeat: no-repeat; background-position: top left; background-size: 100%; border:2px solid black; margin-top:5px; } .sheet-tir-title-PNJ, .sheet-armure-title-PNJ, .sheet-cac-title-PNJ { background-image:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/NOC/images/fondtitrequipement.jpg"); background-repeat: no-repeat; background-size: 105%; width: auto; height : 30px; border-radius: 5px 5px 0px 0px; border: 2px solid black; box-shadow: 0 0 10px #353535, 5px 5px 10px #353535; } .sheet-Combathelper-PNJ { width: 490px; height: 300px; position: relative; z-index: 5; font-size: 10px; background-image:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/NOC/images/fondCHetetat.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; margin-top:5px; } span.sheet-labelvisible, span.sheet-afficheflag { display: inline-block; position:relative; font-size:20px; margin-left:20px; margin-right:5px; color:white; text-shadow:1px 1px 2px black, 0 0 4px black, 0 0 10px black; font-family: "Courier New",Courier,monospace; font-weight: bold; } .sheet-flagGM, .sheet-afficheflagbox { display: inline-block; position:relative; margin: 5px 20px 10px 5px; } .sheet-afficheflagbox:checked ~ div.sheet-caracteristique-competence-PNJ * input.sheet-caracteristique-value { display: none; } .sheet-afficheflagbox:checked ~ div.sheet-caracteristique-competence-PNJ * input.sheet-caracteristique-value-max { display: inline; } .sheet-afficheflagbox:checked ~ div.sheet-caracteristique-competence-PNJ * input.sheet-competence-value { display: none; } .sheet-afficheflagbox:checked ~ div.sheet-caracteristique-competence-PNJ * input.sheet-competence-value-max { display: inline; } .sheet-afficheflagbox:checked ~ div.sheet-caracteristique-competence-PNJ * div.sheet-lock { display: inline; } .sheet-afficheflagbox:checked ~ div.sheet-caracteristique-competence-PNJ * div.sheet-lock2 { display: inline; } /* -= 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-cabale, .charsheet input.sheet-tab4:checked ~ div.sheet-section-gen .charsheet input.sheet-tab4:checked ~ div.sheet-section-equip { display: none; } .charsheet input.sheet-tabcabale1:checked ~ div.sheet-section-gen-cabale { display: block; } .charsheet input.sheet-tabcabale1:checked ~ div.sheet-section-comp-cabale { display: none; } .charsheet input.sheet-tabcabale2:checked ~ div.sheet-section-comp-cabale { display: block; } .charsheet input.sheet-tabcabale2:checked ~ div.sheet-section-gen-cabale { display: none; } .charsheet input.sheet-tab { width: 35px; height: 105px; cursor: pointer; position: absolute; opacity: 0; z-index: 9999; } .charsheet input.sheet-tab1, .charsheet input.sheet-tabcabale1 { margin-left: 0px; margin-top: 0px; } .charsheet input.sheet-tab2, .charsheet input.sheet-tabcabale2 { 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; 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, .charsheet span.sheet-tabcabale1 { margin-left: 0px; margin-top: 0px; background-image:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/NOC/images/fondtab1.jpg"); } .charsheet span.sheet-tab2, .charsheet span.sheet-tabcabale2 { margin-left: 0px; margin-top: 90px; background-image:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/NOC/images/fondtab2.jpg"); } .charsheet span.sheet-tab3 { margin-left: 0px; margin-top: 180px; background-image:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/NOC/images/fondtab3.jpg"); } .charsheet span.sheet-tab4 { margin-left: 0px; margin-top: 270px; background-image:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/NOC/images/fondtab4.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, .charsheet input.sheet-tabcabale1:checked + span.sheet-tabcabale1, .charsheet input.sheet-tabcabale2:checked + span.sheet-tabcabale2 { width: 50px; } .sheet-tab { border-radius: 5px; padding: 5px 5px 5px 0px; margin-left: 5px; margin-right: 5px; } /* Zone d'état (malus) */ .sheet-malusdiv { position: absolute; z-index: 10; background-image:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/NOC/images/fondmalus.jpg"); background-repeat: no-repeat; background-size: 320px; margin-top: 700px; margin-left:40px; 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; font-family: "Courier New",Courier,monospace; font-weight: bold; } .sheet-malusname { font-size:24px; font-weight:bold; line-height:26px; 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; cursor: help; } .sheet-namefatigue { padding-right: 5px; } .sheet-afficheflag { margin-bottom: 2px; } .sheet-creation { position : relative; z-index: 999; text-align:center; } .sheet-afficheflagON, .sheet-afficheflagOFF { font-size: 14px; font-weight: bold; text-shadow:1px 1px 2px black, 0 0 4px black, 0 0 10px black; font-family: "Courier New",Courier,monospace; } .sheet-afficheflagON { color: white; display: none; } .sheet-afficheflagOFF { color: red; display: inline; } .sheet-afficheflag:checked ~ div.sheet-creation { display: none; } .sheet-afficheflag ~ div.sheet-creation { display: block; } .sheet-afficheflag:checked ~ span.sheet-afficheflagOFF { display: none; } .sheet-afficheflag:checked ~ span.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; } .sheet-afficheflag:checked ~ div.sheet-caracteristique-competence * div.sheet-lock4 { display: inline; } .sheet-recuperation { display: none; } .sheet-afficheflag:checked ~ div.sheet-recuperation { display: inline; } /* -= FICHE =- */ /* Général */ .sheet-section-perso, .sheet-section-cabale { background-image:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/NOC/images/fondmain.jpg"); background-repeat: repeat-y; background-size: 100%; width: 950px; min-width: 950px; height:100%; color: black; box-shadow: 0 0 10px #555; border: 3px solid black; } .charsheet button[type="action"]:before{ background-position: 0; content: ""!important; } .charsheet button[type="action"] { width:auto; height:auto; background: linear-gradient(#3D221A, #778795); border: 2px solid black; border-radius: 10px 10px 10px 10px; box-shadow: 1px 1px 5px #514842; color: white; font-family: Caveat; font-size: 16px; font-weight: bold; text-shadow: 1px 1px 2px black, 0 0 4px black, 0 0 10px black; margin-top:5px; padding: 5px; padding-right: 8px; } .charsheet button[type="action"]:hover { background: #326097; } .charsheet button[type="action"]:active { background: red; } .charsheet button[type="roll"]:before{ background-position: 0; content: ""!important; } .charsheet button[type="roll"]:hover { background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/NOC/images/deactive.png"); background-position: 0; } .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://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/NOC/images/de.png"); background-color: transparent; background-size: 15px; background-repeat: no-repeat; border: 0px solid black; box-shadow:none; z-index:998; position:relative; } [data-groupname=repeating_class-ability] > button.btn.repcontrol_add::after { width: 30px; } [data-groupname=repeating_class-ability] > button.btn.repcontrol_edit::after { width: 30px; } .charsheet .repcontrol_add, .charsheet .repcontrol_edit { background: linear-gradient(#3D221A, #778795); border: 2px solid black; height: 18px; border-radius: 10px 10px 0px 0px; box-shadow: 0 0 10px black, 5px 5px 10px #514842; color: white; font-family: Caveat; font-size: 14px; font-weight: bold; text-shadow: 1px 1px 2px black, 0 0 4px black, 0 0 10px black; font-size:20px; } .charsheet .repcontrol_del { z-index:999; position:relative; } .charsheet .repcontrol_add:hover, .charsheet .repcontrol_edit:hover { background: #326097; } .charsheet .repcontrol { height: 30px; } .repcontainer.ui-sortable.editmode ~ .repcontrol .repcontrol_edit { background: red; } .repcontainer.ui-sortable.editmode ~ .repcontrol .repcontrol_edit:hover { background: #3FB315; } /* Identité */ .sheet-idsecurite, .sheet-idharmonie { font-family: 'Special Elite'; font-size: 14px; cursor:default; } .sheet-idsecuritesignale, .sheet-idsecuriterecherche, .sheet-idsecuritepourchasse { cursor:help; } .sheet-idsecuriteflgneant ~ span.sheet-idsecuriteneant { display: none; } .sheet-idsecuriteflgneant:checked ~ span.sheet-idsecuriteneant { display: inline-block; } .sheet-idsecuriteflgsignale ~ span.sheet-idsecuritesignale { display: none; } .sheet-idsecuriteflgsignale:checked ~ span.sheet-idsecuritesignale { display: inline-block; } .sheet-idsecuriteflgrecherche ~ span.sheet-idsecuriterecherche { display: none; } .sheet-idsecuriteflgrecherche:checked ~ span.sheet-idsecuriterecherche { display: inline-block; } .sheet-idsecuriteflgpourchasse ~ span.sheet-idsecuritepourchasse { display: none; } .sheet-idsecuriteflgpourchasse:checked ~ span.sheet-idsecuritepourchasse { display: inline-block; } .sheet-idharmonieflgneant ~ span.sheet-idharmonieneant { display: none; } .sheet-idharmonieflgneant:checked ~ span.sheet-idharmonieneant { display: inline-block; } .sheet-idharmonieflgteinte ~ span.sheet-idharmonieteinte { display: none; } .sheet-idharmonieflgteinte:checked ~ span.sheet-idharmonieteinte { display: inline-block; } .sheet-idharmonieflgpossede ~ span.sheet-idharmoniepossede { display: none; } .sheet-idharmonieflgpossede:checked ~ span.sheet-idharmoniepossede { display: inline-block; } .sheet-idharmonieflgcorrompu ~ span.sheet-idharmoniecorrompu { display: none; } .sheet-idharmonieflgcorrompu:checked ~ span.sheet-idharmoniecorrompu { display: inline-block; } .sheet-photoid { background-image:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/NOC/images/photoid.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://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/NOC/images/fondidentitebasdroite.png"); background-size: 63%; background-repeat: no-repeat; background-position: bottom right; width: fit-content; height: auto; margin-left: 50px; margin-top: -60px; } .sheet-section-gen-cabale{ background-image:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/NOC/images/fondidentitebasdroite.png"); background-size: 63%; background-repeat: no-repeat; background-position: bottom right; width: fit-content; height: auto; margin-left: 50px; margin-top: -60px; } .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; display: inline-block; margin-right:5px; } .sheet-infotitre { font-size: 21px; max-height: 22px; } .sheet-infogrostitre { font-size: 30px; max-height: 30px; width:400px; } .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: normal; font-family: 'Special Elite'; cursor: default; padding:0px; } .sheet-input-info-id { color : black; box-shadow: none; border-width: 0px 0px 0px 0px; border-style: none; background-color: transparent; font-family: 'Special Elite'; width: 210px; font-size: 14px; max-height: 14px; margin-bottom: 3px; padding:0px; } .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: 'Special Elite'; 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: 'Special Elite'; } .sheet-selectidsecurite { width:150px; } .sheet-selectidharmonie { width:110px; } .sheet-selectidtraitnoirceur { width:170px; font-size:13px; cursor:help; } .sheet-identity { background-image:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/NOC/images/fondidentite.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://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/NOC/images/fondidentiteconfidentiel.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-identityprivate-cabale { background-image:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/NOC/images/fondidentiteconfidentiel.png"); background-size: 450px; background-repeat: no-repeat; width: 440px; height: 550px; margin-left: 150px; margin-top: 30px; padding-top: 5px; transform: rotate(-5deg); } .sheet-confidentiel { background-image:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/NOC/images/tamponconfidentiel.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; margin-right: 5px; } .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: 18px; width: 200px; padding: 0px; padding-bottom: 6px; } .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: 16px; font-weight: bold; padding: 0px 0px 0px 5px; margin-bottom: 0px; height: 55px; } .sheet-input-info-idprivatecpteur { margin: 0px 0px 0px 0px; margin-bottom: 3px; color: black; margin-top: 1px; font-size: 16px; border-style: none; background-color: transparent; font-family: "Courier New",Courier,monospace; width: 40px; } /* DOMAINES ET TALENTS */ .sheet-rollnoirceur1, .sheet-rollnoirceur2, .sheet-rollnoirceur3 { display:none; } .sheet-rollnoirceurflag1:checked ~ button.sheet-rollnoirceur1 { display: inline; } .sheet-rollnoirceurflag2:checked ~ button.sheet-rollnoirceur2 { display: inline; } .sheet-rollnoirceurflag3:checked ~ button.sheet-rollnoirceur3 { display: inline; } .sheet-lock, .sheet-lock2, .sheet-lock4 { display:none; } .sheet-lock { background-image:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/NOC/images/lock.png"); background-repeat: no-repeat; background-size: 12px; z-index: 9999; position: absolute; width: 36px; height: 36px; cursor:not-allowed; } .sheet-lock2 { background-image:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/NOC/images/lock.png"); background-repeat: no-repeat; background-size: 10px; z-index: 9999; position: absolute; width: 33px; height: 32px; cursor:not-allowed; } .sheet-lock3 { z-index: 9999; position: absolute; width: 50px; height: 35px; cursor:not-allowed; display: inline; } .sheet-lock4 { background-image:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/NOC/images/lock.png"); background-repeat: no-repeat; background-size: 12px; z-index: 9999; position: absolute; width: 36px; height: 36px; margin-left: -85px; margin-top: -20px; cursor:not-allowed; } .sheet-section-comp { background-image:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/NOC/images/fondcompositionbasdroite.png"); background-position: bottom right; background-repeat: no-repeat; height: 830px; min-height: 830px; width: 950px; margin-top: -75px; } .sheet-section-comp-cabale { background-image:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/NOC/images/fondcompositionbasdroite.png"); background-position: bottom right; background-repeat: no-repeat; height: 1030px; min-height: 1030px; width: 950px; margin-top: -35px; } .sheet-caracteristique-competence { background-image:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/NOC/images/fondcomposition2.png"); background-size: 75%; background-repeat: no-repeat; background-position:32% 22%; min-height: 810px; margin-left: 60px; 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: 150px; position: absolute; background-color: transparent; background-image:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/NOC/images/fondtalents.jpg"); background-repeat: no-repeat; background-size: 232px; z-index: 99; } .sheet-caracteristique-backtitle { background-color: transparent; background-image:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/NOC/images/fond_titre1.png"); background-repeat: no-repeat; background-size: 180px 60px; width: 180px; height: 60px; margin-left: -15px; margin-top: -16px; position : absolute; z-index: 4; } .sheet-caracteristique-backtitle2 { background-color: transparent; background-image:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/NOC/images/fond_titre3.png"); background-repeat: no-repeat; background-size: 150px 60px; width: 150px; height: 60px; margin-left: 0px; margin-top: -16px; position : absolute; z-index: 4; } .sheet-caracteristique-backtitle3 { background-color: transparent; background-image:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/NOC/images/fond_titre6.png"); background-repeat: no-repeat; background-size: 160px 60px; width: 160px; height: 60px; margin-left: -5px; margin-top: -14px; position : absolute; z-index: 1; } .sheet-recuperation { padding: 10px; border: 3px groove; border-color: #616B6F #616B6F #685C52 #685C52; border-radius: 5px; box-shadow: 0 0 10px #353535, 5px 5px 10px #353535; position: absolute; background-color: transparent; background-image:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/NOC/images/fondtalents.jpg"); background-repeat: no-repeat; background-size: 232px; z-index: 99; text-align:center; margin-left:770px; margin-top:5px; } .sheet-recupmessage { width:auto; height:auto; text-align:center; font-size:12px; border-radius: 25px; box-shadow: 0 0 5px black, 5px 5px 10px #514842; font-family: "Courier New",Courier,monospace; background-color:white; color:black; padding:10px; } .sheet-recupinput { color:black; border: 0px; background:transparent; padding:0px; margin:0px; width:10px; } .sheet-recupespoir, .sheet-recupblessures, .sheet-recuptrauma, .sheet-recuptraque, .sheet-recupnoirceur, .sheet-recupgroupe { display: none; } .sheet-flagrecupgroupe:checked ~ .sheet-recupgroupe { display: inline-block; } .sheet-flagrecupespoir:checked ~ .sheet-recupespoir { display: inline-block; } .sheet-flagrecupblessures:checked ~ .sheet-recupblessures { display: inline-block; } .sheet-flagrecuptrauma:checked ~ .sheet-recuptrauma { display: inline-block; } .sheet-flagrecuptraque:checked ~ .sheet-recuptraque { display: inline-block; } .sheet-flagrecupnoirceur:checked ~ .sheet-recupnoirceur { display: inline-block; } .sheet-recupreposmessagecontener, .sheet-recupseancemessagecontener, .sheet-recupscenariomessagecontener { position: absolute; width:auto; height:auto; z-index: 998; margin-left:25%; margin-top:25%; border:2px solid black; border-radius: 25px; min-width:250px; } .sheet-progression { margin-left:300px; margin-top:-30px; } .sheet-progressionmessagecontener { position: absolute; width:auto; height:auto; z-index: 9999; margin-left:25%; margin-top:-5%; border:2px solid black; border-radius: 25px; min-width:250px; } .sheet-pointsprog { margin-top:15px; } .sheet-closewindowcontainer { z-index: 999; position:absolute; margin-top:5px; margin-left:10px; height:auto; width:auto; } .sheet-flagclosewindowrepos:checked ~ .sheet-recupreposmessagecontener { display:none; } .sheet-flagclosewindowseance:checked ~ .sheet-recupseancemessagecontener { display:none; } .sheet-flagclosewindowscenario:checked ~ .sheet-recupscenariomessagecontener { display:none; } .sheet-flagclosewindowprogression:checked ~ .sheet-progressionmessagecontener { display:none; } .sheet-protection { background-image:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/NOC/images/shield.png"); background-repeat: repeat-y; background-size: 95%; background-color:transparent; width:30px; min-height:30px; color: black; border:0px; font-family: "Courier New",Courier,monospace; font-size: 16px; font-weight:bold; position:relative; z-index:99; text-align:center; vertical-align:middle; } .sheet-title2, .sheet-title2cab { vertical-align:middle; } .sheet-title2cab { width:160px; } .sheet-caracteristique-title { font-family: 'Special Elite'; font-size: 18px; font-weight: normal; color: white; position: relative; display: inline; z-index: 5; text-shadow:1px 1px 2px black, 0 0 4px black, 0 0 10px black; cursor:help; } .sheet-caracteristique-value, .sheet-caracteristique-value-max { width: 35px; font-size: 16px; line-height: 16px; font-weight: bolder; 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; font-family: "Courier New",Courier,monospace; } .sheet-caracteristique-vietab { margin-left: 150px; margin-top: -15px; } .sheet-caracteristique-eruditiontab { margin-left: 500px; margin-top: -15px; } .sheet-caracteristique-socialtab { margin-left: 0px; margin-top: 205px; } .sheet-caracteristique-techniquetab { margin-left: 650px; margin-top: 205px; } .sheet-caracteristique-ametab { margin-left: 50px; margin-top: 500px; } .sheet-caracteristique-actiontab { margin-left: 600px; margin-top: 500px; } .sheet-caracteristique-statuttab { margin-left: 330px; margin-top: 630px; } .sheet-competence-value, .sheet-competence-value-max { width: 30px; font-size: 14px; font-weight: bold; text-align: center; margin-top: 2px; margin-bottom: 0px; border-radius: 20px; border: 3px ridge; border-color: #685C52 #685C52 #616B6F #616B6F; box-shadow: 1px 1px 5px #514842; font-family: "Courier New",Courier,monospace; line-height: 14px; vertical-align:middle; } .sheet-competence-title { /* font-family: 'Special Elite'; */ font-size: 19px; line-height: 20px; display: inline; padding-right: 3px; 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; cursor:help; margin-bottom:0px; vertical-align:middle; } .sheet-points-vecu { width: 140px; text-align:center; position: absolute; margin-left: 340px; margin-top: 140px; z-index: 5; } .sheet-points-espoir { width: 130px; text-align:center; position: absolute; margin-left: 180px; margin-top: 200px; z-index: 5; } .sheet-points-singularite { width: 130px; text-align:center; position: absolute; margin-left: 500px; margin-top: 200px; z-index: 5; } .sheet-points-trauma { width: 140px; position: absolute; margin-left: 160px; margin-top: 360px; text-align: center; z-index: 1; } .sheet-points-blessures { width: 140px; position: absolute; margin-left: 480px; margin-top: 360px; text-align: center; z-index: 1; } .sheet-points-noirceur { width: 140px; position: absolute; margin-left: 230px; margin-top: 500px; text-align: center; z-index: 1; } .sheet-points-traque { width: 140px; position: absolute; margin-left: 440px; margin-top: 500px; text-align: center; z-index: 1; } .sheet-points-title { /* font-family: 'Special Elite'; */ font-size: 19px; font-weight:bold; 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; cursor:help; } .sheet-points-title2, .sheet-points-title2cab { /* font-family: 'Special Elite'; */ font-size: 19px; font-weight:bold; 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; cursor:help; margin-left:10px; margin-right:10px; } .sheet-points-title2cab { margin-left:10px; } .sheet-points-slash { /* font-family: 'Special Elite'; */ font-size: 23px; display: inline-block; text-align: center; color:#514842; font-weight: bolder; text-shadow: 0 0 5px black, 5px 5px 10px #514842; } .sheet-points-slash-vecu { margin-left:5px; margin-right:5px; } .sheet-points-content { vertical-align: middle; width: 120px; } .sheet-points-content-vecu { width: 140px; } .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; font-family: "Courier New",Courier,monospace; cursor: pointer; } .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; font-family: "Courier New",Courier,monospace; margin-left:5px; } .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; font-family: "Courier New",Courier,monospace; } .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; font-weight: bold; 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; font-family: "Courier New",Courier,monospace; } .sheet-checkboxdiv { border:1px solid darkgrey; display:none; height:11px; width:11px; vertical-align:bottom; margin-bottom: 2px; margin-left:1px; } .sheet-checkbox-ctrl { display:none; } .sheet-effet-points { background-color: transparent; border: 0px solid black; text-align: center; font-size: 12px; width: 110px; height:55px; resize : none; margin-top: -20px; color: white; cursor:default; } .sheet-effet-points-cabale { background-color: transparent; border: 0px solid black; text-align: center; font-size: 14px; width: 152px; height:55px; resize : none; margin-top: 0px; color: white; cursor:default; } .sheet-effet-pointsspan { background-color: transparent; border: 0px solid black; text-align: center; font-size: 12px; color: white; width: 140px; } /* blessures */ .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,1px 1px 2px black, 0 0 4px black, 0 0 10px black; } .sheet-effet-points-blessures-grave { text-shadow: 2px 2px 6px red, -2px -2px 6px red,1px 1px 2px black, 0 0 4px black, 0 0 10px black; } .sheet-effet-points-blessures-mort { text-shadow: 2px 2px 6px purple, -2px -2px 6px purple,1px 1px 2px black, 0 0 4px black, 0 0 10px black; } .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; } .sheet-checkbox-bless-ctrl1:checked ~ input.sheet-checkbox-bless1 { display:none; } .sheet-checkbox-bless-ctrl1:checked ~ div.sheet-checkbox-bless1div { display:inline-block; } .sheet-checkbox-bless-ctrl2:checked ~ input.sheet-checkbox-bless2 { display:none; } .sheet-checkbox-bless-ctrl2:checked ~ div.sheet-checkbox-bless2div { display:inline-block; } .sheet-checkbox-bless-ctrl3:checked ~ input.sheet-checkbox-bless3 { display:none; } .sheet-checkbox-bless-ctrl3:checked ~ div.sheet-checkbox-bless3div { display:inline-block; } .sheet-checkbox-bless-ctrl4:checked ~ input.sheet-checkbox-bless4 { display:none; } .sheet-checkbox-bless-ctrl4:checked ~ div.sheet-checkbox-bless4div { display:inline-block; } .sheet-checkbox-bless-ctrl5:checked ~ input.sheet-checkbox-bless5 { display:none; } .sheet-checkbox-bless-ctrl5:checked ~ div.sheet-checkbox-bless5div { display:inline-block; } .sheet-checkbox-bless-ctrl6:checked ~ input.sheet-checkbox-bless6 { display:none; } .sheet-checkbox-bless-ctrl6:checked ~ div.sheet-checkbox-bless6div { display:inline-block; } .sheet-checkbox-bless-ctrl7:checked ~ input.sheet-checkbox-bless7 { display:none; } .sheet-checkbox-bless-ctrl7:checked ~ div.sheet-checkbox-bless7div { display:inline-block; } .sheet-checkbox-bless-ctrl8:checked ~ input.sheet-checkbox-bless8 { display:none; } .sheet-checkbox-bless-ctrl8:checked ~ div.sheet-checkbox-bless8div { display:inline-block; } .sheet-checkbox-bless-ctrl9:checked ~ input.sheet-checkbox-bless9 { display:none; } .sheet-checkbox-bless-ctrl9:checked ~ div.sheet-checkbox-bless9div { display:inline-block; } .sheet-checkbox-bless-ctrl10:checked ~ input.sheet-checkbox-bless10 { display:none; } .sheet-checkbox-bless-ctrl10:checked ~ div.sheet-checkbox-bless10div { display:inline-block; } /* 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,1px 1px 2px black, 0 0 4px black, 0 0 10px black; } .sheet-effet-points-trauma-grave { text-shadow: 2px 2px 6px red, -2px -2px 6px red,1px 1px 2px black, 0 0 4px black, 0 0 10px black; } .sheet-effet-points-trauma-mort { text-shadow: 2px 2px 6px purple, -2px -2px 6px purple,1px 1px 2px black, 0 0 4px black, 0 0 10px black; } .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; } .sheet-checkbox-trauma-ctrl1:checked ~ input.sheet-checkbox-trauma1 { display:none; } .sheet-checkbox-trauma-ctrl1:checked ~ div.sheet-checkbox-trauma1div { display:inline-block; } .sheet-checkbox-trauma-ctrl2:checked ~ input.sheet-checkbox-trauma2 { display:none; } .sheet-checkbox-trauma-ctrl2:checked ~ div.sheet-checkbox-trauma2div { display:inline-block; } .sheet-checkbox-trauma-ctrl3:checked ~ input.sheet-checkbox-trauma3 { display:none; } .sheet-checkbox-trauma-ctrl3:checked ~ div.sheet-checkbox-trauma3div { display:inline-block; } .sheet-checkbox-trauma-ctrl4:checked ~ input.sheet-checkbox-trauma4 { display:none; } .sheet-checkbox-trauma-ctrl4:checked ~ div.sheet-checkbox-trauma4div { display:inline-block; } .sheet-checkbox-trauma-ctrl5:checked ~ input.sheet-checkbox-trauma5 { display:none; } .sheet-checkbox-trauma-ctrl5:checked ~ div.sheet-checkbox-trauma5div { display:inline-block; } .sheet-checkbox-trauma-ctrl6:checked ~ input.sheet-checkbox-trauma6 { display:none; } .sheet-checkbox-trauma-ctrl6:checked ~ div.sheet-checkbox-trauma6div { display:inline-block; } .sheet-checkbox-trauma-ctrl7:checked ~ input.sheet-checkbox-trauma7 { display:none; } .sheet-checkbox-trauma-ctrl7:checked ~ div.sheet-checkbox-trauma7div { display:inline-block; } .sheet-checkbox-trauma-ctrl8:checked ~ input.sheet-checkbox-trauma8 { display:none; } .sheet-checkbox-trauma-ctrl8:checked ~ div.sheet-checkbox-trauma8div { display:inline-block; } .sheet-checkbox-trauma-ctrl9:checked ~ input.sheet-checkbox-trauma9 { display:none; } .sheet-checkbox-trauma-ctrl9:checked ~ div.sheet-checkbox-trauma9div { display:inline-block; } .sheet-checkbox-trauma-ctrl10:checked ~ input.sheet-checkbox-trauma10 { display:none; } .sheet-checkbox-trauma-ctrl10:checked ~ div.sheet-checkbox-trauma10div { display:inline-block; } /* 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,1px 1px 2px black, 0 0 4px black, 0 0 10px black; } .sheet-effet-points-traque-grave { text-shadow: 2px 2px 6px red, -2px -2px 6px red,1px 1px 2px black, 0 0 4px black, 0 0 10px black; } .sheet-effet-points-traque-mort { text-shadow: 2px 2px 6px purple, -2px -2px 6px purple,1px 1px 2px black, 0 0 4px black, 0 0 10px black; } .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; } .sheet-checkbox-traque-ctrl1:checked ~ input.sheet-checkbox-traque1 { display:none; } .sheet-checkbox-traque-ctrl1:checked ~ div.sheet-checkbox-traque1div { display:inline-block; } .sheet-checkbox-traque-ctrl2:checked ~ input.sheet-checkbox-traque2 { display:none; } .sheet-checkbox-traque-ctrl2:checked ~ div.sheet-checkbox-traque2div { display:inline-block; } .sheet-checkbox-traque-ctrl3:checked ~ input.sheet-checkbox-traque3 { display:none; } .sheet-checkbox-traque-ctrl3:checked ~ div.sheet-checkbox-traque3div { display:inline-block; } .sheet-checkbox-traque-ctrl4:checked ~ input.sheet-checkbox-traque4 { display:none; } .sheet-checkbox-traque-ctrl4:checked ~ div.sheet-checkbox-traque4div { display:inline-block; } .sheet-checkbox-traque-ctrl5:checked ~ input.sheet-checkbox-traque5 { display:none; } .sheet-checkbox-traque-ctrl5:checked ~ div.sheet-checkbox-traque5div { display:inline-block; } .sheet-checkbox-traque-ctrl6:checked ~ input.sheet-checkbox-traque6 { display:none; } .sheet-checkbox-traque-ctrl6:checked ~ div.sheet-checkbox-traque6div { display:inline-block; } .sheet-checkbox-traque-ctrl7:checked ~ input.sheet-checkbox-traque7 { display:none; } .sheet-checkbox-traque-ctrl7:checked ~ div.sheet-checkbox-traque7div { display:inline-block; } .sheet-checkbox-traque-ctrl8:checked ~ input.sheet-checkbox-traque8 { display:none; } .sheet-checkbox-traque-ctrl8:checked ~ div.sheet-checkbox-traque8div { display:inline-block; } .sheet-checkbox-traque-ctrl9:checked ~ input.sheet-checkbox-traque9 { display:none; } .sheet-checkbox-traque-ctrl9:checked ~ div.sheet-checkbox-traque9div { display:inline-block; } .sheet-checkbox-traque-ctrl10:checked ~ input.sheet-checkbox-traque10 { display:none; } .sheet-checkbox-traque-ctrl10:checked ~ div.sheet-checkbox-traque10div { display:inline-block; } /* noirceur */ .sheet-effet-points-noirceur-leger, .sheet-effet-points-noirceur-leger2 , .sheet-effet-points-noirceur-grave, .sheet-effet-points-noirceur-grave1, .sheet-effet-points-noirceur-grave2, .sheet-effet-points-noirceur-mort, .sheet-effet-points-noirceur-mort2 { display: none; } .sheet-effet-points-noirceur-leger2 .sheet-effet-points-noirceur-grave2, .sheet-effet-points-noirceur-mort2 { width:auto; } .sheet-effet-points-noirceur-leger, .sheet-effet-points-noirceur-leger2 { text-shadow: 2px 2px 6px orange, -2px -2px 6px orange,1px 1px 2px black, 0 0 4px black, 0 0 10px black; } .sheet-effet-points-noirceur-grave, .sheet-effet-points-noirceur-grave1 , .sheet-effet-points-noirceur-grave2 { text-shadow: 2px 2px 6px red, -2px -2px 6px red,1px 1px 2px black, 0 0 4px black, 0 0 10px black; } .sheet-effet-points-noirceur-mort, .sheet-effet-points-noirceur-mort2 { text-shadow: 2px 2px 6px purple, -2px -2px 6px purple,1px 1px 2px black, 0 0 4px black, 0 0 10px black; } .sheet-checkbox-noirceur5:checked ~ .sheet-effet-points-noirceur-leger { display: block; } .sheet-checkbox-noirceur5:checked ~ .sheet-effet-points-noirceur-leger2 { display: inline; } .sheet-checkbox-noirceur5:checked ~ .sheet-effet-points-noirceur-grave { display: none; } .sheet-checkbox-noirceur5:checked ~ .sheet-effet-points-noirceur-grave1 { display: none; } .sheet-checkbox-noirceur5:checked ~ .sheet-effet-points-noirceur-grave2 { display: none; } .sheet-checkbox-noirceur5:checked ~ .sheet-effet-points-noirceur-mort { display: none; } .sheet-checkbox-noirceur5:checked ~ .sheet-effet-points-noirceur-mort2 { display: none; } .sheet-checkbox-noirceur8:checked ~ .sheet-effet-points-noirceur-leger { display: none; } .sheet-checkbox-noirceur8:checked ~ .sheet-effet-points-noirceur-leger2 { display: none; } .sheet-checkbox-noirceur8:checked ~ .sheet-effet-points-noirceur-grave { display: block; } .sheet-checkbox-noirceur8:checked ~ .sheet-effet-points-noirceur-grave1 { display: block; } .sheet-checkbox-noirceur8:checked ~ .sheet-effet-points-noirceur-grave2 { display: inline; } .sheet-checkbox-noirceur8:checked ~ .sheet-effet-points-noirceur-mort { display: none; } .sheet-checkbox-noirceur8:checked ~ .sheet-effet-points-noirceur-mort2 { display: none; } .sheet-checkbox-noirceur10:checked ~ .sheet-effet-points-noirceur-leger { display: none; } .sheet-checkbox-noirceur10:checked ~ .sheet-effet-points-noirceur-leger2 { display: none; } .sheet-checkbox-noirceur10:checked ~ .sheet-effet-points-noirceur-grave { display: none; } .sheet-checkbox-noirceur10:checked ~ .sheet-effet-points-noirceur-grave1 { display: none; } .sheet-checkbox-noirceur10:checked ~ .sheet-effet-points-noirceur-grave2 { display: none; } .sheet-checkbox-noirceur10:checked ~ .sheet-effet-points-noirceur-mort { display: block; } .sheet-checkbox-noirceur10:checked ~ .sheet-effet-points-noirceur-mort2 { display: inline; } .sheet-checkbox-noirceur-ctrl1:checked ~ input.sheet-checkbox-noirceur1 { display:none; } .sheet-checkbox-noirceur-ctrl1:checked ~ div.sheet-checkbox-noirceur1div { display:inline-block; } .sheet-checkbox-noirceur-ctrl2:checked ~ input.sheet-checkbox-noirceur2 { display:none; } .sheet-checkbox-noirceur-ctrl2:checked ~ div.sheet-checkbox-noirceur2div { display:inline-block; } .sheet-checkbox-noirceur-ctrl3:checked ~ input.sheet-checkbox-noirceur3 { display:none; } .sheet-checkbox-noirceur-ctrl3:checked ~ div.sheet-checkbox-noirceur3div { display:inline-block; } .sheet-checkbox-noirceur-ctrl4:checked ~ input.sheet-checkbox-noirceur4 { display:none; } .sheet-checkbox-noirceur-ctrl4:checked ~ div.sheet-checkbox-noirceur4div { display:inline-block; } .sheet-checkbox-noirceur-ctrl5:checked ~ input.sheet-checkbox-noirceur5 { display:none; } .sheet-checkbox-noirceur-ctrl5:checked ~ div.sheet-checkbox-noirceur5div { display:inline-block; } .sheet-checkbox-noirceur-ctrl6:checked ~ input.sheet-checkbox-noirceur6 { display:none; } .sheet-checkbox-noirceur-ctrl6:checked ~ div.sheet-checkbox-noirceur6div { display:inline-block; } .sheet-checkbox-noirceur-ctrl7:checked ~ input.sheet-checkbox-noirceur7 { display:none; } .sheet-checkbox-noirceur-ctrl7:checked ~ div.sheet-checkbox-noirceur7div { display:inline-block; } .sheet-checkbox-noirceur-ctrl8:checked ~ input.sheet-checkbox-noirceur8 { display:none; } .sheet-checkbox-noirceur-ctrl8:checked ~ div.sheet-checkbox-noirceur8div { display:inline-block; } .sheet-checkbox-noirceur-ctrl9:checked ~ input.sheet-checkbox-noirceur9 { display:none; } .sheet-checkbox-noirceur-ctrl9:checked ~ div.sheet-checkbox-noirceur9div { display:inline-block; } .sheet-checkbox-noirceur-ctrl10:checked ~ input.sheet-checkbox-noirceur10 { display:none; } .sheet-checkbox-noirceur-ctrl10:checked ~ div.sheet-checkbox-noirceur10div { display:inline-block; } /* POSSESSIONS */ .sheet-section-equip { padding-bottom:50px; background-image:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/NOC/images/fondequipementbasgauche.png"),url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/NOC/images/fondequipementbasdroite.png"); background-repeat: no-repeat; background-size: 400px, 300px ; background-position: bottom left, bottom right ; margin-top:-60px; margin-left: 40px; width: 900px; overflow: hidden; } .sheet-contactarmorCC { min-height: 100px; margin-left: 30px; height: auto; margin-bottom: 10px; float:left; } .sheet-divtirCH { position: relative; min-height: 100px; margin-bottom: 10px; height: auto; float: right; } .sheet-tab-contacts { min-height: 100px; max-height: 280px; height:auto; width: 380px; 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://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/NOC/images/fondequipement.jpg"); background-repeat: no-repeat; background-position: top left; background-size: 100%; } .sheet-tab-cac { min-height: 100px; width: 380px; border: 2px solid black; box-shadow: 0 0 10px #353535, 5px 5px 10px #353535; border-radius: 5px 5px 0px 0px; background-image:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/NOC/images/fondequipement.jpg"); background-repeat: no-repeat; background-position: top left; background-size: 100%; } .sheet-tab-armure { height: 175px; width: 380px; border: 2px solid black; box-shadow: 0 0 10px #353535, 5px 5px 10px #353535; border-radius: 5px 5px 0px 0px; background-image:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/NOC/images/fondequipement.jpg"); background-repeat: no-repeat; background-position: top left; background-size: 100%; margin-bottom: 10px; } .sheet-tab-tir { float:left; min-height: 89px; width: 470px; border: 2px solid black; box-shadow: 0 0 10px #353535, 5px 5px 10px #353535; border-radius: 5px 5px 0px 0px; background-image:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/NOC/images/fondequipement.jpg"); background-repeat: no-repeat; background-position: top left; background-size: 100%; margin-top: 10px; } .sheet-tir-all, .sheet-cac-all { height:115px; } .sheet-cac-all-mainsnues { height:70px; } .sheet-tir-gauche, .sheet-cac-gauche { float: left; } .sheet-tir-droite, .sheet-cac-droite { margin-top: 5px; } .sheet-tab-equip { background-image:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/NOC/images/fondequipement.jpg"); background-repeat: no-repeat; background-position: top left; background-size: 950px; border: 2px solid black; width: 890px; min-height: 80px; margin-bottom: 20px; vertical-align: top; box-shadow: 0 0 10px #353535, 5px 5px 10px #353535; border-radius: 5px 5px 0px 0px; position: relative; height: auto; float: left; } .sheet-equip-title { background-image:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/NOC/images/fondtitrequipement.jpg"); background-repeat: no-repeat; background-size: 950px 30px; width: 890px; 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://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/NOC/images/fondtitrequipement.jpg"); background-repeat: no-repeat; background-size: 470px 30px; width: 470px; 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://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/NOC/images/fondtitrequipement.jpg"); background-repeat: no-repeat; background-size: 400px 30px; width: 380px; 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'; display:inline; font-size: 24px; color: white; padding-top : 8px; 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://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/NOC/images/fonddescriptionequip.jpg"); background-repeat: no-repeat; background-size: 250px; font-size: 16px; } .sheet-header-equip { text-align: center; color : black; font-size:14px; display:inline-block; vertical-align: middle; } .sheet-line-equip1, .sheet-line-equip2, .sheet-line-equip3 { width: 250px; vertical-align: top; margin-left: 20px; margin-right: 20px; } .sheet-line-equip1 { display:inline-block; } .sheet-line-equip2 { display:inline-block; } .sheet-line-equip3 { display:inline-block; } .sheet-contacts-th { height:50px; } .sheet-contactsdiv { margin-bottom:5px; } .sheet-header-equip-contact { text-align: center; color : black; font-size:14px; width:65px; display:inline-block; vertical-align: middle; } .sheet-inputcontact, .sheet-inputcontact2 { width: 35px; height: 35px; text-align: center; font-size: 18px; border-radius: 30px; margin-bottom: 5px; border: 3px ridge; border-color: #685C52 #685C52 #616B6F #616B6F; font-family: "Courier New",Courier,monospace; font-weight: bold; } .sheet-inputcontact2 { margin-left:30px; } .sheet-inputcontacttotal { width: 35px; height: 35px; text-align: center; font-size: 18px; border-radius: 30px; margin-left: 10px; border: 3px ridge; border-color: #685C52 #685C52 #616B6F #616B6F; font-family: "Courier New",Courier,monospace; font-weight: bold; display:inline-block; margin-top:-12px; cursor: not-allowed; } .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: 18px; border-radius: 30px; margin-right: 10px; margin-left: 15px; border: 3px ridge; border-color: #685C52 #685C52 #616B6F #616B6F; font-family: "Courier New",Courier,monospace; font-weight: bold; } .sheet-inputarmuretot { cursor: not-allowed; } .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: 15px; color: black; cursor:text; } .sheet-inputarmenom, .sheet-input-infocontacts, .sheet-input-mnues, .sheet-input-mnues, .sheet-input-infoequip, .sheet-inputarmenom, .sheet-input-infoarmure { margin-left:5px; } .sheet-tir-th, .sheet-cac-th { height:25px; } .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://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/NOC/images/fonddescriptionequip.jpg"); background-repeat: no-repeat; background-size: 310px 110px; margin-left: 5px; font-size:16px; } .sheet-armeinfo-mainsnues { height: 20px; } .sheet-input-degat, .sheet-input-munitions, .sheet-input-munitionsmax { width: 35px; height: 35px; min-height: 35px; font-size: 18px; text-align: center; border-radius: 20px; margin-left: 10px; margin-right: 10px; border: 3px ridge; border-color: #685C52 #685C52 #616B6F #616B6F; font-family: "Courier New",Courier,monospace; font-weight: bold; } .sheet-input-mnues { cursor: not-allowed; } .sheet-input-talent { margin-bottom: 0px; margin-left: 3px; margin-right: 2px; border: 3px ridge; border-color: #685C52 #685C52 #616B6F #616B6F; cursor:help; } .sheet-input-portee { margin-bottom: 0px; margin-left: 3px; margin-right: 2px; border: 3px ridge; border-color: #685C52 #685C52 #616B6F #616B6F; cursor:help; } .sheet-input-trait { width: 150px; text-align: left; } .sheet-input-infocontacts, .sheet-input-infoarmure { color:black; cursor:text; } .sheet-contactsindex:checked ~ .sheet-tab-contacts .repcontrol_add { display:none; } .sheet-contacts0:checked ~ .sheet-tab-contacts .repcontainer.ui-sortable.editmode ~ .repcontrol .repcontrol_edit { display:inline; } .sheet-contacts0:checked ~ .sheet-tab-contacts .repcontainer ~ .repcontrol .repcontrol_edit { display:none; } .sheet-contacts0:checked ~ .sheet-tab-contacts .repcontainer.ui-sortable ~ .repcontrol .repcontrol_edit { display:none; } .sheet-tir0:checked ~ .sheet-tab-tir .repcontainer.ui-sortable.editmode ~ .repcontrol .repcontrol_edit { display:inline; } .sheet-tir0:checked ~ .sheet-tab-tir .repcontainer ~ .repcontrol .repcontrol_edit { display:none; } .sheet-tir0:checked ~ .sheet-tab-tir .repcontainer.ui-sortable ~ .repcontrol .repcontrol_edit { display:none; } .sheet-cac0:checked ~ .sheet-tab-cac .repcontainer.ui-sortable.editmode ~ .repcontrol .repcontrol_edit { display:inline; } .sheet-cac0:checked ~ .sheet-tab-cac .repcontainer ~ .repcontrol .repcontrol_edit { display:none; } .sheet-cac0:checked ~ .sheet-tab-cac .repcontainer.ui-sortable ~ .repcontrol .repcontrol_edit { display:none; } .sheet-equip01:checked ~ .sheet-tab-equip .sheet-line-equip1 .repcontainer.ui-sortable.editmode ~ .repcontrol .repcontrol_edit { display:inline; } .sheet-equip01:checked ~ .sheet-tab-equip .sheet-line-equip1 .repcontainer ~ .repcontrol .repcontrol_edit { display:none; } .sheet-equip01:checked ~ .sheet-tab-equip .sheet-line-equip1 .repcontainer.ui-sortable ~ .repcontrol .repcontrol_edit { display:none; } .sheet-equip02:checked ~ .sheet-tab-equip .sheet-line-equip2 .repcontainer.ui-sortable.editmode ~ .repcontrol .repcontrol_edit { display:inline; } .sheet-equip02:checked ~ .sheet-tab-equip .sheet-line-equip2 .repcontainer ~ .repcontrol .repcontrol_edit { display:none; } .sheet-equip02:checked ~ .sheet-tab-equip .sheet-line-equip2 .repcontainer.ui-sortable ~ .repcontrol .repcontrol_edit { display:none; } .sheet-equip03:checked ~ .sheet-tab-equip .sheet-line-equip3 .repcontainer.ui-sortable.editmode ~ .repcontrol .repcontrol_edit { display:inline; } .sheet-equip03:checked ~ .sheet-tab-equip .sheet-line-equip3 .repcontainer ~ .repcontrol .repcontrol_edit { display:none; } .sheet-equip03:checked ~ .sheet-tab-equip .sheet-line-equip3 .repcontainer.ui-sortable ~ .repcontrol .repcontrol_edit { display:none; } .sheet-trait { height: 23px; vertical-align: middle; } .sheet-input-traitselect { display:inline; cursor:pointer; } .sheet-input-traitcheckbox, .sheet-input-traitvalue { display:none; } .sheet-input-traitvalue { cursor:text; } .sheet-input-traitselect { width: 130px; min-height: 23px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; color: black; font-size: 14px; border-style: none; background-color: transparent; font-family: "Courier New",Courier,monospace; } .sheet-input-traitvalue { width: 20px; min-height: 20px; font-size: 14px; font-weight: bold; text-align: center; border: 1px solid black; border-radius: 25px; box-shadow: 1px 1px 5px #514842; color: black; font-family: "Courier New",Courier,monospace; background: white; margin-left:5px; } .sheet-traitcheckbox1:checked ~ .sheet-input-traitvalue1 { display:inline; } .sheet-traitcheckbox1enoire:checked ~ .sheet-input-traitvalue1enoire { display:inline; } .sheet-traitcheckbox1quantique:checked ~ .sheet-input-traitvalue1quantique { display:inline; } .sheet-traitcheckbox2:checked ~ .sheet-input-traitvalue2 { display:inline; } .sheet-traitcheckbox2enoire:checked ~ .sheet-input-traitvalue2enoire { display:inline; } .sheet-traitcheckbox2quantique:checked ~ .sheet-input-traitvalue2quantique { display:inline; } .sheet-traitcheckbox3:checked ~ .sheet-input-traitvalue3 { display:inline; } .sheet-traitcheckbox3enoire:checked ~ .sheet-input-traitvalue3enoire { display:inline; } .sheet-traitcheckbox3quantique:checked ~ .sheet-input-traitvalue3quantique { display:inline; } /* Combat helper */ .sheet-Combathelper { width: 470px; height: 300px; position: relative; z-index: 5; font-size: 14px; background-image:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/NOC/images/fondCHetetat.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; font-family: "Courier New",Courier,monospace; } .sheet-Combathelper-title { background-image:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/NOC/images/fond_titre2.png"); background-repeat: no-repeat; background-size: 280px 100px; background-position: -28px -15px; width: 260px; height : 80px; position: absolute; font-family: Caveat; padding-top:20px; } .sheet-Combathelper-title-label { font-family: 'Special Elite'; font-size: 24px; color: white; height : 30px; text-shadow:1px 1px 2px black, 0 0 4px black, 0 0 10px black; padding-left: 15px; margin-top : -5px; } .sheet-CHdivjets { width: 480px; position: absolute; z-index: 5; margin-left: 10px; margin-top: 75px; } .sheet-CHdivcombobox { width: 480px; height: 140px; position: absolute; z-index: 5; margin-left: -5px; margin-top: 115px; vertical-align: middle; padding-left:10px; } .sheet-CHdivbonusmalus { width: 210px; height: 75px; position: absolute; z-index: 5; margin-left: 280px; margin-top: 10px; } .sheet-CHtotalBM { width: 100%; height: 60px; position: absolute; z-index: 5; margin-top: 5px; text-align: center; } .sheet-CHdescriptionBM { color: #514842; display:inline-block; vertical-align: middle; font-weight: bold; font-size: 14px; } .sheet-CHspan, .sheet-CHspan2 { color: #514842; vertical-align: middle; font-size: 14px; font-family: "Courier New", Courier, monospace; font-weight: bold; text-align: left; margin-left: 2px; border: 0 solid black; background:transparent; max-height:22px; } .sheet-CHspan { display: none; } .sheet-CHcombo, .sheet-CHcombo2 { color: #514842; vertical-align: middle; font-size: 14px; width: auto; margin-left: 0px; margin-bottom: 0px; font-family: "Courier New",Courier,monospace; font-weight: bold; border: 0 solid black; background:transparent; max-height:22px; padding:0px; } .sheet-CHcombo { display:none; } .sheet-CHdescriptionroll { color: #514842; font-weight: bold; text-align: right; font-size: 16px; font-family: 'Special Elite'; } .sheet-CHdescriptionbonusmalus { display: inline; } .sheet-CHdescriptionbonusmalustitle { color: #514842; vertical-align: middle; font-family: "Courier New",Courier,monospace; font-weight: bold; display: inline; font-size: 20px; display:none; margin-left:30px; } .sheet-CHinitiative, .sheet-CHesquive, .sheet-CHparade, .sheet-CHd10 { vertical-align: middle; } .sheet-CHbonusmalus, .sheet-CHbonusmalusdsbl { height: auto; min-height:35; font-size: 20px; text-align: center; border: 2px ridge; border-color: #685C52 #685C52 #616B6F #616B6F; font-family: "Courier New",Courier,monospace; font-weight: bold; } .sheet-CHbonusmalusPNJ { margin-left: 5px; max-width: 55px; } .sheet-CHbonusmalusPJ { margin-left: 50px; max-width: 55px; } .sheet-CHbonusmalusdsbl { color: grey; display:none; max-width: 40px; } .sheet-CHactioncombatcontact:checked ~ .sheet-CHcontact { display : inline-block; } .sheet-CHactioncombatcontact:checked ~ .sheet-CHtotalBM * input.sheet-CHcontact { display : inline-block; } .sheet-CHactioncombatdistance:checked ~ .sheet-CHdistance { display : inline-block; } .sheet-CHactioncombatcontact:checked ~ .sheet-CHtotalBM * input.sheet-CHdistance { display : inline-block; } .sheet-CHactioncombatdef:checked ~ .sheet-CHdef { display : inline-block; } .sheet-CHactioncombatdef:checked ~ .sheet-CHtotalBM * input.sheet-CHdef { display : inline-block; } /* NOTES */ .sheet-section-notes { height: auto; width: 100%; padding-bottom:20px; } .sheet-notes { font-family: 'Caveat'; width: fit-content; height: fit-content; min-height:950px; background-color: transparent; background-image:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/NOC/images/fondnotes.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: auto; background-size: 100% 100%; background-position: bottom left; background-image:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/NOC/images/fondtemplatecompetrelance.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, .sheet-rolltemplate-noc-relancedegat div.sheet-templatemain, .sheet-rolltemplate-noc-espoir div.sheet-templatemain { width: 220px; height: auto; background-size: 100% 100%; background-position: bottom left; background-image:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/NOC/images/fondtemplatecompetrelance.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-noirceur div.sheet-templatemain { width: 220px; height: auto; background-size: 100% 100%; background-color:black; 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-fiel div.sheet-templatemain { width: 219px; height: 159px; background-size: 100% 100%; background-image:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/NOC/images/fieltchat.png"); background-repeat: no-repeat; font-family: "Courier New", Courier, monospace; font-weight: bold; border: none; color: white; } .sheet-rolltemplate-noc-attaque div.sheet-templatemain { width: 220px; height: auto; background-size: 160% 200%; background-position: bottom left; background-image:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/NOC/images/fondtemplateattaque.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-comp a:nth-of-type(1), .sheet-rolltemplate-noc-attaque a:nth-of-type(1), .sheet-rolltemplate-noc-relance a:nth-of-type(1), .sheet-rolltemplate-noc-espoir a:nth-of-type(1) { margin-top: 10px; text-align: center; font-size: 22px; /* font-family: 'Special Elite'; */ font-family: Caveat; color: white; border-width: 2px; background-color:#3FB315; border-color: black; border-radius: 15px; box-shadow: 3px 5px 5px black; min-height:18px; height:auto; width:auto; text-decoration: none; vertical-align:middle; padding: 10px; } .sheet-rolltemplate-noc-attaque a:nth-of-type(2), .sheet-rolltemplate-noc-relancedegat a:nth-of-type(1), .sheet-rolltemplate-noc-relancedegat a:nth-of-type(2), .sheet-rolltemplate-noc-espoir a:nth-of-type(2) { margin-top: 10px; text-align: center; font-size: 16px; /* font-family: 'Special Elite'; */ font-family: Caveat; color: white; border-width: 2px; background-color:#3FB315; border-color: black; border-radius: 15px; box-shadow: 3px 5px 5px black; min-height:18px; height:auto; width:auto; text-decoration: none; vertical-align:middle; padding: 6px; } .sheet-rolltemplate-noc-comp a:hover, .sheet-rolltemplate-noc-attaque a:hover, .sheet-rolltemplate-noc-relance a:hover, .sheet-rolltemplate-noc-relancedegat a:hover, .sheet-rolltemplate-noc-espoir a:hover { background-color:#336299; } .sheet-rolltemplate-noc-comp div.sheet-templatethdiv, .sheet-rolltemplate-noc-attaque div.sheet-templatethdiv, .sheet-rolltemplate-noc-relance div.sheet-templatethdiv, .sheet-rolltemplate-noc-relancedegat div.sheet-templatethdiv, .sheet-rolltemplate-noc-noirceur div.sheet-templatethdiv, .sheet-rolltemplate-noc-espoir div.sheet-templatethdiv { width: 210px; height: auto; padding: 5px; text-align: center; color: rgb(112, 0, 0); font-size: 26px; /* font-family: 'Special Elite'; */ font-family: Caveat; color: white; background-size: 240px; background-repeat: no-repeat; background-position:-15px -20px; background-image:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/NOC/images/fond_titre4.png"); } .sheet-rolltemplate-noc-comp div.sheet-templatenamediv, .sheet-rolltemplate-noc-attaque div.sheet-templatenamediv, .sheet-rolltemplate-noc-relance div.sheet-templatenamediv, .sheet-rolltemplate-noc-relancedegat div.sheet-templatenamediv, .sheet-rolltemplate-noc-noirceur div.sheet-templatenamediv, .sheet-rolltemplate-noc-espoir div.sheet-templatenamediv { width: 210px; max-width: 210px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-top: 5px; padding-bottom: 8px; } .sheet-rolltemplate-noc-comp span.sheet-templatename, .sheet-rolltemplate-noc-attaque span.sheet-templatename, .sheet-rolltemplate-noc-relance span.sheet-templatename, .sheet-rolltemplate-noc-relancedegat span.sheet-templatename, .sheet-rolltemplate-noc-noirceur span.sheet-templatename, .sheet-rolltemplate-noc-espoir span.sheet-templatename { font-size: 34px; font-weight: bold; text-shadow: 1px 1px 2px black, 0 0 4px black, 0 0 10px black; margin-top: -5px; width: 210px; max-width: 210px; } .sheet-rolltemplate-noc-comp span.sheet-templateaction, .sheet-rolltemplate-noc-attaque span.sheet-templateaction, .sheet-rolltemplate-noc-relance span.sheet-templateaction, .sheet-rolltemplate-noc-relancedegat span.sheet-templateaction, .sheet-rolltemplate-noc-noirceur span.sheet-templateaction, .sheet-rolltemplate-noc-espoir span.sheet-templateaction { font-size: 30px; line-height: 32px; 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: 30px; line-height: 32px; 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: 18px; font-weight: bold; color:black; text-shadow: 1px 1px 2px white, 0 0 4px white, 0 0 10px white; background-color: transparent; font-family: "Courier New", Courier, monospace; } .sheet-rolltemplate-noc-attaque div.sheet-templatedegat { margin-top:5px; margin-bottom:5px; } .sheet-rolltemplate-noc-attaque label.sheet-templatedpseffet { font-size: 12px; font-weight:bold; line-height:12px; color: black; text-shadow: 1px 1px 2px white, 0 0 4px white, 0 0 10px white; background-color: transparent; font-family: "Courier New", Courier, monospace; box-shadow: none; border-width: 0px 0px 0px 0px; border-style: none; border-radius: inherit; background-color: transparent; width: auto; padding: 0px 0px 0px 5px; margin-bottom: 0px; height: auto; } .sheet-rolltemplate-noc-attaque span.sheet-templatedps .inlinerollresult { background-color: transparent; border: 0px; font-size: 18px; text-shadow: 1px 1px 2px white, 0 0 4px white, 0 0 10px white; font-family: "Courier New", Courier, monospace; font-weight:bold; } .sheet-rolltemplate-noc-comp .sheet-result, .sheet-rolltemplate-noc-attaque .sheet-result, .sheet-rolltemplate-noc-relance .sheet-result, .sheet-rolltemplate-noc-relancedegat .sheet-result, .sheet-rolltemplate-noc-noirceur .sheet-result, .sheet-rolltemplate-noc-fiel .sheet-result, .sheet-rolltemplate-noc-espoir .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: 5px; } .sheet-rolltemplate-noc-espoir .sheet-result { margin-bottom:5px; } .sheet-rolltemplate-noc-comp .sheet-result2, .sheet-rolltemplate-noc-attaque .sheet-result2 { font-size: 14px; max-width:50px; display:inline; vertical-align:middle; } .sheet-rolltemplate-noc-comp div.sheet-fiel, .sheet-rolltemplate-noc-attaque div.sheet-fiel, .sheet-rolltemplate-noc-relance div.sheet-fiel, .sheet-rolltemplate-noc-relancedegat div.sheet-fiel, .sheet-rolltemplate-noc-espoir div.sheet-fiel { text-align: center; color: red; text-shadow:1px 1px 2px black, 0 0 4px black, 0 0 10px black; padding-top: 5px; padding-bottom: 5px; font-size: 24px; font-family: Caveat; height:auto; line-height:20px; } .sheet-rolltemplate-noc-noirceur .sheet-resultnoirceur { font-size: 20px; text-align: center; color: red; text-shadow:1px 1px 2px black, 0 0 4px black, 0 0 10px black; padding-top: 10px; padding-bottom: 5px; } .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, .sheet-rolltemplate-noc-relancedegat .inlinerollresult, .sheet-rolltemplate-noc-noirceur .inlinerollresult, .sheet-rolltemplate-noc-fiel .inlinerollresult, .sheet-rolltemplate-noc-espoir .inlinerollresult { background-color: transparent; border: none; } , .sheet-rolltemplate-noc-attaque .sheet-templatedps .inlinerollresult { background-color: transparent; border: none; color: black; font-size: 16px; font-weight: normal; } .sheet-rolltemplate-noc-comp .sheet-templatedps .inlinerollresult { background-color: transparent; border: none; color:white; font-size: 16px; font-weight: bold; } .sheet-rolltemplate-noc-comp .sheet-result .inlinerollresult, .sheet-rolltemplate-noc-attaque .sheet-result .inlinerollresult, .sheet-rolltemplate-noc-relance .sheet-result .inlinerollresult, .sheet-rolltemplate-noc-relancedegat .sheet-result .inlinerollresult, .sheet-rolltemplate-noc-noirceur .sheet-result .inlinerollresult, .sheet-rolltemplate-noc-fiel .sheet-result .inlinerollresult, .sheet-rolltemplate-noc-espoir .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, .sheet-rolltemplate-noc-relancedegat .inlinerollresult.fullcrit, .sheet-rolltemplate-noc-attaque .inlinerollquantique.fullcrit, .sheet-rolltemplate-noc-espoir .inlinerollquantique.fullcrit { color: #3FB315; border: none; } .sheet-rolltemplate-noc-comp .inlinerollresult.fullfail, .sheet-rolltemplate-noc-attaque .inlinerollresult.fullfail, .sheet-rolltemplate-noc-relance .inlinerollresult.fullfail, .sheet-rolltemplate-noc-relancedegat .inlinerollresult.fullfail, .sheet-rolltemplate-noc-attaque .inlinerollresult.fullfail, .sheet-rolltemplate-noc-espoir .inlinerollresult.fullfail { color: red; border: none; } .sheet-rolltemplate-noc-comp .inlinerollresult.importantroll, .sheet-rolltemplate-noc-attaque .inlinerollresult.importantroll, .sheet-rolltemplate-noc-relance .inlinerollresult.importantroll, .sheet-rolltemplate-noc-relancedegat .inlinerollresult.importantroll, .sheet-rolltemplate-noc-espoir .inlinerollresult.importantroll { color: #3FB315; border: none; } .sheet-rolltemplate-noc-fiel .sheet-resultfiel { position: absolute; z-index: 5; margin-left: 180px; margin-top: 67px; transform: rotate(-15deg); } .sheet-rolltemplate-noc-fiel .sheet-resultfiel .inlinerollresult{ font-size: 30px; font-family: "Courier New", Courier, monospace; } .sheet-rolltemplate-noc-fiel .sheet-resultmenace { position: absolute; z-index: 5; font-size: 30px; font-family: "Courier New", Courier, monospace; margin-left: 57px; margin-top: 80px; } .sheet-rolltemplate-noc-fiel .sheet-resultmenace .inlinerollresult{ font-size: 30px; font-family: "Courier New", Courier, monospace; } .sheet-rolltemplate-noc-fiel span { font-size: 16px; font-weight: bold; text-align: center; margin-top:-10px; text-shadow:1px 1px 2px black, 0 0 4px black, 0 0 10px black; font-family: Caveat; } .sheet-rolltemplate-noc-fiel .sheet-resultfiellib span { font-size: 20px; } .sheet-rolltemplate-noc-fiel .sheet-resultmenacelib { position: absolute; margin-left: 40px; margin-top: 105px; } .sheet-rolltemplate-noc-fiel .sheet-resultfiellib { position: absolute; margin-left: 140px; margin-top: 77px; transform: rotate(-20deg); } .sheet-templateeffetdiv { text-align:left; width: 210px; height: auto; padding: 0px; } /* Transcendance */ .sheet-transcendance { background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/NOC/images/vitruve.png"); background-color:transparent; background-size: 300px; background-repeat: no-repeat; box-shadow: 5px 5px 10px #353535; width: 300px; height: 345px; margin-top: -350px; margin-left: 500px; position: absolute; z-index: 9998; display: inline-block; text-align: center; } .sheet-transtitre{ text-shadow: 1px 1px 2px black, 0 0 4px black, 0 0 10px black,2px 2px 6px red, -2px -2px 6px red; width: 190px; font-size: 35px; } .sheet-transcendancetitle { margin-top: 5px; width: auto; } .sheet-transcendance, .sheet-transapaisementinput, .sheet-transferveurinput, .sheet-transferveurinput, .sheet-translumiereinput, .sheet-transsoinsinput, .sheet-transcultureinput, .sheet-transbureauinput, .sheet-transrechercheinput, .sheet-transsocieteinput, .sheet-transartefactinput, .sheet-transartisanatinput, .sheet-transmecanismesinput, .sheet-transsurvieinput, .sheet-transcharismeinput, .sheet-transconvictioninput, .sheet-transpsychologieinput, .sheet-transtromperieinput, .sheet-transextaseinput, .sheet-transfolieinput, .sheet-transfolieinput, .sheet-transsensibiliteinput, .sheet-transtenebresinput, .sheet-transfortuneinput, .sheet-transranginput, .sheet-transcontactsinput, .sheet-transfacadeinput, .sheet-transcombatinput, .sheet-transdeplacementinput, .sheet-transinstinctinput, .sheet-transconstitutioninput { display: none; font-size: 28px; color:white; text-shadow: 1px 1px 1px black, 0 0 1px black, 0 0 1px black; width: 300px; text-align: center; } .sheet-transapaisementinput:hover, .sheet-transferveurinput:hover, .sheet-transferveurinput:hover, .sheet-translumiereinput:hover, .sheet-transsoinsinput:hover, .sheet-transcultureinput:hover, .sheet-transbureauinput:hover, .sheet-transrechercheinput:hover, .sheet-transsocieteinput:hover, .sheet-transartefactinput:hover, .sheet-transartisanatinput:hover, .sheet-transmecanismesinput:hover, .sheet-transsurvieinput:hover, .sheet-transcharismeinput:hover, .sheet-transconvictioninput:hover, .sheet-transpsychologieinput:hover, .sheet-transtromperieinput:hover, .sheet-transextaseinput:hover, .sheet-transfolieinput:hover, .sheet-transfolieinput:hover, .sheet-transsensibiliteinput:hover, .sheet-transtenebresinput:hover, .sheet-transfortuneinput:hover, .sheet-transranginput:hover, .sheet-transcontactsinput:hover, .sheet-transfacadeinput:hover, .sheet-transcombatinput:hover, .sheet-transdeplacementinput:hover, .sheet-transinstinctinput:hover, .sheet-transconstitutioninput:hover { color:red; } .sheet-transcendanceflag:checked ~ div.sheet-transcendance { display: inline-block; } .sheet-transapaisementflag:checked ~ input.sheet-transapaisementinput { display: inline-block; } .sheet-transferveurflag:checked ~ input.sheet-transferveurinput { display: inline-block; } .sheet-translumiereflag:checked ~ input.sheet-translumiereinput { display: inline-block; } .sheet-transsoinsflag:checked ~ input.sheet-transsoinsinput { display: inline-block; } .sheet-transcultureflag:checked ~ input.sheet-transcultureinput { display: inline-block; } .sheet-transbureauflag:checked ~ input.sheet-transbureauinput { display: inline-block; } .sheet-transrechercheflag:checked ~ input.sheet-transrechercheinput { display: inline-block; } .sheet-transsocieteflag:checked ~ input.sheet-transsocieteinput { display: inline-block; } .sheet-transartefactflag:checked ~ input.sheet-transartefactinput { display: inline-block; } .sheet-transartisanatflag:checked ~ input.sheet-transartisanatinput { display: inline-block; } .sheet-transmecanismesflag:checked ~ input.sheet-transmecanismesinput { display: inline-block; } .sheet-transsurvieflag:checked ~ input.sheet-transsurvieinput { display: inline-block; } .sheet-transcharismeflag:checked ~ input.sheet-transcharismeinput { display: inline-block; } .sheet-transconvictionflag:checked ~ input.sheet-transconvictioninput { display: inline-block; } .sheet-transpsychologieflag:checked ~ input.sheet-transpsychologieinput { display: inline-block; } .sheet-transtromperieflag:checked ~ input.sheet-transtromperieinput { display: inline-block; } .sheet-transextaseflag:checked ~ input.sheet-transextaseinput { display: inline-block; } .sheet-transfolieflag:checked ~ input.sheet-transfolieinput { display: inline-block; } .sheet-transsensibiliteflag:checked ~ input.sheet-transsensibiliteinput { display: inline-block; } .sheet-transtenebresflag:checked ~ input.sheet-transtenebresinput { display: inline-block; } .sheet-transfortuneflag:checked ~ input.sheet-transfortuneinput { display: inline-block; } .sheet-transrangflag:checked ~ input.sheet-transranginput { display: inline-block; } .sheet-transcontactsflag:checked ~ input.sheet-transcontactsinput { display: inline-block; } .sheet-transfacadeflag:checked ~ input.sheet-transfacadeinput { display: inline-block; } .sheet-transcombatflag:checked ~ input.sheet-transcombatinput { display: inline-block; } .sheet-transdeplacementflag:checked ~ input.sheet-transdeplacementinput { display: inline-block; } .sheet-transinstinctflag:checked ~ input.sheet-transinstinctinput { display: inline-block; } .sheet-transconstitutionflag:checked ~ input.sheet-transconstitutioninput { display: inline-block; }