.charsheet { background-color:Gainsboro; } div.sheet-tab-content { display: none; } input.sheet-tab1:checked ~ div.sheet-tab1, input.sheet-tab2:checked ~ div.sheet-tab2, input.sheet-tab3:checked ~ div.sheet-tab3, input.sheet-tab4:checked ~ div.sheet-tab4, input.sheet-tab5:checked ~ div.sheet-tab5, input.sheet-tab6:checked ~ div.sheet-tab6, input.sheet-tab7:checked ~ div.sheet-tab7, input.sheet-tab8:checked ~ div.sheet-tab8 { display: block; } input.sheet-tabDruidLion1:checked ~ div.sheet-tabDruidLion1, input.sheet-tabDruidLion2:checked ~ div.sheet-tabDruidLion2, input.sheet-tabDruidLion3:checked ~ div.sheet-tabDruidLion3 { display: block; } input.sheet-arrow:checked ~ table.sheet-reveal, input.sheet-arrow:checked ~ div.sheet-reveal { display:block; } .sheet-titreEffet { border:1px solid LightSteelBlue; background-color:LightSteelBlue; } .sheet-voletEffet { border:1px solid LightSteelBlue; } .sheet-checkboxEffet { position:absolute; width:100%; height:25px; margin-left:-10px; z-index: 1; opacity: 0; } input.sheet-tab { width: 130px; height: 22px; position: relative; top: 5px; left: 6px; margin: -1.5px; cursor: pointer; z-index: 1; opacity: 0; margin-bottom:14px; margin-top:3px; } input.sheet-tab + span::before { content: attr(title); text-align: center; display: inline-block; margin-left:-120px; width: 125px; height: 20px; font-size: 14px; font-weight:bold; border:1px solid black; border-top-left-radius: 3em 3em; border-top-right-radius: 3em 3em; border-bottom-right-radius: 3em 3em; border-bottom-left-radius: 3em 3em; position: relative; background: RoyalBlue; color:white; } input.sheet-name { width: 130px; height: 22px; position: relative; top: 5px; left: 6px; margin: -1.5px; cursor: pointer; z-index: 1; opacity: 0; margin-bottom:9px; } input.sheet-name + span::before { content: attr(title); text-align: center; display: inline-block; margin-left:-120px; width: 125px; height: 20px; font-size: 14px; font-weight:bold; border:1px solid black; border-top-left-radius: 3em 3em; border-top-right-radius: 3em 3em; border-bottom-right-radius: 3em 3em; border-bottom-left-radius: 3em 3em; position: relative; background: RoyalBlue; color:white; } input.sheet-jetGM { width: 55px; height: 17px; margin: -1.5px; cursor: pointer; position:absolute; right:25px; z-index: 1; opacity: 0; } input.sheet-jetGM2 { width: 55px; height: 17px; margin: -1.5px; cursor: pointer; position:absolute; right:25px; z-index: 1; opacity: 0; top:95px; } input.sheet-jetGM + span::before { content: attr(title); text-align: center; display: inline-block; margin-left:-120px; width: 50px; height: 17px; font-size: 10px; font-weight:bold; border:1px solid black; border-top-left-radius: 3em 3em; border-top-right-radius: 3em 3em; border-bottom-right-radius: 3em 3em; border-bottom-left-radius: 3em 3em; position:absolute; right:25px; background: RoyalBlue; color:white; } input.sheet-jetGM2 + span::before { content: attr(title); text-align: center; display: inline-block; margin-left:-120px; width: 50px; height: 17px; font-size: 10px; font-weight:bold; border:1px solid black; border-top-left-radius: 3em 3em; border-top-right-radius: 3em 3em; border-bottom-right-radius: 3em 3em; border-bottom-left-radius: 3em 3em; position:absolute; right:25px; background: RoyalBlue; color:white; top:95px; } input.sheet-jetGM:checked + span::before { background: RoyalBlue; box-shadow: 0px 0px 7px 0px #000000 inset; color:white; } input.sheet-jetGM2:checked + span::before { background: RoyalBlue; box-shadow: 0px 0px 7px 0px #000000 inset; color:white; } input.sheet-name:checked + span::before { background: RoyalBlue; box-shadow: 0px 0px 7px 0px #000000 inset; color:white; } input.sheet-tab:checked + span::before { background: RoyalBlue; box-shadow: 0px 0px 7px 0px #000000 inset; color:white; } input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type=number] { -moz-appearance:textfield; } input, select { width:100%; } select { margin-bottom:0px; } textarea { border:none; width:100%; padding:0px; text-align:justify; } table { width:100%; background-color:#CEECF5; border-radius:30px; } th { font-weight:bold; } .sheet-tab-padding-top { padding-top:10px; } .sheet-tab-padding-bottom { padding-bottom:10px; } .sheet-tab-padding-left { padding-left:10px; } .sheet-tab-padding-right { padding-right:10px; } .sheet-left { text-align:left; } .sheet-right { text-align:right; } .sheet-center { text-align:center; } .sheet-hidden { display: none; } input.sheet-checkGuardian:checked ~ table.sheet-tableGuardian, input.sheet-checkBarb:checked ~ table.sheet-tableBarb, input.sheet-checkBard:checked ~ table.sheet-tableBard, input.sheet-checkDrui:checked ~ table.sheet-tableDrui, input.sheet-checkMonk:checked ~ table.sheet-tableMonk, input.sheet-checkNecr:checked ~ table.sheet-tableNecr, input.sheet-checkPala:checked ~ table.sheet-tablePala, input.sheet-checkPrie:checked ~ table.sheet-tablePrie, input.sheet-checkPsio:checked ~ table.sheet-tablePsio, input.sheet-checkRang:checked ~ table.sheet-tableRang, input.sheet-checkRogu:checked ~ table.sheet-tableRogu, input.sheet-checkSorc:checked ~ table.sheet-tableSorc, input.sheet-checkWarm:checked ~ table.sheet-tableWarm, input.sheet-checkWarr:checked ~ table.sheet-tableWarr, input.sheet-checkWiza:checked ~ table.sheet-tableWiza { display:table; } input.sheet-checkDruiGen:checked ~ div.sheet-divDruiGen { display:block; } input.sheet-checkShow:checked ~ div.sheet-hidden { display:block; } input.sheet-checkShow:checked ~ div.sheet-reveal { display:none; } input.sheet-checkShowESpec:checked ~ span.sheet-revealESpec { display:inline; } .sheet-black { color:black; } input.sheet-normalize { width:100%; background:none; border:none; box-shadow:none; } input.sheet-normalize:hover { cursor:text; } .sheet-rolltemplate-simple table, .sheet-rolltemplate-initiative table, .sheet-rolltemplate-distance table, .sheet-rolltemplate-contact table, .sheet-rolltemplate-autre table, .sheet-rolltemplate-nods table, .sheet-rolltemplate-priest table, .sheet-rolltemplate-rogueDistance table, .sheet-rolltemplate-rogueContact table, .sheet-rolltemplate-sorcerer table, .sheet-rolltemplate-wizard table, .sheet-rolltemplate-grenade table, .sheet-rolltemplate-druid table, .sheet-rolltemplate-druidCombat table, .sheet-rolltemplate-ranger table { width:100%; background-color:royalBlue; border-radius:30px; } .sheet-rolltemplate-simple .sheet-padding-left, .sheet-rolltemplate-initiative .sheet-padding-left, .sheet-rolltemplate-distance .sheet-padding-left, .sheet-rolltemplate-contact .sheet-padding-left, .sheet-rolltemplate-autre .sheet-padding-left, .sheet-rolltemplate-nods .sheet-padding-left, .sheet-rolltemplate-priest .sheet-padding-left, .sheet-rolltemplate-rogueDistance .sheet-padding-left, .sheet-rolltemplate-rogueContact .sheet-padding-left, .sheet-rolltemplate-sorcerer .sheet-padding-left, .sheet-rolltemplate-wizard .sheet-padding-left, .sheet-rolltemplate-grenade .sheet-padding-left, .sheet-rolltemplate-druid .sheet-padding-left, .sheet-rolltemplate-druidCombat .sheet-padding-left, .sheet-rolltemplate-ranger .sheet-padding-left { padding-left:10px; } .sheet-rolltemplate-simple .sheet-padding-right, .sheet-rolltemplate-initiative .sheet-padding-right, .sheet-rolltemplate-distance .sheet-padding-right, .sheet-rolltemplate-contact .sheet-padding-right, .sheet-rolltemplate-autre .sheet-padding-right, .sheet-rolltemplate-nods .sheet-padding-right, .sheet-rolltemplate-priest .sheet-padding-right, .sheet-rolltemplate-rogueDistance .sheet-padding-right, .sheet-rolltemplate-rogueContact .sheet-padding-right, .sheet-rolltemplate-sorcerer .sheet-padding-right, .sheet-rolltemplate-wizard .sheet-padding-right, .sheet-rolltemplate-grenade .sheet-padding-right, .sheet-rolltemplate-druid .sheet-padding-right, .sheet-rolltemplate-druidCombat .sheet-padding-right, .sheet-rolltemplate-ranger .sheet-padding-right { padding-right:10px; } .sheet-rolltemplate-simple .sheet-padding-bottom, .sheet-rolltemplate-initiative .sheet-padding-bottom, .sheet-rolltemplate-distance .sheet-padding-bottom, .sheet-rolltemplate-contact .sheet-padding-bottom, .sheet-rolltemplate-autre .sheet-padding-bottom, .sheet-rolltemplate-nods .sheet-padding-bottom, .sheet-rolltemplate-priest .sheet-padding-bottom, .sheet-rolltemplate-rogueDistance .sheet-padding-bottom, .sheet-rolltemplate-rogueContact .sheet-padding-bottom, .sheet-rolltemplate-sorcerer .sheet-padding-bottom, .sheet-rolltemplate-wizard .sheet-padding-bottom, .sheet-rolltemplate-grenade .sheet-padding-bottom, .sheet-rolltemplate-druid .sheet-padding-bottom, .sheet-rolltemplate-druidCombat .sheet-padding-bottom, .sheet-rolltemplate-ranger .sheet-padding-bottom { padding-bottom:10px; } .sheet-rolltemplate-simple .sheet-padding-top, .sheet-rolltemplate-initiative .sheet-padding-top, .sheet-rolltemplate-distance .sheet-padding-top, .sheet-rolltemplate-contact .sheet-padding-top, .sheet-rolltemplate-autre .sheet-padding-top, .sheet-rolltemplate-nods .sheet-padding-top, .sheet-rolltemplate-priest .sheet-padding-top, .sheet-rolltemplate-rogueDistance .sheet-padding-top, .sheet-rolltemplate-rogueContact .sheet-padding-top, .sheet-rolltemplate-sorcerer .sheet-padding-top, .sheet-rolltemplate-wizard .sheet-padding-top, .sheet-rolltemplate-grenade .sheet-padding-top, .sheet-rolltemplate-druid .sheet-padding-top, .sheet-rolltemplate-druidCombat .sheet-padding-top, .sheet-rolltemplate-ranger .sheet-padding-top { padding-top:10px; } .sheet-rolltemplate-simple .sheet-align-right, .sheet-rolltemplate-initiative .sheet-align-right, .sheet-rolltemplate-distance .sheet-align-right, .sheet-rolltemplate-contact .sheet-align-right, .sheet-rolltemplate-autre .sheet-align-right, .sheet-rolltemplate-nods .sheet-align-right, .sheet-rolltemplate-priest .sheet-align-right, .sheet-rolltemplate-rogueDistance .sheet-align-right, .sheet-rolltemplate-rogueContact .sheet-align-right, .sheet-rolltemplate-sorcerer .sheet-align-right, .sheet-rolltemplate-wizard .sheet-align-right, .sheet-rolltemplate-grenade .sheet-align-right, .sheet-rolltemplate-druid .sheet-align-right, .sheet-rolltemplate-druidCombat .sheet-align-right, .sheet-rolltemplate-ranger .sheet-align-right { text-align:right } .sheet-rolltemplate-simple .sheet-align-left, .sheet-rolltemplate-initiative .sheet-align-left, .sheet-rolltemplate-distance .sheet-align-left, .sheet-rolltemplate-contact .sheet-align-left, .sheet-rolltemplate-contact .sheet-align-left, .sheet-rolltemplate-nods .sheet-align-left, .sheet-rolltemplate-priest .sheet-align-left, .sheet-rolltemplate-rogueDistance .sheet-align-left, .sheet-rolltemplate-rogueContact .sheet-align-left, .sheet-rolltemplate-sorcerer .sheet-align-left, .sheet-rolltemplate-wizard .sheet-align-left, .sheet-rolltemplate-grenade .sheet-align-left, .sheet-rolltemplate-druid .sheet-align-left, .sheet-rolltemplate-druidCombat .sheet-align-left, .sheet-rolltemplate-ranger .sheet-align-left { text-align:left } .sheet-rolltemplate-simple .sheet-title, .sheet-rolltemplate-initiative .sheet-title, .sheet-rolltemplate-distance .sheet-title, .sheet-rolltemplate-contact .sheet-title, .sheet-rolltemplate-autre .sheet-title, .sheet-rolltemplate-nods .sheet-title, .sheet-rolltemplate-priest .sheet-title, .sheet-rolltemplate-rogueDistance .sheet-title, .sheet-rolltemplate-rogueContact .sheet-title, .sheet-rolltemplate-sorcerer .sheet-title, .sheet-rolltemplate-wizard .sheet-title, .sheet-rolltemplate-grenade .sheet-title, .sheet-rolltemplate-druid .sheet-title, .sheet-rolltemplate-druidCombat .sheet-title, .sheet-rolltemplate-ranger .sheet-title { color:white; } .sheet-rolltemplate-simple .sheet-body, .sheet-rolltemplate-initiative .sheet-body, .sheet-rolltemplate-distance .sheet-body, .sheet-rolltemplate-contact .sheet-body, .sheet-rolltemplate-autre .sheet-body, .sheet-rolltemplate-nods .sheet-body, .sheet-rolltemplate-priest .sheet-body, .sheet-rolltemplate-rogueDistance .sheet-body, .sheet-rolltemplate-rogueContact .sheet-body, .sheet-rolltemplate-sorcerer .sheet-body, .sheet-rolltemplate-wizard .sheet-body, .sheet-rolltemplate-grenade .sheet-body, .sheet-rolltemplate-druid .sheet-body, .sheet-rolltemplate-druidCombat .sheet-body, .sheet-rolltemplate-ranger .sheet-body { background-color:#CEECF5; } .sheet-rolltemplate-simple .sheet-center, .sheet-rolltemplate-initiative .sheet-center, .sheet-rolltemplate-distance .sheet-center, .sheet-rolltemplate-contact .sheet-center, .sheet-rolltemplate-autre .sheet-center, .sheet-rolltemplate-nods .sheet-center, .sheet-rolltemplate-priest .sheet-center, .sheet-rolltemplate-rogueDistance .sheet-center, .sheet-rolltemplate-rogueContact .sheet-center, .sheet-rolltemplate-sorcerer .sheet-center, .sheet-rolltemplate-wizard .sheet-center, .sheet-rolltemplate-grenade .sheet-center, .sheet-rolltemplate-druid .sheet-center, .sheet-rolltemplate-druidCombat .sheet-center, .sheet-rolltemplate-ranger .sheet-center { text-align:center; } .sheet-rolltemplate-simple .inlinerollresult, .sheet-rolltemplate-initiative .inlinerollresult, .sheet-rolltemplate-distance .inlinerollresult, .sheet-rolltemplate-contact .inlinerollresult, .sheet-rolltemplate-autre .inlinerollresult, .sheet-rolltemplate-nods .inlinerollresult, .sheet-rolltemplate-priest .inlinerollresult, .sheet-rolltemplate-rogueDistance .inlinerollresult, .sheet-rolltemplate-rogueContact .inlinerollresult, .sheet-rolltemplate-sorcerer .inlinerollresult, .sheet-rolltemplate-wizard .inlinerollresult, .sheet-rolltemplate-grenade .inlinerollresult, .sheet-rolltemplate-druid .inlinerollresult, .sheet-rolltemplate-druidCombat .inlinerollresult, .sheet-rolltemplate-ranger .inlinerollresult { background-color: transparent; border: none; } .sheet-rolltemplate-simple .inlinerollresult.fullcrit, .sheet-rolltemplate-initiative .inlinerollresult.fullcrit, .sheet-rolltemplate-distance .inlinerollresult.fullcrit, .sheet-rolltemplate-contact .inlinerollresult.fullcrit, .sheet-rolltemplate-autre .inlinerollresult.fullcrit, .sheet-rolltemplate-nods .inlinerollresult.fullcrit, .sheet-rolltemplate-priest .inlinerollresult.fullcrit, .sheet-rolltemplate-rogueDistance .inlinerollresult.fullcrit, .sheet-rolltemplate-rogueContact .inlinerollresult.fullcrit, .sheet-rolltemplate-sorcerer .inlinerollresult.fullcrit, .sheet-rolltemplate-wizard .inlinerollresult.fullcrit, .sheet-rolltemplate-grenade .inlinerollresult.fullcrit, .sheet-rolltemplate-druid .inlinerollresult.fullcrit, .sheet-rolltemplate-druidCombat .inlinerollresult.fullcrit, .sheet-rolltemplate-ranger .inlinerollresult.fullcrit { border: none; } .sheet-rolltemplate-simple .inlinerollresult.fullfail, .sheet-rolltemplate-initiative .inlinerollresult.fullfail, .sheet-rolltemplate-distance .inlinerollresult.fullfail, .sheet-rolltemplate-contact .inlinerollresult.fullfail, .sheet-rolltemplate-autre .inlinerollresult.fullfail, .sheet-rolltemplate-nods .inlinerollresult.fullfail, .sheet-rolltemplate-priest .inlinerollresult.fullfail, .sheet-rolltemplate-rogueDistance .inlinerollresult.fullfail, .sheet-rolltemplate-rogueContact .inlinerollresult.fullfail, .sheet-rolltemplate-sorcerer .inlinerollresult.fullfail, .sheet-rolltemplate-wizard .inlinerollresult.fullfail, .sheet-rolltemplate-grenade .inlinerollresult.fullfail, .sheet-rolltemplate-druid .inlinerollresult.fullfail, .sheet-rolltemplate-druidCombat .inlinerollresult.fullfail, .sheet-rolltemplate-ranger .inlinerollresult.fullfail { border: none; } .sheet-rolltemplate-simple .inlinerollresult.importantroll, .sheet-rolltemplate-initiative .inlinerollresult.importantroll, .sheet-rolltemplate-distance .inlinerollresult.importantroll, .sheet-rolltemplate-contact .inlinerollresult.importantroll, .sheet-rolltemplate-autre .inlinerollresult.importantroll, .sheet-rolltemplate-nods .inlinerollresult.importantroll, .sheet-rolltemplate-priest .inlinerollresult.importantroll, .sheet-rolltemplate-rogueDistance .inlinerollresult.importantroll, .sheet-rolltemplate-rogueContact .inlinerollresult.importantroll, .sheet-rolltemplate-sorcerer .inlinerollresult.importantroll, .sheet-rolltemplate-wizard .inlinerollresult.importantroll, .sheet-rolltemplate-grenade .inlinerollresult.importantroll, .sheet-rolltemplate-druid .inlinerollresult.importantroll, .sheet-rolltemplate-druidCombat .inlinerollresult.importantroll, .sheet-rolltemplate-ranger .inlinerollresult.importantroll { border: none; } .sheet-test .repcontrol .btn { display:none; }