input[type="number"] { width:30px; text-align:center; } 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[type="text"] { width:150px; } input[type="text"].sheet-long { width:100%; } input[type="number"].sheet-long { width:100%; } input[type="date"] { width:130px; } select { margin:0px; width:100% !important; } h1 { font-family:verdana, sans-serif; font-size:150%; color:navy; background-color:transparent; text-align:center; } h2 { font-family:verdana, sans-serif; font-size:100%; color:maroon; background-color:transparent; text-align:left; margin:10px; } h3 { font-family:verdana, sans-serif; font-size:100%; color:black; background-color:transparent; text-align:left; } textarea { margin:0px; padding:0px; } div.sheet-overflow { overflow:auto; } .sheet-inlineTable { display:inline-table; vertical-align:top; } .sheet-top { vertical-align:top; } .sheet-paddingLeft5px { padding-left:11px !important; } .sheet-dBleu { background-color:blue; color:white; } .sheet-CSSTableLeft { float:left; } .sheet-CSSTableRight { float:right; } .sheet-CSSTable { border:1px solid black; } .sheet-CSSTable th { font-size: 1.3em; font-weight:normal; } .sheet-CSSTable tr { vertical-align:middle; text-align:left; font-size:12px; padding:5px; font-family:Trebuchet MS; font-weight:normal; color:#000000; } .sheet-CSSTable td, .sheet-CSSTable th { text-align:left; padding-right:2px; padding-left:2px; } .sheet-CSSTable tr:nth-child(even) { background-color:Silver; } .sheet-CSSTable tr:nth-child(odd) { background-color:DarkGray ; } .sheet-CSSTable td:nth-child(odd) { border-left:1px solid black; } .sheet-CSSTableComp { border:1px solid black; } .sheet-CSSTableComp th { font-size: 1.3em; font-weight:normal; } .sheet-CSSTableComp tr { vertical-align:middle; text-align:left; font-size:12px; padding:5px; font-family:Trebuchet MS; font-weight:normal; color:#000000; } .sheet-CSSTableComp td, .sheet-CSSTableComp th { text-align:left; padding-right:2px; padding-left:2px; } .sheet-CSSTableComp tr:nth-child(even) { background-color:Silver; } .sheet-CSSTableComp tr:nth-child(odd) { background-color:DarkGray ; } .sheet-CSSTableHeader { border-collapse:unset; } .sheet-CSSTableHeader th { font-size: 1.3em; font-weight:normal; } .sheet-CSSTableHeader tr { vertical-align:middle; text-align:left; font-size:12px; padding:5px; font-family:Trebuchet MS; font-weight:normal; color:#000000; } .sheet-CSSTableHeader td, .sheet-CSSTableHeader th { text-align:left; padding-right:2px; padding-left:2px; border-right:1px solid black; border-left:1px solid black; } .sheet-CSSTableHeader th:first-child { background-color:Silver; border-top-left-radius:30px; border-top-right-radius:30px; text-align:center; font-weight:bold; } .sheet-CSSTableHeader tr { background-color:DarkGray; } .sheet-CSSTableInventaire { border-collapse:unset; border-bottom:1px solid black; } .sheet-CSSTableInventaire th { font-size: 1.3em; text-align:center; font-weight:bold; } .sheet-CSSTableInventaire tr { vertical-align:middle; text-align:left; font-size:12px; padding:5px; font-family:Trebuchet MS; font-weight:normal; color:#000000; } .sheet-CSSTableInventaire tr:nth-child(odd) { background-color:Silver; } .sheet-CSSTableInventaire tr:nth-child(even) { background-color:DarkGray ; } .sheet-CSSTableInventaire td, .sheet-CSSTableInventaire th { padding-right:2px; padding-left:2px; } .sheet-CSSTableInventaire td.sheet-bRight, .sheet-CSSTableInventaire th.sheet-bRight { border-right:1px solid black; } .sheet-CSSTableInventaire td.sheet-bLeft, .sheet-CSSTableInventaire th.sheet-bLeft { border-left:1px solid black; } .sheet-CSSTableInventaire tr.sheet-header, .sheet-CSSTableInventaire tr.sheet-bottom { background-color:transparent !important; } .sheet-CSSTableInventaire th.sheet-header { background-color:Silver; border-top-left-radius:30px; border-top-right-radius:30px; border-right:1px solid black; border-left:1px solid black; border-top:1px solid black; } .sheet-CSSTableInventaire th.sheet-bottom { background-color:Silver; border-bottom-left-radius:30px; border-bottom-right-radius:30px; border-right:1px solid black; border-left:1px solid black; border-bottom:1px solid black; } .sheet-CSSTablePRepeat { padding:0px !important; } .sheet-CSSTableLangueRepeat td { border:0px; } .sheet-CSSTableCarac { margin-top:10px !important; border:1px solid black; margin:auto; } .sheet-CSSTableCarac th { font-size: 1.3em; font-weight:normal; } .sheet-CSSTableCarac tr { vertical-align:middle; text-align:left; font-size:12px; padding:5px; font-family:Trebuchet MS; font-weight:normal; color:#000000; } .sheet-CSSTableCarac td, .sheet-CSSTableCarac th { text-align:center; width:14%; } .sheet-CSSTableCarac td:nth-child(even), .sheet-CSSTableCarac th:nth-child(even) { background-color:Silver; } .sheet-CSSTableCarac td:nth-child(odd), .sheet-CSSTableCarac th:nth-child(odd) { background-color:DarkGray ; } .sheet-CSSTableSI { width:calc(100% - 200px) !important; } .sheet-CSSTableStat { margin:0px;padding:0px; width:100%; border:1px solid #000000; } .sheet-CSSTableStat table { border-collapse: collapse; border-spacing: 0; width:100%; height:100%; margin:0px; padding:0px; } .sheet-CSSTableStatRepeat { border-collapse: collapse; border-spacing: 0; width:100%; height:100%; margin:0px; padding:0px; } .sheet-CSSTableStatRepeat tr, .sheet-CSSTableStatRepeat td { vertical-align:middle; border:1px solid #000000; border-width:0px 1px 1px 1px; text-align:center; padding:6px; font-size:14px; font-family:Trebuchet MS; font-weight:normal; color:#000000; } .sheet-CSSTableNoTop { border-top-width:0px; } .sheet-CSSTableNoBottom { border-bottom-width:0px; } .sheet-height170px { height:170px; } .sheet-width100 { width:100%; } .sheet-width90 { width:90%; } .sheet-width70 { width:70%; } .sheet-width50 { width:50%; } .sheet-width49 { width:49%; } .sheet-width45 { width:45%; } .sheet-width30 { width:30%; } .sheet-width20 { width:20%; } .sheet-width65px { width:65px; } .sheet-height90px { height:90px; } .sheet-center { text-align:center; } .sheet-marginCenter { margin:auto; } .sheet-marginTop10 { margin-top:10px; } .sheet-marginBottom10 { margin-bottom:10px; } .sheet-CSSTableStat tr:nth-child(odd) { background-color:#e5e5e5; } .sheet-CSSTableStat tr:nth-child(even) { background-color:transparent; } .sheet-CSSTableStat td { vertical-align:middle; border:1px solid #000000; border-width:0px 1px 1px 0px; text-align:center; padding:6px; font-size:14px; font-family:Trebuchet MS; font-weight:normal; color:#000000; } .sheet-CSSTableStat tr:last-child td { border-width:0px 1px 0px 0px; } .sheet-CSSTableStat tr td:last-child { border-width:0px 0px 1px 0px; } .sheet-CSSTableStat tr:last-child td:last-child { border-width:0px 0px 0px 0px; } .sheet-CSSTableStat tr:first-child td { background:-o-linear-gradient(bottom, #4c4c4c 5%, #000000 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4c4c4c), color-stop(1, #000000) ); background:-moz-linear-gradient( center top, #4c4c4c 5%, #000000 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#4c4c4c", endColorstr="#000000"); background: -o-linear-gradient(top,#4c4c4c,000000); background-color:#4c4c4c; border:0px solid #000000; text-align:center; border-width:0px 0px 1px 1px; font-size:14px; font-family:Trebuchet MS; font-weight:bold; color:#ffffff; } .sheet-CSSTableStat tr:first-child:hover td { background:-o-linear-gradient(bottom, #4c4c4c 5%, #000000 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4c4c4c), color-stop(1, #000000) ); background:-moz-linear-gradient( center top, #4c4c4c 5%, #000000 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#4c4c4c", endColorstr="#000000"); background: -o-linear-gradient(top,#4c4c4c,000000); background-color:#4c4c4c; } .sheet-CSSTableStat tr:first-child td:first-child { border-width:0px 0px 1px 0px; } .sheet-CSSTableStat tr:first-child td:last-child { border-width:0px 0px 1px 1px; } input.sheet-cButton { height: 22px; cursor: pointer; z-index: 1; opacity: 0; position:relative; } input.sheet-cButton + span::before { content: attr(title); text-align: center; display: inline-block; height: 20px; position:relative; font-size: 14px; font-weight:bold; border:1px solid black; box-shadow: 2px 2px 3px 0px #000000; background: Silver; } input.sheet-cButton:checked + span::before { box-shadow: 0px 0px 7px 0px #000000 inset; } input.sheet-buttonStage:checked ~ table.sheet-stages, input.sheet-buttonContact:checked ~ table.sheet-contact { display:table; } table.sheet-stages, table.sheet-contact { display:none; } .sheet-width40px { width:40px; } input.sheet-width40px + span::before { width:38px; margin-left:-40px; } .sheet-width40px { width:40px; } .sheet-width80px { width:80px; } input.sheet-width80px + span::before { width:78px; margin-left:-80px; } .sheet-width120px { width:120px; } input.sheet-width120px + span::before { width:118px; margin-left:-120px; } .sheet-width150px { width:150px; } input.sheet-width150px + span::before { width:148px; margin-left:-150px; } .sheet-noBorderBottom { border-bottom:none; } .sheet-mButton { height: 21px !important; position: relative; top: -8px; cursor: pointer; z-index: 1; opacity: 0; margin-top: 6px; margin-bottom: -10px; } .sheet-mButton + span::before { content: attr(title); text-align: center; display: inline-block; height: 20px; font-size: 14px; font-weight: bold; border: 1px solid black; position: relative; color: white; border-top-right-radius: 1em 1em; border-top-left-radius: 1em 1em; margin-bottom: -1px; background:-o-linear-gradient(bottom, #4c4c4c 5%, #000000 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4c4c4c), color-stop(1, #000000) ); background:-moz-linear-gradient( center top, #4c4c4c 5%, #000000 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#4c4c4c", endColorstr="#000000"); background: -o-linear-gradient(top,#4c4c4c,000000); background-color:#4c4c4c; } .sheet-mButtonNext250 { left:-2px; } .sheet-mButtonNext250 + span::before { margin-left:-254px !important; } .sheet-mButtonNext200 { left:-6px; } .sheet-mButtonNext200 + span::before { margin-left:-206px !important; } .sheet-mButtonNext150_1 + span::before { margin-left:-156px !important; } .sheet-mButtonNext150_1 { left:-4px; } .sheet-mButtonNext150_2 + span::before { margin-left:-158px !important; } .sheet-mButtonNext150_2 { left:-7px; } .sheet-mButtonNext125_1 + span::before { margin-left:-135px !important; } .sheet-mButtonNext125_1 { left:-10px; } .sheet-mButton:checked + span::before { border-bottom: 1px solid darkgray; background: transparent repeating-linear-gradient(DimGray, Gray, DarkGray) repeat scroll 0% 0% !important; } .sheet-mButtonW125 { width: 125px; } .sheet-mButtonW125 + span::before { width: 125px; margin-left: -125px; } .sheet-mButtonW150 { width: 150px; } .sheet-mButtonW150 + span::before { width: 150px; margin-left: -150px; } .sheet-mButtonW200 { width: 200px; } .sheet-mButtonW200 + span::before { width: 200px; margin-left: -200px; } .sheet-mButtonW250 { width: 250px; } .sheet-mButtonW250 + span::before { width: 250px; margin-left: -250px; } input.sheet-m1:checked ~ div.sheet-m1, input.sheet-m2:checked ~ div.sheet-m2, input.sheet-m3:checked ~ div.sheet-m3, input.sheet-m4:checked ~ div.sheet-m4, input.sheet-m5:checked ~ div.sheet-m5, input.sheet-m6:checked ~ div.sheet-m6 { display:block; } div.sheet-menu { display:none; background: transparent repeating-linear-gradient(DarkGray, Gray, DimGray) repeat scroll 0% 0%; border: 1px solid black; border-bottom-right-radius: 30px; border-bottom-left-radius: 30px; border-top-right-radius: 10px; padding-bottom: 10px; padding-right: 10px; padding-left: 10px; overflow:auto; min-width:818px; } button[type=roll].sheet-carac-button::before { font-family: Trebuchet MS; content: ''; width:100%; } button[type=roll].sheet-carac-button { width:100%; margin:0px !important; } /*TEMPLATES*/ .sheet-rolltemplate-base table tr.sheet-header, .sheet-rolltemplate-base table tr.sheet-bottom, .sheet-rolltemplate-armement table tr.sheet-header, .sheet-rolltemplate-armement table tr.sheet-bottom, .sheet-rolltemplate-protection table tr.sheet-header, .sheet-rolltemplate-protection table tr.sheet-bottom { background-color:transparent !important; } .sheet-rolltemplate-base table th.sheet-header, .sheet-rolltemplate-armement table th.sheet-header, .sheet-rolltemplate-protection table th.sheet-header { background-color:Silver; border-top-left-radius:30px; border-top-right-radius:30px; border-right:1px solid black; border-left:1px solid black; border-top:1px solid black; } .sheet-rolltemplate-base table td.sheet-bottom, .sheet-rolltemplate-armement table td.sheet-bottom, .sheet-rolltemplate-protection table td.sheet-bottom { border-bottom-left-radius:30px; border-bottom-right-radius:30px; border-right:1px solid black; border-left:1px solid black; border-bottom:1px solid black; height:15px; } .sheet-rolltemplate-base table, .sheet-rolltemplate-armement table, .sheet-rolltemplate-protection table { border-collapse:unset; width:100%; } .sheet-rolltemplate-base table th, .sheet-rolltemplate-armement table th, .sheet-rolltemplate-protection table th { font-size: 1.3em; text-align:center; font-weight:bold; } .sheet-rolltemplate-base table tr, .sheet-rolltemplate-armement table tr, .sheet-rolltemplate-protection table tr { vertical-align:middle; text-align:left; font-size:12px; padding:5px; font-family:Trebuchet MS; font-weight:normal; color:#000000; } .sheet-rolltemplate-base table th, .sheet-rolltemplate-armement table th, .sheet-rolltemplate-protection table th { border-left:1px solid black; border-right:1px solid black; } .sheet-rolltemplate-base table td:nth-child(odd), .sheet-rolltemplate-base table th:nth-child(odd), .sheet-rolltemplate-armement table td:nth-child(odd), .sheet-rolltemplate-armement table th:nth-child(odd), .sheet-rolltemplate-protection table td:nth-child(odd), .sheet-rolltemplate-protection table th:nth-child(odd) { border-left:1px solid black; } .sheet-rolltemplate-base table td:nth-child(even), .sheet-rolltemplate-armement table td:nth-child(even), .sheet-rolltemplate-protection table td:nth-child(even) { border-right:1px solid black; width:30%; text-align:center !important; } .sheet-rolltemplate-base table tr:nth-child(odd) td, .sheet-rolltemplate-base table tr:nth-child(odd) th, .sheet-rolltemplate-armement table tr:nth-child(odd) td, .sheet-rolltemplate-armement table tr:nth-child(odd) th, .sheet-rolltemplate-protection table tr:nth-child(odd) td, .sheet-rolltemplate-protection table tr:nth-child(odd) th { background-color:Silver; } .sheet-rolltemplate-base table tr:nth-child(even) td, .sheet-rolltemplate-base table tr:nth-child(even) th, .sheet-rolltemplate-armement table tr:nth-child(even) td, .sheet-rolltemplate-armement table tr:nth-child(even) th, .sheet-rolltemplate-protection table tr:nth-child(even) td, .sheet-rolltemplate-protection table tr:nth-child(even) th { background-color:DarkGray; } .sheet-rolltemplate-base table td, .sheet-rolltemplate-base table th, .sheet-rolltemplate-armement table td, .sheet-rolltemplate-armement table th, .sheet-rolltemplate-protection table td, .sheet-rolltemplate-protection table th { padding-right:2px; padding-left:2px; } .sheet-rolltemplate-base .inlinerollresult, .sheet-rolltemplate-armement .inlinerollresult, .sheet-rolltemplate-protection .inlinerollresult { background-color: transparent; border: none; } .sheet-rolltemplate-base .inlinerollresult.fullcrit, .sheet-rolltemplate-armement .inlinerollresult.fullcrit , .sheet-rolltemplate-protection .inlinerollresult.fullcrit { border: none; } .sheet-rolltemplate-base .inlinerollresult.fullfail, .sheet-rolltemplate-armement .inlinerollresult.fullfail, .sheet-rolltemplate-protection .inlinerollresult.fullfail { border: none; } .sheet-rolltemplate-base .inlinerollresult.importantroll, .sheet-rolltemplate-armement .inlinerollresult.importantroll, .sheet-rolltemplate-protection .inlinerollresult.importantroll { border: none; } .sheet-rolltemplate-base .sheet-CSSTablePRepeat, .sheet-rolltemplate-armement .sheet-CSSTablePRepeat, .sheet-rolltemplate-protection .sheet-CSSTablePRepeat { padding:0px !important; } .sheet-rolltemplate-base .sheet-width50, .sheet-rolltemplate-armement .sheet-width50, .sheet-rolltemplate-protection .sheet-width50 { width:50%; }