From 5d57e8a8eca8bd3e131499de4e417afa3d462d62 Mon Sep 17 00:00:00 2001 From: Zakarik Date: Wed, 10 Apr 2019 23:19:37 +0200 Subject: [PATCH] [COPS] Sheet's Redesign / Bug fix / add functionality (#4911) * [COPS] Redesign + Bugfix + Add functionality * [COPS] Add Tipeee --- COPS/COPS.css | 2476 +++++++++++++++++++++++------------ COPS/COPS.html | 3342 ++++++++++++++++++++++++----------------------- COPS/sheet.json | 3 +- 3 files changed, 3394 insertions(+), 2427 deletions(-) diff --git a/COPS/COPS.css b/COPS/COPS.css index 62572897c6..c29cb88809 100644 --- a/COPS/COPS.css +++ b/COPS/COPS.css @@ -1,6 +1,12 @@ +.charsheet +{ + color:black; + font-family: Trebuchet MS; + min-width: 823px; +} + input[type="number"] { - width:30px; text-align:center; } @@ -16,58 +22,9 @@ 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 @@ -76,919 +33,1834 @@ textarea padding:0px; } -div.sheet-overflow +label { - overflow:auto; + margin:0px; + padding:0px; } -.sheet-inlineTable +h4 { - display:inline-table; - vertical-align:top; + width:100%; + color:black; + justify-content:center; + align-items:center; + height:30px; } -.sheet-top +h3 { - vertical-align:top; + width:100%; + color:black; + justify-content:center; + align-items:center; + height:30px; } -.sheet-paddingLeft5px +div, span, label, h2, h3, h4 { - padding-left:11px !important; + display:flex; + color:inherit; + font-family:inherit; } -.sheet-dBleu +div.repcontainer, +div.repitem, +div.repcontrol { - background-color:blue; - color:white; + display:block; + width:100%; } -.sheet-CSSTableLeft +div.repcontrol > button.btn { - float:left; + border-radius:0px; } -.sheet-CSSTableRight +label.sheet-options { - float:right; + width:25px; + height:25px; + position:absolute; } -.sheet-CSSTable +label.sheet-options > input[type="checkbox"] { - border:1px solid black; + position:absolute; + width:25px; + height:25px; + opacity:0; + cursor:pointer; + z-index:1; } -.sheet-CSSTable th +label.sheet-options > span { - font-size: 1.3em; - font-weight:normal; + width:100%; + height:25px; } -.sheet-CSSTable tr +label.sheet-options > span::before { - vertical-align:middle; - text-align:left; - font-size:12px; - padding:5px; - font-family:Trebuchet MS; - font-weight:normal; - color:#000000; + width: 100%; + height: 25px; + font-family: "Pictos"; + font-size: 25px; + content: 'y'; + margin-top: 2px; + text-shadow: 2px 2px silver; } -.sheet-CSSTable td, -.sheet-CSSTable th +label.sheet-options > input[type="checkbox"]:checked ~ span::before { - text-align:left; - padding-right:2px; - padding-left:2px; + text-shadow: none; } -.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 +input[type="hidden"].sheet-showOptions[value="1"] ~ div.sheet-options { - border:1px solid black; + display:flex; + position:absolute; + flex-wrap:wrap; } -.sheet-CSSTableComp th +div.sheet-options { - font-size: 1.3em; - font-weight:normal; + display:none; + width:500px; + border-radius:10px; + background:transparent repeating-linear-gradient(DarkGray, Gray, DimGray) repeat scroll 0% 0%; + padding-top: 10px; + padding-bottom: 10px; + margin-top: 15px; + margin-left: 15px; } -.sheet-CSSTableComp tr +div.sheet-options > label:nth-child(even) { - 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 -{ +div.sheet-options > label:nth-child(odd) +{ background-color:DarkGray; } -.sheet-CSSTableInventaire +div.sheet-options > label { - 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; + display:flex; + width:100%; + font-family:inherit; font-size:12px; - padding:5px; - font-family:Trebuchet MS; - font-weight:normal; - color:#000000; + padding-right:5px; + padding-left:5px; } -.sheet-CSSTableInventaire tr:nth-child(odd) -{ - background-color:Silver; -} - -.sheet-CSSTableInventaire tr:nth-child(even) -{ - background-color:DarkGray ; -} - -.sheet-CSSTableInventaire td, -.sheet-CSSTableInventaire th +div.sheet-options > label > span { - 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; + display:flex; + width:50%; + font-family:inherit; font-size:12px; - padding:5px; - font-family:Trebuchet MS; - font-weight:normal; - color:#000000; + align-items:center; } -.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% - 205px) !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 +div.sheet-options > label > select { + display:flex; width:50%; } -.sheet-width49 +.sheet-topHeader, +.sheet-bottomHeader { - width:49%; + width:calc(100% - 210px); + margin-left:auto; + border:1px solid black; + flex-wrap:wrap; } -.sheet-width45 +.sheet-topHeader > div, +.sheet-bottomHeader > div { - width:45%; + flex-wrap:wrap; + width:100%; + justify-content:space-between; + align-items:center; } -.sheet-width30 +.sheet-topHeader > div:nth-child(odd), +.sheet-bottomHeader > div > label > span:nth-child(odd) { - width:30%; + 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; + color:white; } -.sheet-width20 +.sheet-topHeader > div:nth-child(even) > label > span { - 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 +.sheet-topHeader > div > label { - border-width:0px 1px 0px 0px; + width:50%; + justify-content:space-between; + align-items:center; } -.sheet-CSSTableStat tr td:last-child +.sheet-topHeader > div > label:first-child { - border-width:0px 0px 1px 0px; + width:calc(50% - 1px); + border-right:1px solid black; } -.sheet-CSSTableStat tr:last-child td:last-child +.sheet-topHeader > div > label:not(:first-child) > span { - border-width:0px 0px 0px 0px; + width:106px; } -.sheet-CSSTableStat tr:first-child td +.sheet-topHeader > div > label > span { - 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; + width: 55px; + padding:5px; + justify-content:center; + align-items:center; + font-size: 14px; + font-weight: bold; + border-right:1px solid black; + height:28px; } -.sheet-CSSTableStat tr:first-child:hover td +.sheet-topHeader > div > label > input[type="text"] { - 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; + width: 100%; + margin:5px; } -.sheet-CSSTableStat tr:first-child td:first-child +.sheet-bottomHeader { - border-width:0px 0px 1px 0px; + border-top:0px; } -.sheet-CSSTableStat tr:first-child td:last-child +.sheet-bottomHeader > div > label { - border-width:0px 0px 1px 1px; + justify-content:center; } -input.sheet-cButton +.sheet-bottomHeader > div > label:nth-child(1) { - height: 22px; - cursor: pointer; - z-index: 1; - opacity: 0; + width:calc(14% - 1px); + border-right:1px solid black; + flex-wrap:wrap; +} + +.sheet-bottomHeader > div > label:nth-child(2) +{ + width:calc(12.5% - 1px); + border-right:1px solid black; + flex-wrap:wrap; +} + +.sheet-bottomHeader > div > label:nth-child(3) +{ + width:calc(24.5% - 1px); + border-right:1px solid black; + flex-wrap:wrap; + align-items:center; +} + +.sheet-bottomHeader > div > label:nth-child(4) +{ + width:calc(24.5% - 1px); + border-right:1px solid black; + flex-wrap:wrap; + align-items:center; +} + +.sheet-bottomHeader > div > label:nth-child(5) +{ + width:24.5%; + flex-wrap:wrap; + align-items:center; +} + +.sheet-bottomHeader > div > label > input[type="number"] +{ + width: 3.5em; + margin:5px; +} + +.sheet-bottomHeader > div > label > span +{ + width: 100%; + padding:5px; + justify-content:center; + align-items:center; + font-size: 14px; + font-weight: bold; + height:28px; +} + +.sheet-bottomHeader > div > label > span:last-child +{ + border-right:0px; +} + +.sheet-body +{ + width:100%; + margin-top:10px; + flex-wrap:wrap; +} + +input[type="hidden"].sheet-page[value="1"] ~ div.sheet-page1, +input[type="hidden"].sheet-page[value="2"] ~ div.sheet-page2, +input[type="hidden"].sheet-page[value="3"] ~ div.sheet-page3, +input[type="hidden"].sheet-page[value="4"] ~ div.sheet-page4, +input[type="hidden"].sheet-page[value="5"] ~ div.sheet-page5 +{ + display:flex; +} + +.sheet-menu +{ + width:100%; position:relative; + z-index:999; } -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 +.sheet-menu > label { width:150px; } -input.sheet-width150px + span::before +.sheet-menu > label > input[type="radio"] { - width:148px; - margin-left:-150px; + position:absolute; + width:150px; + height:20px; + opacity:0; } -.sheet-noBorderBottom +.sheet-menu > label > input[type="radio"]:checked ~ span::before { - 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; + border-bottom: 1px solid darkgray; background: transparent repeating-linear-gradient(DimGray, Gray, DarkGray) repeat scroll 0% 0% !important; } -.sheet-mButtonW125 +.sheet-menu > label:nth-child(1), +.sheet-menu > label:nth-child(5) { - width: 125px; + width:125px; } -.sheet-mButtonW125 + span::before +.sheet-menu > label:nth-child(1) > input[type="radio"], +.sheet-menu > label:nth-child(5) > input[type="radio"] { - width: 125px; - margin-left: -125px; + width:125px; } -.sheet-mButtonW150 +.sheet-menu > label:nth-child(2) { - width: 150px; + width:250px; } -.sheet-mButtonW150 + span::before +.sheet-menu > label:nth-child(2) > input[type="radio"] { - width: 150px; - margin-left: -150px; + width:250px; } -.sheet-mButtonW200 +.sheet-menu > label > span { - width: 200px; + width:100%; } -.sheet-mButtonW200 + span::before +.sheet-menu > label > span::before { - width: 200px; - margin-left: -200px; + width:100%; + content: attr(title); + text-align: center; + display: inline-block; + height: 20px; + font-size: 14px; + font-weight: bold; + border: 1px solid black; + color: white; + border-top-right-radius: 1em 1em; + border-top-left-radius: 1em 1em; + 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-mButtonW250 +.sheet-body > .sheet-content { - 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; + padding: 10px; + padding-top:11px; + overflow: auto; + flex-wrap:wrap; + justify-content:space-between; + position:relative; + z-index:0; + margin-top:-1px; + display:none; + width:100%; + align-items:baseline; } -button[type=roll].sheet-carac-button::before -{ - font-family: Trebuchet MS; +.sheet-ficheParcours, +.sheet-ficheIdentite +{ + width:calc(50% - 20px); + flex-wrap:wrap; + border:1px solid black; + background-color:Silver; +} + +.sheet-ficheParcours > div, +.sheet-ficheIdentite > div +{ + width:100%; +} + +.sheet-ficheIdentite > div:nth-child(odd), +.sheet-ficheIdentite > label:nth-child(odd), +.sheet-ficheParcours > div:nth-child(odd), +.sheet-ficheParcours > label:nth-child(odd) +{ + background-color: DarkGray; +} + +.sheet-ficheIdentite > div > label +{ + width:72%; +} + +.sheet-ficheIdentite > label > span, +.sheet-ficheIdentite > div > label > span +{ + width:148px; + font-size:15.6px; + padding-right:2px; + padding-left:2px; + align-items:center; + font-weight:normal; +} + +.sheet-ficheIdentite > label > input, +.sheet-ficheIdentite > div > label > input +{ + width:calc(100% - 152px); +} + + +.sheet-ficheIdentite > div > label:last-child +{ + width:28%; +} + +.sheet-ficheIdentite > div > label:last-child > span:first-child +{ + width:57px; + font-size:15.6px; + padding-right:2px; + align-items:center; + font-weight:normal; +} + +.sheet-ficheIdentite > div > label:last-child > input +{ + width:calc(100% - 60px); +} + +.sheet-ficheIdentite > div > label:last-child > span:last-child +{ + width:28px; + font-size:12px; + padding-right:0px; + padding-left:0px; + align-items:center; + font-weight:normal; +} + +.sheet-ficheIdentite > label, +.sheet-ficheParcours > label +{ + width:100%; +} + +.sheet-ficheParcours > div > label +{ + width:70%; +} + +.sheet-ficheParcours > div > label:last-child +{ + width:30%; +} + +.sheet-ficheParcours > div > label:last-child > span:first-child +{ + width:65px; + font-size:15.6px; + padding-right:2px; + align-items:center; + font-weight:normal; +} + +.sheet-ficheParcours > div > label:last-child > input[type="number"] +{ + width:calc(100% - 70px); +} + +.sheet-ficheParcours > label > span, +.sheet-ficheParcours > div > label > span +{ + width:130px; + font-size:15.6px; + padding-right:2px; + padding-left:2px; + align-items:center; + font-weight:normal; +} + +.sheet-ficheParcours > label > input, +.sheet-ficheParcours > div > label > input, +.sheet-ficheParcours > label > input[type="number"], +.sheet-ficheParcours > div > label > input[type="number"] +{ + width:calc(100% - 134px); +} + +.sheet-historique, +.sheet-langues +{ + width:calc(50% - 20px); + flex-wrap:wrap; + border:1px solid black; + border-top-left-radius: 30px; + border-top-right-radius: 30px; + background-color: Silver; + margin-top:10px; + align-self:flex-start; +} + +.sheet-historique > textarea +{ + width:100%; + height:170px; + border-top-left-radius: 5px; + border-top-right-radius: 5px; +} + +.sheet-langues > input[type="text"], +.sheet-langues > div > div > input[type="text"] +{ + width:100%; + display:flex; +} + +.sheet-langues > input[type="text"]:first-of-type +{ + border-top-left-radius: 5px; + border-top-right-radius: 5px; +} + +.sheet-lectDroit +{ + width:100%; + border:1px solid black; + flex-wrap:wrap; + border-top-left-radius: 30px; + border-top-right-radius: 30px; + background-color: Silver; + margin-top:10px; + align-self:flex-start; +} + +.sheet-lectDroit > p +{ + background-color: DarkGray; + padding:2px; + text-align:justify; + margin:0px; + border-top-left-radius: 5px; + border-top-right-radius: 5px; +} + +.sheet-carac +{ + width:90%; + border:1px solid black; + margin:auto; +} + +.sheet-carac > div +{ + width:14.28571428571429%; + flex-wrap:wrap; + background-color: Silver; +} + +.sheet-carac > div:nth-child(odd) +{ + background-color: DarkGray; +} + +.sheet-carac > div > button[type="roll"]::before +{ + font-family: inherit; content: ''; - width:100%; + width: 100%; } -button[type=roll].sheet-carac-button -{ - width:100%; +.sheet-carac > div > button[type="roll"] +{ + width: 100%; margin:0px !important; + font-size:15.6px; + border-radius:0px; } -/*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-carac > div > div +{ + width:100%; + justify-content:center; } -.sheet-rolltemplate-base table th.sheet-header, -.sheet-rolltemplate-armement table th.sheet-header, -.sheet-rolltemplate-protection table th.sheet-header -{ +.sheet-carac > div > div > input[type="number"] +{ + margin:auto; + text-align:center; + width:45.5px; +} + +.sheet-carac > div > div:last-of-type > input[type="number"] +{ + background-color:blue; + color:white; +} + +.sheet-comp +{ + width:100%; + margin-top:10px; + justify-content:space-between; + align-items:baseline; +} + +.sheet-comp > div +{ + width:calc(50% - 20px); + flex-wrap:wrap; + background-color:Silver; + border:1px solid black; +} + +.sheet-comp > div > div +{ + flex-wrap:wrap; + width:100%; +} + +.sheet-comp > div > div:nth-child(odd) +{ + background-color:DarkGray; +} + +.sheet-comp > div > div > div, +.sheet-comp > div > div > div.repcontainer > div.repitem > div +{ + width:100%; +} + +.sheet-comp > div > div > div > button[type="roll"], +.sheet-comp > div > div > div.repcontainer > div.repitem > div > button[type="roll"] +{ + margin:0px; + width:18px; + border-radius:0px; +} + +.sheet-comp > div > div > div > span, +.sheet-comp > div > div > div.repcontainer > div.repitem > div > span +{ + font-size:12px; + align-items:center; + width:calc(100% - 191px); +} + +.sheet-comp > div > div > div > select, +.sheet-comp > div > div > div.repcontainer > div.repitem > div > select, +.sheet-comp > div > div > div > input[type="text"], +.sheet-comp > div > div > div.repcontainer > div.repitem > div > input[type="text"] +{ + width:calc(100% - 192px); + border-radius:0px; +} + +.sheet-comp > div > div > div > input[type="number"], +.sheet-comp > div > div > div.repcontainer > div.repitem > div > input[type="number"] +{ + width:45.5px; + border-radius:0px; +} + +.sheet-comp > div > div > div > input[type="number"]:last-of-type, +.sheet-comp > div > div > div.repcontainer > div.repitem > div > input[type="number"]:last-of-type +{ + background-color:blue; + color:white; +} + +.sheet-comp > div > div > div > label, +.sheet-comp > div > div > div.repcontainer > div.repitem > div > label +{ + width:40px; +} + +.sheet-comp > div > div > div > label > input[type="checkbox"], +.sheet-comp > div > div > div.repcontainer > div.repitem > div > label > input[type="checkbox"] +{ + height: 28px; + cursor: pointer; + z-index: 1; + opacity: 0; + position: absolute; + width:36.3px; +} + +.sheet-comp > div > div > div > label > input[type="checkbox"] ~ span, +.sheet-comp > div > div > div.repcontainer > div.repitem > div > label > input[type="checkbox"] ~ span +{ + width:100%; +} + +.sheet-comp > div > div > div > label > input[type="checkbox"] ~ span::before, +.sheet-comp > div > div > div.repcontainer > div.repitem > div > label > input[type="checkbox"] ~ span::before +{ + content: attr(title); + text-align: center; + display: inline-block; + height: 26px; + position: relative; + font-size: 14px; + font-weight: bold; + border: 1px solid black; + box-shadow: 2px 2px 3px 0px #000000; + background: Silver; + width:100%; + line-height:26px; +} + +.sheet-comp > div > div > div > label > input[type="checkbox"]:checked ~ span::before, +.sheet-comp > div > div > div.repcontainer > div.repitem > div > label > input[type="checkbox"]:checked ~ span::before +{ + box-shadow: 0px 0px 7px 0px #000000 inset; +} + +.sheet-comp > div > div > div > select:last-of-type, +.sheet-comp > div > div > div.repcontainer > div.repitem > div > select:last-of-type +{ + width:60px; + padding:0px; + text-align:center; +} + +.sheet-inventaire +{ + width:100%; 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; + border:1px solid black; + flex-wrap:wrap; } -.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-inventaire > span:first-of-type +{ + width:30%; + background-color:DarkGray; + border-top-left-radius:5px; + justify-content:center; + font-weight:bold; + font-size:12px; } -.sheet-rolltemplate-base table, -.sheet-rolltemplate-armement table, -.sheet-rolltemplate-protection table +.sheet-inventaire > span:last-of-type +{ + width:70%; + background-color:DarkGray; + border-top-right-radius:5px; + justify-content:center; + font-weight:bold; + font-size:12px; +} + +.sheet-inventaire > div.repcontainer, +.sheet-inventaire > div.repcontrol +{ + background-color:DarkGray; +} + +.sheet-inventaire > div.repcontainer > div.repitem +{ + display:flex; +} + +.sheet-inventaire > div.repcontainer > div.repitem > input[type="text"]:first-of-type +{ + width:30%; + border-radius:0px; +} + +.sheet-inventaire > div.repcontainer > div.repitem > input[type="text"]:last-of-type +{ + width:70%; + border-radius:0px; +} + +.sheet-armement, +.sheet-protection +{ + width:100%; + background-color:Silver; + border-top-left-radius:30px; + border-top-right-radius:30px; + border:1px solid black; + margin-top:11px; + flex-wrap:wrap; +} + +.sheet-armement > div, +.sheet-protection > div { - border-collapse:unset; width:100%; } -.sheet-rolltemplate-base table th, -.sheet-rolltemplate-armement table th, -.sheet-rolltemplate-protection table th +.sheet-armement > div:nth-child(even), +.sheet-protection > div:nth-child(even) { - font-size: 1.3em; - - text-align:center; - font-weight:bold; + background-color:DarkGrey; } -.sheet-rolltemplate-base table tr, -.sheet-rolltemplate-armement table tr, -.sheet-rolltemplate-protection table tr +.sheet-armement > div > div +{ + flex-wrap:wrap; +} + +.sheet-armement > div > div, +.sheet-protection > div > div +{ + display:flex; +} + +.sheet-armement > div > span { - vertical-align:middle; - text-align:left; font-size:12px; + font-weight:bold; + justify-content:center; + align-items:center; + width:40px; +} + +.sheet-armement > div > span:first-of-type +{ + width:calc(100% - 40px - 40px - 40px - 40px - 40px - 40px - 45px - 129px - 60px - 60px - 59px - 19px); +} + +.sheet-armement > div.sheet-armesOptions, +.sheet-armement > div > div > div.sheet-armesOptions +{ + width:100%; + height:17px; + position:relative; +} + +.sheet-armement > div.sheet-armesOptions > label, +.sheet-armement > div > div > div.sheet-armesOptions > label +{ + width:100%; + height:17px; +} + +.sheet-armement > div.sheet-armesOptions > label > input[type="checkbox"], +.sheet-armement > div > div > div.sheet-armesOptions > label > input[type="checkbox"] +{ + width:100%; + height:17px; + position:absolute; + cursor: pointer; + z-index: 1; + opacity: 0; +} + +.sheet-armement > div.sheet-armesOptions > label > span, +.sheet-armement > div > div > div.sheet-armesOptions > label > span +{ + width:100%; + height:15px; +} + +.sheet-armement > div.sheet-armesOptions > label > span::before, +.sheet-armement > div > div > div.sheet-armesOptions > label > span::before +{ + content:attr(title); + text-align: center; + display: inline-block; + height: 15px; + position: relative; + font-size: 11px; + font-weight: bold; + border-top: 1px solid black; + border-bottom: 1px solid black; + background: Silver; + width:100%; + line-height:15px; +} + +.sheet-armement > div.sheet-armesOptions > label > input[type="checkbox"]:checked ~ span::before, +.sheet-armement > div > div > div.sheet-armesOptions > label > input[type="checkbox"]:checked ~ span::before +{ + box-shadow: 0px 0px 7px 0px #000000 inset; +} + +input[type="hidden"].sheet-armeEBonus[value="on"] ~ div.sheet-armeEBonus +{ + display:flex; +} + +div.sheet-armeEBonus +{ + display:none; + width:100%; + height:auto; padding:5px; - font-family:Trebuchet MS; + flex-wrap:wrap; + justify-content:space-around; + background-color:DarkGray; + border-bottom-left-radius:15px; + border-bottom-right-radius:15px; + border:1px solid black; + border-top:0px; + margin-left: -1px; + margin-right: -1px; +} + +div.sheet-armeEBonus > label +{ + width:150px; + height:17px; + background-color:Silver; +} + +div.sheet-armeEBonus > label > input[type="checkbox"] +{ + width:150px; + height:17px; + position:absolute; + cursor: pointer; + z-index: 1; + opacity: 0; +} + +div.sheet-armeEBonus > label > span +{ + width:100%; + height:17px; +} + +div.sheet-armeEBonus > label > span::before +{ + content:attr(title); + text-align: center; + display: inline-block; + height: 15px; + position: relative; + font-size: 12px; + font-weight: bold; + border: 1px solid black; + background: Silver; + width:100%; + line-height:15px; +} + +div.sheet-armeEBonus > label > input[type="checkbox"]:checked ~ span::before +{ + box-shadow: 0px 0px 7px 0px #000000 inset; +} + +.sheet-armement > div > input[type="text"] +{ + width:calc(100% - 40px - 40px - 40px - 40px - 40px - 40px - 45px - 129px - 60px - 60px - 59px - 20px); + border-radius:0px; + border-right:0px; +} + +.sheet-armement > div > div > input[type="text"] +{ + width:calc(100% - 40px - 40px - 40px - 40px - 40px - 40px - 45px - 129px - 60px - 60px - 59px - 20px - 1px); + border-radius:0px; + border-right:0px; +} + +.sheet-armement > div > input[type="number"], +.sheet-armement > div > div > input[type="number"] +{ + width:40px; + border-radius:0px; + border-right:0px; +} + +.sheet-armement > div > input[type="number"]:nth-child(6), +.sheet-armement > div > div > input[type="number"]:nth-child(7) +{ + width:45px; +} + +.sheet-armement > div > span:nth-child(6) +{ + width:45px; +} + +.sheet-armement > div > span:nth-child(9) +{ + width:128px; +} + +.sheet-armement > div > select +{ + width:129px; + border-right:0px; +} + +.sheet-armement > div > div > select +{ + width:128px; + border-right:0px; +} + +.sheet-armement > div > span:nth-child(10), +.sheet-armement > div > span:nth-child(12), +.sheet-armement > div > input[type="number"]:nth-child(10), +.sheet-armement > div > input[type="number"]:nth-child(12), +.sheet-armement > div > div > input[type="number"]:nth-child(11), +.sheet-armement > div > div > input[type="number"]:nth-child(13) +{ + width:60px; +} + +.sheet-armement > div > span:nth-child(11), +.sheet-armement > div > input[type="number"]:nth-child(11), +.sheet-armement > div > div > input[type="number"]:nth-child(12) +{ + width:59px; +} + +.sheet-armement > div > button[type="roll"], +.sheet-armement > div > div > button[type="roll"] +{ + width:14px; + margin:0px; + border-radius:0px; +} + +.sheet-protection > div:first-of-type > span +{ + font-weight:bold; + font-size:12px; + justify-content:center; + align-items:center; +} + +.sheet-protection > div > input[type="text"], +.sheet-protection > div > select, +.sheet-protection > div > button[type="roll"], +.sheet-protection > div > div > input[type="text"], +.sheet-protection > div > div > select, +.sheet-protection > div > div > button[type="roll"] +{ + border-radius:0px; +} + +.sheet-protection > div:first-of-type > span:first-of-type +{ + width:calc(100% - 109px - 150px - 300px - 22px); +} + +.sheet-protection > div > input[type="text"]:first-of-type +{ + width:calc(100% - 110px - 150px - 300px - 22px); +} + +.sheet-protection > div > div > input[type="text"]:first-of-type +{ + width:calc(100% - 109px - 150px - 300px - 22px); +} + +.sheet-protection > div:first-of-type > span:nth-child(2) +{ + width:111px; +} + +.sheet-protection > div > span:nth-child(2) +{ + width:111px; + justify-content:center; + align-items:center; +} + +.sheet-protection > div > div > label +{ + width:110px; + justify-content:center; + align-items:center; +} + +.sheet-protection > div > div > label > span +{ + width:20px; + justify-content:center; + align-items:center; + font-size:12px; font-weight:normal; - color:#000000; + font-family:inherit; } -.sheet-rolltemplate-base table th, -.sheet-rolltemplate-armement table th, -.sheet-rolltemplate-protection table th +.sheet-protection > div > div > label > input[type="number"] { - border-left:1px solid black; - border-right:1px solid black; + width:calc(50% - 10px); + border-radius:0px; } -.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 +.sheet-protection > div > div > label > input[type="number"]:first-of-type { - padding-right:2px; + border-left:0px; +} + +.sheet-protection > div > div > label > input[type="number"]:last-of-type +{ + border-right:0px; +} + +.sheet-protection > div:first-of-type > span:nth-child(3) +{ + width:149px; +} + +.sheet-protection > div > select, +.sheet-protection > div > div > select +{ + width:150px; + border-right:0px; +} + +.sheet-protection > div:first-of-type > span:nth-child(4) +{ + width:301px; +} + +.sheet-protection > div > input[type="text"]:last-of-type, +.sheet-protection > div > div > input[type="text"]:last-of-type +{ + width:300px; + border-right:0px; +} + +.sheet-protection > div > button[type="roll"], +.sheet-protection > div > div > button[type="roll"] +{ + width:14px; + margin:0px; +} + +.sheet-buttonSC +{ + width:100%; + justify-content:center; +} + +.sheet-buttonSC > label +{ + width: 150px; + margin-right:5px; + margin-left:5px; +} + +.sheet-buttonSC > label > input[type="checkbox"] +{ + height: 22px; + cursor: pointer; + z-index: 1; + opacity: 0; + position: absolute; + width:150px; +} + +.sheet-buttonSC > label > span +{ + width:100%; +} + + +.sheet-buttonSC > label > 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; + width:100%; +} + +.sheet-buttonSC > label > input[type="checkbox"]:checked ~ span::before +{ + box-shadow: 0px 0px 7px 0px #000000 inset; +} + +.sheet-page4 > input[type="hidden"]:first-of-type[value="1"] ~ div.sheet-stage, +.sheet-page4 > input[type="hidden"]:last-of-type[value="1"] ~ div.sheet-contact +{ + display:flex; +} + +.sheet-stage +{ + display:none; + width:100%; + border:1px solid black; + border-top-left-radius:30px; + border-top-right-radius:30px; + flex-wrap:wrap; + margin-top:10px; + background-color:Silver; + align-items:baseline; +} + +.sheet-stage > div +{ + width:50%; + flex-wrap:wrap; +} + +.sheet-stage > div > div > div > div +{ + width:100%; +} + +.sheet-stage > div > div > div > div:not(:nth-child(2)) +{ + flex-wrap:wrap; +} + +.sheet-stage > div > div > div > div:nth-child(2) > label:first-of-type +{ + width:calc(100% - 45.5px); +} + +.sheet-stage > div > div > div > div:nth-child(2) > label:first-of-type > span, +.sheet-stage > div > div > div > div:nth-child(2) > label:last-of-type > span +{ + width:100%; + justify-content:center; + align-items:center; +} + +.sheet-stage > div > div > div > div:nth-child(2) > label:first-of-type > input[type="text"] +{ + width:100%; + border-right:0px; +} + +.sheet-stage > div > div > div > div:nth-child(2) > label:last-of-type +{ + width:45.5px; +} + +.sheet-stage > div > div > div > div:nth-child(2) > label:last-of-type > input[type="number"] +{ + width:100%; +} + +.sheet-stage > div > div > div > div > label +{ + width:100%; + flex-wrap:wrap; +} + +.sheet-stage > div > div > div > div > label > input[type="text"], +.sheet-stage > div > div > div > div > label > input[type="number"] +{ + border-radius:0px; +} + +.sheet-stage > div > div > div > div > label > span +{ + justify-content:center; + align-items:center; + font-size:12px; + font-weight:bold; + font-family:inherit; +} + +.sheet-stage > div > div > div > div:not(:nth-child(2)) > label > span +{ + width:calc(100% - 45px); + margin-left:22px; + height:24px; +} + +.sheet-stage > div > div > div > div > label > label +{ + width:22px; + height:22px; +} + +.sheet-stage > div > div > div > div > label > label > input[type="checkbox"] +{ + width:22px; + height:22px; + justify-content:center; + align-items:center; + position:absolute; + cursor: pointer; + z-index: 1; + opacity: 0; +} + +.sheet-stage > div > div > div > div > label > label > span +{ + width:100%; + height:22px; +} + +.sheet-stage > div > div > div > div > label > label > span::before +{ + content:'+'; + text-align: center; + display: inline-block; + height: 22px; + position: relative; + font-size: 25px; + font-weight: bold; + border: 1px solid black; + background: Silver; + width:100%; + line-height:22px; +} + +.sheet-stage > div > div > div > div > label > label > input[type="checkbox"]:checked ~ span::before +{ + box-shadow: 0px 0px 7px 0px #000000 inset; + content:'-'; +} + +.sheet-stage > div > div > div > div > label > input[type="hidden"][value="1"] ~ textarea +{ + display:inline-block; +} + +.sheet-stage > div > div > div > div > label > textarea +{ + width:100%; + height:90px; + border-radius:0px; + display:none; +} + +.sheet-contact +{ + width:100%; + flex-wrap:wrap; + margin-top:10px; + display:none; + background-color:Silver; + border-top-left-radius:30px; + border-top-right-radius:30px; +} + +.sheet-contact > div +{ + width:100%; + border-top-left-radius:5px; + border-top-right-radius:5px; +} + +.sheet-contact > div +{ + background-color:DarkGray; +} + +.sheet-contact > div > span +{ + justify-content:center; + align-items:center; + font-size:12px; + font-weight:bold; + font-family:inherit; +} + +.sheet-contact > div > div +{ + display:flex; +} + +.sheet-contact > div > span:nth-child(1) +{ + width:calc(100% - 150px - 50px - 200px - 198px); +} + +.sheet-contact > div > div > input[type="text"]:first-of-type +{ + width:calc(100% - 150px - 50px - 200px - 200px); +} + +.sheet-contact > div > span:nth-child(2), +.sheet-contact > div > div > select +{ + width:150px; +} + +.sheet-contact > div > span:nth-child(3), +.sheet-contact > div > div > input[type="number"] +{ + width:50px; +} + +.sheet-contact > div > span:nth-child(4), +.sheet-contact > div > span:nth-child(5), +.sheet-contact > div > div > input[type="text"]:nth-last-of-type(2), +.sheet-contact > div > div > input[type="text"]:nth-last-of-type(1) +{ + width:200px; +} + +.sheet-contact > div > div > input:not(:last-of-type), +.sheet-contact > div > div > select +{ + border-right:0px; +} + +.sheet-contact > div > div > input, +.sheet-contact > div > div > select +{ + border-right:0px; + border-radius:0px; + display:flex; +} + +.sheet-mods +{ + width:20%; + background-color:Silver; + border-top-right-radius:30px; + border-top-left-radius:30px; + flex-wrap:wrap; + border:1px solid black; + align-self:flex-start; +} + +.sheet-mods > label:nth-child(even) +{ + background-color:DarkGray; +} + +.sheet-mods > label +{ + width:100%; + justify-content:space-between; +} + +.sheet-mods > label > span +{ + width:calc(100% - 45.5px); + align-items:center; + font-size:12px; + font-weight:bold; + font-family:inherit; padding-left:2px; } +.sheet-mods > label > input[type="number"] +{ + width:45.5px; + border-radius:0px; +} + +.sheet-bottom +{ + width:100%; + align-items:baseline; + justify-content:space-between; +} + +.sheet-bottomLeft +{ + width:70%; + flex-wrap:wrap; +} + +.sheet-initAtt +{ + flex-wrap:wrap; + width:100%; + border-radius:30px; + background-color:Silver; + border:1px solid black; + margin-top:10px; +} + +.sheet-initAtt > div:first-of-type +{ + background-color:DarkGray; +} + +.sheet-initAtt > div +{ + justify-content:space-around; + width:100%; +} + +.sheet-initAtt > div:last-of-type +{ + margin-top:2px; + margin-bottom:2px; +} + +.sheet-initAtt > div > span +{ + width:110px; + align-items:center; + justify-content:center; + font-size:12px; + font-weight:bold; + font-family:inherit; +} + +.sheet-initAtt > div > label +{ + width:110px; +} + +.sheet-initAtt > div > label > span +{ + width:100%; + height:22px; +} + +.sheet-initAtt > div > label > input[type="radio"], +.sheet-initAtt > div > label > input[type="checkbox"] +{ + width:110px; + height:22px; + position:absolute; + opacity:0; + z-index:1; + cursor: pointer; +} + +.sheet-initAtt > div > label > span::before +{ + width:100%; + 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; +} + +.sheet-initAtt > div > label > input[type="radio"]:checked ~ span::before +{ + box-shadow: 0px 0px 7px 0px #000000 inset; +} + +.sheet-initAtt > div > button[type="action"] +{ + height: 20px; + position: relative; + font-size: 14px; + font-weight: bold; + border: 1px solid black; + box-shadow: 2px 2px 3px 0px #000; + background: Silver; + width: 92px; +} + +.sheet-initAtt > div > button[type="action"]:active +{ + box-shadow: 0px 0px 7px 0px #000000 inset; +} + +.sheet-bottomRight +{ + width:20%; + flex-wrap:wrap; + border-radius:30px; + background-color:Silver; + border:1px solid black; + margin-top:10px; + justify-content:center; +} + +.sheet-bottomRight > label +{ + width:100%; + justify-content:space-between; +} + +.sheet-bottomRight > label:nth-child(even) +{ + background-color:DarkGray; +} + +.sheet-bottomRight > label > span +{ + width:calc(100% - 45.5px); + align-items:center; + font-size:12px; + font-weight:bold; + font-family:inherit; + padding-left:2px; +} + +.sheet-bottomRight > label > input[type="number"] +{ + width:45.5px; + border-radius:0px; +} + +.sheet-bottomRight > button[type="action"] +{ + height: 20px; + position: relative; + font-size: 14px; + font-weight: bold; + border: 1px solid black; + box-shadow: 2px 2px 3px 0px #000; + background: Silver; + width: 92px; + margin-bottom:2px; + margin-top:2px; +} + +.sheet-bottomRight > button[type="action"]:active +{ + box-shadow: 0px 0px 7px 0px #000000 inset; +} + +.sheet-poursuite +{ + width:200px; + background-color:Silver; + border-top-left-radius:30px; + border-top-right-radius:30px; + border:1px solid black; + justify-content:space-between; + flex-wrap:wrap; + align-self:flex-start; + margin-right: auto; + margin-left: 10px; +} + +.sheet-poursuite > button[type="roll"] +{ + width:100%; + border-top-left-radius:30px; + border-top-right-radius:30px; + font-family:inherit; + margin:0px; + border-bottom-left-radius:0px; + border-bottom-right-radius:0px; + height:24px; +} + +.sheet-poursuite > button[type="roll"] > h4 +{ + height:24px; +} + +.sheet-poursuite > button[type="roll"]::before +{ + content:''; +} + +.sheet-poursuite > label +{ + width:100%; +} + +.sheet-poursuite > label:nth-child(even) +{ + background-color:DarkGray; +} + +.sheet-poursuite > label > span +{ + width:calc(100% - 45.5px); + align-items:center; + font-size:12px; + padding-left:2px; +} + +.sheet-poursuite > label > input[type="number"] +{ + width:45.5px; +} + +/*TEMPLATES*/ +.sheet-rolltemplate-protection > div, +.sheet-rolltemplate-base > div, +.sheet-rolltemplate-armement > div +{ + width:100%; + background-color:Silver; + border-radius:20px; + display:flex; + flex-wrap:wrap; + font-family: Trebuchet MS; + color:black; + border:1px solid black; +} + +.sheet-rolltemplate-protection > div > h4, +.sheet-rolltemplate-base > div > h4, +.sheet-rolltemplate-base > div > div h6, +.sheet-rolltemplate-armement > div > h4 +{ + width:100%; + color:inherit; + justify-content:center; + align-items:center; + height:20px; + display:flex; + font-family: inherit; +} + +.sheet-rolltemplate-protection > div > div, +.sheet-rolltemplate-base > div > div, +.sheet-rolltemplate-armement > div > div +{ + display:flex; + width:100%; +} + +.sheet-rolltemplate-protection > div > div:nth-child(even), +.sheet-rolltemplate-base > div > div:nth-child(even), +.sheet-rolltemplate-armement > div > div:nth-child(even) +{ + background-color:DarkGray; +} + +.sheet-rolltemplate-protection > div > div:first-of-type > span, +.sheet-rolltemplate-base > div > div:first-of-type > span +{ + display:flex; + width:100%; + font-size:12px; + font-weight:bold; + color:inherit; + font-family:inherit; + justify-content:center; + align-items:center; +} + +.sheet-rolltemplate-protection > div > div:not(:first-of-type) > span, +.sheet-rolltemplate-base > div > div:not(:first-of-type) > span, +.sheet-rolltemplate-armement > div > div > span +{ + display:flex; + font-size:12px; + font-weight:bold; + color:inherit; + font-family:inherit; + align-items:center; +} + +.sheet-rolltemplate-protection > div > div:not(:first-of-type) > span:first-of-type, +.sheet-rolltemplate-base > div > div:not(:first-of-type) > span:first-of-type, +.sheet-rolltemplate-armement > div > div > span:first-of-type +{ + width:80%; + justify-content:left; + padding-left:2px; +} + +.sheet-rolltemplate-armement > div > div.sheet-spe > span:first-of-type +{ + width:50%; + justify-content:left; + padding-left:2px; +} + +.sheet-rolltemplate-protection > div > div:not(:first-of-type) > span:last-of-type, +.sheet-rolltemplate-base > div > div:not(:first-of-type) > span:last-of-type, +.sheet-rolltemplate-armement > div > div > span:last-of-type +{ + width:20%; + justify-content:center; + padding-right:2px; +} + +, +.sheet-rolltemplate-armement > div > div.sheet-spe > span:last-of-type +{ + width:50%; + justify-content:center; + padding-right:2px; +} + +.sheet-rolltemplate-armement > div > div.sheet-notes +{ + width:100%; +} + +.sheet-rolltemplate-armement > div > div.sheet-notes > h5 +{ + width:100%; + font-variant:small-caps; + color:black; + font-family:inherit; + justify-content:center; + display:flex; +} + +.sheet-rolltemplate-armement > div > div.sheet-notes > span +{ + width:100%; + justify-content:center; +} + +.sheet-rolltemplate-protection > div > div:last-of-type, +.sheet-rolltemplate-base > div > div:last-of-type, +.sheet-rolltemplate-armement > div > div:last-of-type +{ + height:20px; + border-bottom-left-radius:20px; + border-bottom-right-radius:20px; +} + .sheet-rolltemplate-base .inlinerollresult, .sheet-rolltemplate-armement .inlinerollresult, .sheet-rolltemplate-protection .inlinerollresult @@ -1016,18 +1888,4 @@ button[type=roll].sheet-carac-button .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%; } \ No newline at end of file diff --git a/COPS/COPS.html b/COPS/COPS.html index c2b5b16315..1cb82b7e0a 100644 --- a/COPS/COPS.html +++ b/COPS/COPS.html @@ -1,55 +1,25 @@ + + +
+ + +
-
- - - - - - - - - - - - - -
NomPrenom
GradeSurnom
-
-
- - - - - - - - - - - - - - - -
ExpérienceInit. Min.Points de VieAdrénalineAncienneté
///
-
-
- - - - - -
- - - - - - - - - - - - - - - - - - - - - - - - - - - -
Date de naissanceAgeans
SexeTaillecm
EthniePoidskg
Origine Sociale
Orientation sexuelle
- - - - - - - - - - - - - - - - - - - - - - - -
Date d'intégrationMatricule
Etudes
Salaire
Dépenses
Economies
- - - - - - - -
Historique
- -
- - - - - - - - - - - - - - - - -
Langues Parlées
-
- - - - -
-
-
- - - - - - - - -
Lecture des droits
- « Vous avez le droit absolu de garder le silence. -

