.charsheet { background-color: #ffffff; color: #838684; } table { width:100%; border:0px; background-color:#63AFF9; box-shadow: 6px 6px 12px black; color:#000000; } th { font-weight:bold; border:0px; font-size:small; color:#000000; text-align: center; } td { border:0px; } h1 { color:#000000; } input { width:100%; } 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; } 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 { display: block; } 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 blue; border-top-left-radius: 3em 3em; border-top-right-radius: 3em 3em; border-bottom-right-radius: 3em 3em; border-bottom-left-radius: 3em 3em; box-shadow: 3px 3px 6px blue; position: relative; background: #63AFF9; color:#000000; } textarea { border:none; width:100%; height: 75px; padding:0px; text-align:justify; } input.sheet-tab:checked + span::before { background: #ffffff; box-shadow: 0px 0px 7px 0px white inset; } input[type=checkbox].sheet-tab1, input[type=checkbox].sheet-tab2, input[type=checkbox].sheet-tab3 { display: none; } input.sheet-option { width:21px; height: 21px; cursor: pointer; z-index: 1; opacity: 0; float:right; margin:0px; } input.sheet-option.sheet-title, input.sheet-option.sheet-title+ span { margin-top:5px; } input.sheet-option+ span { float:right; margin-right:-21px; text-align: center; display: inline-block; width: 21px; height:21px; } input.sheet-option+ span::before { font-family: "pictos"; content: 'y'; color:black; text-shadow: 2px 2px 2px #99CCFF; font-size: 20px; opacity: 0; } input.sheet-option:checked+ span::before { color:#99CCFF; text-shadow: 2px 2px 2px #555555; opacity: 1; } span.sheet-option::before { opacity: 0; } tr:hover > td span.sheet-option::before, { opacity: 1; } tr.sheet-talent1, tr.sheet-talent2, tr.sheet-talent3, tr.sheet-talent4, tr.sheet-talent5, tr.sheet-talent6, tr.sheet-talent7, tr.sheet-talent8, tr.sheet-talent9, tr.sheet-talent10, tr.sheet-talent11, tr.sheet-talent12, tr.sheet-talent13, tr.sheet-talent14, tr.sheet-talent15, tr.sheet-talent16, tr.sheet-talent17, tr.sheet-talent18, tr.sheet-talent19, tr.sheet-talent20, tr.sheet-talent21, tr.sheet-talent22, tr.sheet-talent23, tr.sheet-talent24, tr.sheet-talent25, tr.sheet-talent26, tr.sheet-talent27, tr.sheet-talent28, tr.sheet-talent29, tr.sheet-talent30, tr.sheet-talent31, tr.sheet-talent32, tr.sheet-talent33, tr.sheet-talent34, tr.sheet-talent35, tr.sheet-talent36, tr.sheet-talent37, tr.sheet-talent38, tr.sheet-talent39, tr.sheet-talent40, tr.sheet-talent41, tr.sheet-talent42, tr.sheet-talent43, tr.sheet-talent44, tr.sheet-talent45, tr.sheet-talent46, tr.sheet-talent47, tr.sheet-talent48, tr.sheet-talent49, tr.sheet-talent50, tr.sheet-talent51 { display: none; border-top-color: #DADADA; margin: 2px 0 0 0; background-color:#9BD0FE; } input.sheet-option1:checked ~ table tr.sheet-talent1, input.sheet-option2:checked ~ table tr.sheet-talent2, input.sheet-option3:checked ~ table tr.sheet-talent3, input.sheet-option4:checked ~ table tr.sheet-talent4, input.sheet-option5:checked ~ table tr.sheet-talent5, input.sheet-option6:checked ~ table tr.sheet-talent6, input.sheet-option7:checked ~ table tr.sheet-talent7, input.sheet-option8:checked ~ table tr.sheet-talent8, input.sheet-option9:checked ~ table tr.sheet-talent9, input.sheet-option10:checked ~ table tr.sheet-talent10, input.sheet-option11:checked ~ table tr.sheet-talent11, input.sheet-option12:checked ~ table tr.sheet-talent12, input.sheet-option13:checked ~ table tr.sheet-talent13, input.sheet-option14:checked ~ table tr.sheet-talent14, input.sheet-option15:checked ~ table tr.sheet-talent15, input.sheet-option16:checked ~ table tr.sheet-talent16, input.sheet-option17:checked ~ table tr.sheet-talent17, input.sheet-option18:checked ~ table tr.sheet-talent18, input.sheet-option19:checked ~ table tr.sheet-talent19, input.sheet-option20:checked ~ table tr.sheet-talent20, input.sheet-option21:checked ~ table tr.sheet-talent21, input.sheet-option22:checked ~ table tr.sheet-talent22, input.sheet-option23:checked ~ table tr.sheet-talent23, input.sheet-option24:checked ~ table tr.sheet-talent24, input.sheet-option25:checked ~ table tr.sheet-talent25, input.sheet-option26:checked ~ table tr.sheet-talent26, input.sheet-option27:checked ~ table tr.sheet-talent27, input.sheet-option28:checked ~ table tr.sheet-talent28, input.sheet-option29:checked ~ table tr.sheet-talent29, input.sheet-option30:checked ~ table tr.sheet-talent30, input.sheet-option31:checked ~ table tr.sheet-talent31, input.sheet-option32:checked ~ table tr.sheet-talent32, input.sheet-option33:checked ~ table tr.sheet-talent33, input.sheet-option34:checked ~ table tr.sheet-talent34, input.sheet-option35:checked ~ table tr.sheet-talent35, input.sheet-option36:checked ~ table tr.sheet-talent36, input.sheet-option37:checked ~ table tr.sheet-talent37, input.sheet-option38:checked ~ table tr.sheet-talent38, input.sheet-option39:checked ~ table tr.sheet-talent39, input.sheet-option40:checked ~ table tr.sheet-talent40, input.sheet-option41:checked ~ table tr.sheet-talent41, input.sheet-option42:checked ~ table tr.sheet-talent42, input.sheet-option43:checked ~ table tr.sheet-talent43, input.sheet-option44:checked ~ table tr.sheet-talent44, input.sheet-option45:checked ~ table tr.sheet-talent45, input.sheet-option46:checked ~ table tr.sheet-talent46, input.sheet-option47:checked ~ table tr.sheet-talent47, input.sheet-option48:checked ~ table tr.sheet-talent48, input.sheet-option49:checked ~ table tr.sheet-talent49, input.sheet-option50:checked ~ table tr.sheet-talent50, input.sheet-option51:checked ~ table tr.sheet-talent51 { display: table-row; } input.sheet-option1:checked ~ table tr.sheet-compact, input.sheet-option2:checked ~ table tr.sheet-compact, input.sheet-option3:checked ~ table tr.sheet-compact, input.sheet-option4:checked ~ table tr.sheet-compact, input.sheet-option5:checked ~ table tr.sheet-compact, input.sheet-option6:checked ~ table tr.sheet-compact, input.sheet-option7:checked ~ table tr.sheet-compact, input.sheet-option8:checked ~ table tr.sheet-compact, input.sheet-option9:checked ~ table tr.sheet-compact, input.sheet-option10:checked ~ table tr.sheet-compact, input.sheet-option11:checked ~ table tr.sheet-compact, input.sheet-option12:checked ~ table tr.sheet-compact, input.sheet-option13:checked ~ table tr.sheet-compact, input.sheet-option14:checked ~ table tr.sheet-compact, input.sheet-option15:checked ~ table tr.sheet-compact, input.sheet-option16:checked ~ table tr.sheet-compact, input.sheet-option17:checked ~ table tr.sheet-compact, input.sheet-option18:checked ~ table tr.sheet-compact, input.sheet-option19:checked ~ table tr.sheet-compact, input.sheet-option20:checked ~ table tr.sheet-compact, input.sheet-option21:checked ~ table tr.sheet-compact, input.sheet-option22:checked ~ table tr.sheet-compact, input.sheet-option23:checked ~ table tr.sheet-compact, input.sheet-option24:checked ~ table tr.sheet-compact, input.sheet-option25:checked ~ table tr.sheet-compact, input.sheet-option26:checked ~ table tr.sheet-compact, input.sheet-option27:checked ~ table tr.sheet-compact, input.sheet-option28:checked ~ table tr.sheet-compact, input.sheet-option29:checked ~ table tr.sheet-compact, input.sheet-option30:checked ~ table tr.sheet-compact, input.sheet-option31:checked ~ table tr.sheet-compact, input.sheet-option32:checked ~ table tr.sheet-compact, input.sheet-option33:checked ~ table tr.sheet-compact, input.sheet-option34:checked ~ table tr.sheet-compact, input.sheet-option35:checked ~ table tr.sheet-compact, input.sheet-option36:checked ~ table tr.sheet-compact, input.sheet-option37:checked ~ table tr.sheet-compact, input.sheet-option38:checked ~ table tr.sheet-compact, input.sheet-option39:checked ~ table tr.sheet-compact, input.sheet-option40:checked ~ table tr.sheet-compact, input.sheet-option41:checked ~ table tr.sheet-compact, input.sheet-option42:checked ~ table tr.sheet-compact, input.sheet-option43:checked ~ table tr.sheet-compact, input.sheet-option44:checked ~ table tr.sheet-compact, input.sheet-option45:checked ~ table tr.sheet-compact, input.sheet-option46:checked ~ table tr.sheet-compact, input.sheet-option47:checked ~ table tr.sheet-compact, input.sheet-option48:checked ~ table tr.sheet-compact, input.sheet-option49:checked ~ table tr.sheet-compact, input.sheet-option50:checked ~ table tr.sheet-compact, input.sheet-option51:checked ~ table tr.sheet-compact { display: none; } .sheet-competences { vertical-align: top; padding: 0px; } .sheet-look { text-align: center; } .repcontrol_add, .repcontrol_move { float:left; } .sheet-rolltemplate-lyc table, .sheet-rolltemplate-lyc2 table { width:100%; } .sheet-rolltemplate-lyc .sheet-titre, .sheet-rolltemplate-lyc2 .sheet-titre { width:100%; border:2px black; background-color:#63AFF9; box-shadow: 6px 6px 12px blue; color:#FFFFFF; } .sheet-rolltemplate-lyc th, .sheet-rolltemplate-lyc2 th { text-align: center; } .sheet-rolltemplate-lyc .sheet-jet, .sheet-rolltemplate-lyc2 .sheet-jet { width:100%; border:2px black; background-color:#FFFFFF; box-shadow: 6px 6px 12px blue; color:#000000; text-align: center; } .sheet-rolltemplate-lyc .inlinerollresult, .sheet-rolltemplate-lyc2 .inlinerollresult { display: inline-block; min-width: 1.5em; text-align: center; border: none; background-color: Transparent; } .sheet-rolltemplate-lyc .inlinerollresult.fullcrit, .sheet-rolltemplate-lyc2 .inlinerollresult.fullcrit{ border: none; } .sheet-rolltemplate-lyc .inlinerollresult.fullfail, .sheet-rolltemplate-lyc2 .inlinerollresult.fullfail{ border: none; } .sheet-rolltemplate-lyc .inlinerollresult.importantroll, .sheet-rolltemplate-lyc2 .inlinerollresult.importantroll{ border: none; }