- Tout ce que vous direz ou écrirez pourra être retenu contre vous devant un tribunal. -
- Vous avez le droit de parler à un avocat à n'importe quel moment, avant un interrogatoire, avant de répondre à une question ou au cours d'une question. -

- Si vous désirez la présence d'un avocat et que vous ne pouvez en engager un, il ne vous sera alors posé aucune question et la cour vous en assignera un d'office. » -
+
+
+ +
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Arme de Poing - -
Arme de Contact - -
-
- - - - - - - - - -
- - - -
-
-
Arme d'Épaule - -
-
- - - - - - - - - - -
- - - -
-
-
Arme Lourde - -
-
- - - - - - - - - -
- - - -
-
-
Athletisme - -
-
- - - - - - - - - -
- - - -
-
-
Bureaucratie - -
Conduite - -
- - - -
-
- - - - - - - - - -
- - - -
-
-
Connaissance - -
-
- - - - - - - - - -
- -
-
-
Corps a Corps - -
- - - -
-
- - - - - - - - - -
- - - -
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Deguisement - -
Discretion - -
Electronique - -
-
- - - - - - - - - -
- - - -
-
-
Eloquence - -
Falsification - -
Informatique - -
-
- - - - - - - - - -
- - - -
-
-
Instinct de Flic - -
Intimidation - -
Jeu - -
Lancer - -
Mecanique - -
-
- - - - - - - - - -
- - - -
-
-
Medecine - -
-
- - - - - - - - - -
- - - -
-
-
Premiers Secours - -
Psychologie - -
Rhétorique - -
Scène de Crime - -
Tir en Rafale - -
-
- - - - - - - - - -
- - - -
-
-
-
-
- - - - - - - - - - - -
Inventaire
ObjetDétail
-
- - - - - -
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Armement
NomPRPUFAVRCPortéeVCCTType MunitionsMunitionsCapacitéChargeurs
-
- - - - - - - - - - - - - - - - -
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Protections
NomProtectionParties du CorpsModificateurs
2D6+6 - -
1D6+6 - -
2D6+6 - -
1D6+6 - -
1D6+6 - -
-
- - - - - - - - -
D6+ - -
-
-
-
-
- - - - - - - - - - -
Stages
-
- - - - - - - - - - - - - - - - - - - - - -
NomNiveau
Bonus
Capacité Spéciale
-
- 		-
- - - - - - - - - - - - - - - - - - - - - -
NomNiveau
Bonus
Capacité Spéciale
-
-
- - - - - - - - - - - - - - -
Contacts
NomTypeNiveauOccupationsConnaissances
-
- - - - - - - - -
- -
-
-
- -
-
- - - - - - - - -
Modificateurs
Points de Vie
+
+ +
-
- - - - - - - - - - - - - - - - - - - - - -
Initiative
+2+10-1-2
- - - - - - - - - - - - - - - - - - - -
Modificateurs
Bonus/Malus
Dés Bleus
Dés Noirs
- - - - - - - - - - - - - - - - - - - - - -
Attitude
+2+10-1-2
+
+
+ + + + + +
+
+
+
+ + + + + +
+ + +
+
+
+ + +
+
+ + +
+
+ + +
+ + +
+ +
+
+ + +
+ + + + +
+ +
+

Historique

+ +
+ +
+

Langues Parlées

+ + + +
+ +
+
+ +
+

Lecture des droits

+

+ « Vous avez le droit absolu de garder le silence. +

+ Tout ce que vous direz ou écrirez pourra être retenu contre vous devant un tribunal. +
+ Vous avez le droit de parler à un avocat à n'importe quel moment, avant un interrogatoire, avant de répondre à une question ou au cours d'une question. +

+ Si vous désirez la présence d'un avocat et que vous ne pouvez en engager un, il ne vous sera alors posé aucune question et la cour vous en assignera un d'office. » +

+
+
+ +
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ + Arme de Poing + + + + +
+
+
+
+ + Arme de Contact + + + + +
+
+
+
+
+ + + + + + +
+
+
+
+
+ + Arme d'Épaule + + + + +
+
+
+
+
+ + + + + + +
+
+
+
+
+ + Arme Lourde + + + + +
+
+
+
+
+ + + + + + +
+
+
+
+
+ + Athletisme + + + + +
+
+
+
+
+ + + + + + +
+
+
+
+
+ + Bureaucratie + + + + +
+
+
+
+ + Conduite + + + + +
+
+
+
+ + + + + + +
+
+
+
+
+ + + + + + +
+
+
+
+
+ + Connaissance + + + + +
+
+
+
+
+ + + + + + +
+
+
+
+
+ + Corps a Corps + + + + +
+
+
+
+ + + + + + +
+
+
+
+
+ + + + + + +
+
+
+
+ +
+
+
+ + Deguisement + + + + +
+
+ +
+
+ + Discretion + + + + +
+
+ +
+
+ + Electronique + + + + +
+
+
+
+
+ + + + + + + +
+
+
+ +
+
+ + Eloquence + + + + +
+
+ +
+
+ + Falsification + + + + +
+
+ +
+
+ + Informatique + + + + +
+
+
+ +
+
+ + + + + + +
+
+ +
+ +
+
+ + Instinct de Flic + + + + +
+
+ +
+
+ + Intimidation + + + + +
+
+ +
+
+ + Jeu + + + + +
+
+ +
+
+ + Lancer + + + + +
+
+ +
+
+ + Mecanique + + + + +
+
+
+
+
+ + + + + + + +
+
+
+ +
+
+ + Medecine + + + + +
+
+
+
+
+ + + + + + +
+
+
+ +
+
+ + Premiers Secours + + + + +
+
+ +
+
+ + Psychologie + + + + +
+
+ +
+
+ + Rhétorique + + + + +
+
+ +
+
+ + Scène de Crime + + + + +
+
+ +
+
+ + Tir en Rafale + + + + +
+
+
+
+
+ + + + + + + + +
+
+
+
+
+
+ +
+
+

Inventaire

+ Objet + Détail +
+ + +
+
+ +
+

Armement

+
+ Nom + PR + PU + FA + VRC + Portée + VC + CT + Type Munitions + Munitions + Capacité + Chargeurs +
+
+ + + + + + + + + + + + + +
+ +
+ +
+ +
+ +
+
+ + + + + + + + + + + + + +
+ +
+ +
+ +
+
+
+ +
+

Protections

+
+ Nom + Protection + Parties du Corps + Modificateurs +
+
+ + 2D6+6 + + +
+ +
+ + 1D6+6 + + +
+ +
+ + 2D6+6 + + +
+ +
+ + 1D6+6 + + +
+ +
+ + 1D6+6 + + +
+
+ + + + + +
+ +
+
+ +
+
+ + +
+ + + + +
+

Stages

+
+
+
+ + +
+
+ +
+
+ +
+
+
+
+
+
+ + +
+
+ +
+
+ +
+
+
+
+ +
+

Contacts

+
+ Nom + Type + Niveau + Occupations + Connaissances +
+
+ + + + + +
+
+
+ +
+
+

Modificateurs

+ +
+
+ + + + + +
+
+
+
+
+
+

Initiative

+
+ +2 + +1 + 0 + -1 + -2 +
+
+ + + + + +
+
+ +
+
+ +
+

Attitude

+
+ +2 + +1 + 0 + -1 + -2 +
+
+ + + + + +
+
+ +
+
+
+ +
+

Modificateurs

+ + + + +
- - - - +
+

{{nom}}

{{#spe}} -
- - +
+
{{spe}}
+
{{/spe}} - - - - - - - +
+
{{init}} {{att}}
+
+
+ Succès + {{score}} +
{{#rollGreater() dBleuN 0}} - - - - +
+ Dés bleus ({{dBleuN}}) + {{dBleu}} +
{{/rollGreater() dBleuN 0}} {{#rollGreater() dNoirN 0}} - - - - +
+ Dés noirs ({{dNoirN}}) + {{dNoir}} +
{{/rollGreater() dNoirN 0}} - - - -
{{nom}}
{{spe}}
{{init}} {{att}}
Succès{{score}}
Dés bleus ({{dBleuN}}){{dBleu}}
Dés noirs ({{dNoirN}}){{dNoir}}
+
+
+
- - - - - - - - - - - - - - -
Protection
{{nom}}
Jet{{score}}
+
+

Protection

+
+ {{nom}} +
+
+ Jet + {{score}} +
+
+
+
- - - - - - - - +
+

{{nom}}

+
+ Dégâts + {{score}} +
{{#rollTotal() loca 1}} -
- - - +
+ Localisation (1) + Jambes Gauche (-) +
{{/rollTotal() loca 1}} {{#rollTotal() loca 2}} - - - - +
+ Loc. précédente + Jambes Gauche (-) +
+
+ Localisation (2) + Jambes Droite (-) +
{{/rollTotal() loca 2}} {{#rollTotal() loca 3}} - - - - +
+ Loc. précédente + Jambes Droite (-) +
+
+ Localisation (3) + Abdomen (1) +
{{/rollTotal() loca 3}} {{#rollTotal() loca 4}} - - - - +
+ Loc. précédente + Abdomen (1) +
+
+ Localisation (4) + Abdomen (1) +
{{/rollTotal() loca 4}} {{#rollTotal() loca 5}} - - - - +
+ Loc. précédente + Abdomen (1) +
+
+ Localisation (5) + Torse (2) +
{{/rollTotal() loca 5}} {{#rollTotal() loca 6}} - - - - +
+ Loc. précédente + Torse (2) +
+
+ Localisation (6) + Torse (2) +
{{/rollTotal() loca 6}} {{#rollTotal() loca 7}} - - - - +
+ Loc. précédente + Torse (2) +
+
+ Localisation (7) + Torse (2) +
{{/rollTotal() loca 7}} {{#rollTotal() loca 8}} - - - - +
+ Loc. précédente + Torse (2) +
+
+ Localisation (8) + Bras Droit (-) +
{{/rollTotal() loca 8}} {{#rollTotal() loca 9}} - - - - +
+ Loc. précédente + Bras Droit (-) +
+
+ Localisation (9) + Bras Gauche (-) +
{{/rollTotal() loca 9}} {{#rollTotal() loca 10}} - - - - +
+ Loc. précédente + Bras Gauche (-) +
+
+ Localisation (10) + Tête (3) +
{{/rollTotal() loca 10}} - - - -
{{nom}}
Dégâts{{score}}
LocalisationJambes Gauche (-)
LocalisationJambes Droite (-)
LocalisationAbdomen (1)
LocalisationAbdomen (1)
LocalisationTorse (2)
LocalisationTorse (2)
LocalisationTorse (2)
LocalisationBras Droit (2)
LocalisationBras Gauche (-)
LocalisationTête (3)
+ {{#rollGreater() relance1 0}} +
+
Particularité
+
+
+ Relance les 1 +
+ {{/rollGreater() relance1 0}} +
+
+
\ No newline at end of file diff --git a/COPS/sheet.json b/COPS/sheet.json index 48c34f7f39..fb6eb192ca 100644 --- a/COPS/sheet.json +++ b/COPS/sheet.json @@ -4,5 +4,6 @@ "authors": "Benjamin Chambon, Alain H.", "preview": "COPS.png", "roll20userid": "benchambon, 67962", - "instructions": "# COPS Character Sheet\r## Useful Attributes\r\r* attr_Nom\r* attr_PV\r* attr_PVMAX\r* attr_Carrure\r* attr_Perception\r* attr_Charme\r* attr_Reflexes\r* attr_Coordination\r* attr_Education\r* attr_Sang-Froid\r## Use Difficulte to set up the difficulty level of Skill Rolls" + "instructions": "# COPS Character Sheet\r## Useful Attributes\r\r* attr_Nom\r* attr_PV\r* attr_PVMAX\r* attr_Carrure\r* attr_Perception\r* attr_Charme\r* attr_Reflexes\r* attr_Coordination\r* attr_Education\r* attr_Sang-Froid\r## Use Difficulte to set up the difficulty level of Skill Rolls", + "tipeee":"https://fr.tipeee.com/zakarik" }