diff --git a/Trinites/Trinites.css b/Trinites/Trinites.css index f43779738b..10588ff615 100644 --- a/Trinites/Trinites.css +++ b/Trinites/Trinites.css @@ -311,7 +311,12 @@ input[type="hidden"].sheet-tab[value="2"] ~ div background:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Trinites/img/fond-tab3.png"); padding-right:0px; padding-bottom:0px; - background-position-y: -20px; +} + +input[type="hidden"].sheet-tab[value="2"] ~ div > div.sheet-options +{ + width:calc(100% - 120px); + min-width:740px } input[type="hidden"].sheet-tab[value="2"] ~ div > .sheet-tab2 @@ -1275,15 +1280,16 @@ div.sheet-themeAstral > label > span align-items:flex-end; } -div.sheet-themeAstral > label > input[type="text"] +div.sheet-themeAstral > label > input[type="text"], +div.sheet-themeAstral > label > select { width: calc(100% - 135px); - font-family:"Uncial Antiqua"; background:transparent; border:0px; padding:0px; border-bottom:1px dashed black; padding-top:10px; + font-weight:bold; } div.sheet-themeAstral > div @@ -1312,7 +1318,8 @@ div.sheet-themeAstral > div > .repcontainer > .repitem flex-wrap:wrap; } -div.sheet-themeAstral > div > .repcontainer > .repitem > input[type="Text"] +div.sheet-themeAstral > div > .repcontainer > .repitem > input[type="Text"], +div.sheet-themeAstral > div > .repcontainer > .repitem > select { width: 100%; text-align:center; @@ -1322,6 +1329,7 @@ div.sheet-themeAstral > div > .repcontainer > .repitem > input[type="Text"] border-bottom:1px dashed black; height:30px; padding-top:10px; + font-weight:bold; } div.sheet-vieAnterieure, @@ -1483,7 +1491,8 @@ div.sheet-middle > div:last-of-type > label > span } div.sheet-middle > div > label > input[type="text"], -div.sheet-middle > div > label > input[type="number"] +div.sheet-middle > div > label > input[type="number"], +div.sheet-middle > div > label > select { width: calc(100% - 95px); text-align:center; @@ -1492,6 +1501,7 @@ div.sheet-middle > div > label > input[type="number"] padding:0px; border-bottom:1px dashed black; min-width:0px; + height:19px; } div.sheet-middle > div > button[type="action"] @@ -1530,7 +1540,9 @@ div.sheet-middle > div:nth-of-type(3) > button[type="action"] } div.sheet-middle > div:nth-of-type(1) > label:first-of-type > input[type="text"], -div.sheet-middle > div:nth-of-type(3) > label:first-of-type > input[type="text"] +div.sheet-middle > div:nth-of-type(3) > label:first-of-type > input[type="text"], +div.sheet-middle > div:nth-of-type(1) > label:first-of-type > select, +div.sheet-middle > div:nth-of-type(3) > label:first-of-type > select { width: calc(100% - 60px); text-align:center; @@ -1618,6 +1630,44 @@ div.sheet-grandLivre > div > h2 align-content: flex-end; } +div.sheet-grandLivre > div > div +{ + width: 100%; + justify-content:space-between; + margin-bottom:4px; +} + +div.sheet-grandLivre > div > div:nth-of-type(1) > span +{ + width: calc(100% - 41px); +} + +div.sheet-grandLivre > div > div:nth-of-type(1) > button[type="action"] +{ + width: 18px; + height: 18px; + border: 0px; + padding: 0px; + justify-content: center; + margin-top: auto; + font-size: 11px; + background: var(--sombre); + color: white; + box-shadow: 3px 3px 1px black; + border: 1px solid white; + font-weight: bold; +} + +div.sheet-grandLivre > div > div:nth-of-type(1) > button[type="action"]:first-of-type +{ + margin-right:1px; +} + +div.sheet-grandLivre > div > div:nth-of-type(1) > button[type="action"]:hover +{ + box-shadow: none; +} + div.sheet-grandLivre > div > .repcontainer, div.sheet-grandLivre > div > .repcontainer > .repitem { @@ -1625,8 +1675,63 @@ div.sheet-grandLivre > div > .repcontainer > .repitem flex-wrap:wrap; } +div.sheet-grandLivre > div > .repcontainer > .repitem > label +{ + width: 21px; + height: 21px; + background: var(--sombre); + border: 1px solid black; +} + +div.sheet-grandLivre > div > .repcontainer > .repitem > label > input[type="checkbox"] +{ + width: 22px; + height: 22px; + opacity: 0; + position: absolute; +} + +div.sheet-grandLivre > div > .repcontainer > .repitem > label > input[type="checkbox"] ~ span +{ + width:100%; +} + +div.sheet-grandLivre > div > .repcontainer > .repitem > label > input[type="checkbox"] ~ span::before +{ + display: flex; + content: "+"; + width: 100%; + height: 21px; + justify-content: center; + align-items: center; + color: white; +} + +div.sheet-grandLivre > div > .repcontainer > .repitem > label > input[type="checkbox"]:checked ~ span::before +{ + content: "-"; +} + +div.sheet-grandLivre > div > .repcontainer > .repitem > input[type="hidden"]:nth-of-type(2)[value="0"] ~ input[type="text"] +{ + display:flex; +} + +div.sheet-grandLivre > div > .repcontainer > .repitem > select +{ + width: calc(100% - 23px); + text-align:center; + background:transparent; + border:0px; + padding:0px; + border-bottom:1px dashed black; + height:22px; + padding-right:23px; +} + div.sheet-grandLivre > div > .repcontainer > .repitem > input[type="Text"] { + display:none; width: 100%; text-align:center; background:transparent; @@ -1636,6 +1741,73 @@ div.sheet-grandLivre > div > .repcontainer > .repitem > input[type="Text"] height:22px; } +div.sheet-grandLivre > div > .repcontainer > .repitem > input[type="hidden"][value="1"] ~ div +{ + display:flex; +} + +div.sheet-grandLivre > div > .repcontainer > .repitem > div +{ + display:none; + width:100%; + flex-wrap:wrap; +} + +div.sheet-grandLivre > div > .repcontainer > .repitem > div > label, +div.sheet-grandLivre > div > .repcontainer > .repitem > div > div +{ + width:100%; + justify-content:space-between; +} + +div.sheet-grandLivre > div > .repcontainer > .repitem > div > label > span +{ + width:50px; + font-size:13px; +} + +div.sheet-grandLivre > div > .repcontainer > .repitem > div > label > input[type="text"] +{ + width:calc(100% - 55px); + background: transparent; + border: 0px; + padding: 0px; + border-bottom: 1px dashed black; + height: 22px; + font-size:11px; +} + +div.sheet-grandLivre > div > .repcontainer > .repitem > div > div +{ + flex-wrap:wrap; + margin-top:5px; +} + +div.sheet-grandLivre > div > .repcontainer > .repitem > div > div > span +{ + width:100%; + justify-content:center; + font-weight:bold; + font-size:13px; +} + +div.sheet-grandLivre > div > .repcontainer > .repitem > div > div > div > textarea +{ + width:calc(100% - 4px); + background: transparent; + border: 1px dashed black; + padding: 0px; + padding-right:1px; + padding-left:1px; +} + +div.sheet-grandLivre > div > .repcontainer > .repitem > div > div > div > span +{ + padding: 0px; + padding-right:2px; + padding-left:2px; +} + div.sheet-grandLivre > div > .repcontainer > .repitem > .itemcontrol > .btn { padding-top:1px; @@ -1697,12 +1869,73 @@ div.sheet-zodiaque > span div.sheet-zodiaque > span:first-of-type { - width:calc(100% - 270px); + width:calc(100% - 400px); } div.sheet-zodiaque > span:not(:first-of-type) { - width:60px; + width:80px; +} + +div.sheet-zodiaque > div:nth-of-type(1), +div.sheet-zodiaque > div:nth-of-type(2) +{ + flex-wrap:wrap; + width:calc(50% - 10px); +} + +div.sheet-zodiaque > div:nth-of-type(1) > div, +div.sheet-zodiaque > div:nth-of-type(2) > div +{ + width:100%; + justify-content:space-between; +} + +div.sheet-zodiaque > div:nth-of-type(1) > h2, +div.sheet-zodiaque > div:nth-of-type(2) > h2 +{ + width: 100%; + font-size: 13px; + font-weight: normal; + justify-content: center; + font-family: "Uncial Antiqua"; + text-transform: uppercase; + height: 30px; +} + +div.sheet-zodiaque > div:nth-of-type(1) > div > span, +div.sheet-zodiaque > div:nth-of-type(2) > div > span +{ + width:calc(100% - 41px); +} + +div.sheet-zodiaque > div:nth-of-type(1) > div > button[type="action"], +div.sheet-zodiaque > div:nth-of-type(2) > div > button[type="action"] +{ + width: 18px; + height: 18px; + border: 0px; + padding: 0px; + justify-content: center; + margin-top: auto; + font-size: 11px; + background: var(--sombre); + color: white; + box-shadow: 3px 3px 1px black; + border: 1px solid white; + font-weight: bold; +} + +div.sheet-zodiaque > div:nth-of-type(1) > div > button[type="action"]:first-of-type, +div.sheet-zodiaque > div:nth-of-type(2) > div > button[type="action"]:first-of-type +{ + margin-right:1px; +} + +div.sheet-zodiaque > div:nth-of-type(1) > div > button[type="action"]:hover, +div.sheet-zodiaque > div:nth-of-type(2) > div > button[type="action"]:hover +{ + box-shadow:none; } div.sheet-zodiaque > .repcontainer, @@ -1719,31 +1952,173 @@ div.sheet-zodiaque > .repcontainer > .repitem > .itemcontrol > .btn padding-bottom:1px; } -div.sheet-zodiaque > .repcontainer > .repitem > input[type="text"] +div.sheet-zodiaque > .repcontainer > .repitem > div:nth-of-type(2) { - width:calc(100% - 270px); + width:calc(100% - 400px); + flex-wrap:wrap; + align-content:flex-start; +} + +div.sheet-zodiaque > .repcontainer > .repitem > div:nth-of-type(2) > label +{ + width: 21px; + height: 21px; + background: var(--sombre); + border: 1px solid black; +} + +div.sheet-zodiaque > .repcontainer > .repitem > div:nth-of-type(2) > label > input[type="checkbox"] +{ + width: 22px; + height: 22px; + opacity: 0; + position: absolute; +} + +div.sheet-zodiaque > .repcontainer > .repitem > div:nth-of-type(2) > label > input[type="checkbox"] ~ span +{ + width:100%; +} + +div.sheet-zodiaque > .repcontainer > .repitem > div:nth-of-type(2) > label > input[type="checkbox"] ~ span::before +{ + display: flex; + content: "+"; + width: 100%; + height: 21px; + justify-content: center; + align-items: center; + color: white; +} + +div.sheet-zodiaque > .repcontainer > .repitem > div:nth-of-type(2) > label > input[type="checkbox"]:checked ~ span::before +{ + content: "-"; +} + +div.sheet-zodiaque > .repcontainer > .repitem > div > select +{ + width:calc(100% - 24px); + height: 22px; + background: transparent; + padding: 0px; + border: 0px; + border-bottom: 1px dashed black; + color: black; +} + +div.sheet-zodiaque > .repcontainer > .repitem > div > input[type="text"] +{ + display:none; + width:calc(100% - 24px); padding:0px; border:0px; border-bottom:1px dashed black; height:22px; background:transparent; + font-size:11px; } -div.sheet-zodiaque > .repcontainer > .repitem > div +div.sheet-zodiaque > .repcontainer > .repitem > div > input[type="hidden"][value="0"] ~ input[type="text"] { - width:60px; + display:flex; +} + +div.sheet-zodiaque > .repcontainer > .repitem > div > input[type="hidden"][value="0"] ~ select +{ + display:none; +} + +div.sheet-zodiaque > .repcontainer > .repitem > input[type="hidden"][value="1"] ~ div > select, +div.sheet-zodiaque > .repcontainer > .repitem > input[type="hidden"][value="1"] ~ div > div.sheet-autoex +{ + display:flex; +} + +div.sheet-zodiaque > .repcontainer > .repitem > input[type="hidden"][value="1"] ~ div > input[type="text"] +{ + display:flex; + width:100%; +} + +div.sheet-zodiaque > .repcontainer > .repitem > div:nth-of-type(3) +{ + width:400px; + flex-wrap:wrap; + justify-content:space-between; +} + +div.sheet-zodiaque > .repcontainer > .repitem > div:nth-of-type(3) > input[type="hidden"][value="1"] ~ label, +div.sheet-zodiaque > .repcontainer > .repitem > div:nth-of-type(3) > input[type="hidden"][value="1"] ~ span:nth-of-type(1), +div.sheet-zodiaque > .repcontainer > .repitem > div:nth-of-type(3) > input[type="hidden"][value="1"] ~ span:nth-of-type(3) +{ + display:flex; +} + +div.sheet-zodiaque > .repcontainer > .repitem > div:nth-of-type(3) > input[type="hidden"][value="0"] ~ span:nth-of-type(2), +div.sheet-zodiaque > .repcontainer > .repitem > div:nth-of-type(3) > input[type="hidden"][value="0"] ~ span:nth-of-type(4) +{ + display:flex; +} + +div.sheet-zodiaque > .repcontainer > .repitem > input[type="hidden"][value="0"] ~ div:nth-of-type(3) > input[type="hidden"][value="1"] ~ span:nth-of-type(1), +div.sheet-zodiaque > .repcontainer > .repitem > input[type="hidden"][value="0"] ~ div:nth-of-type(3) > input[type="hidden"][value="0"] ~ span:nth-of-type(2), +div.sheet-zodiaque > .repcontainer > .repitem > input[type="hidden"][value="0"] ~ div:nth-of-type(3) > input[type="hidden"][value="1"] ~ span:nth-of-type(3), +div.sheet-zodiaque > .repcontainer > .repitem > input[type="hidden"][value="0"] ~ div:nth-of-type(3) > input[type="hidden"][value="0"] ~ span:nth-of-type(4), +div.sheet-zodiaque > .repcontainer > .repitem > input[type="hidden"][value="0"] ~ div:nth-of-type(3) > label:last-of-type +{ + display:none; +} + +div.sheet-zodiaque > .repcontainer > .repitem > div:nth-of-type(3) > label +{ + display:none; + width:100%; +} + +div.sheet-zodiaque > .repcontainer > .repitem > div:nth-of-type(3) > label > span +{ + width: 45px; + font-size: 13px; +} + +div.sheet-zodiaque > .repcontainer > .repitem > div:nth-of-type(3) > label > input[type="text"] +{ + width: 150px; + background: transparent; + border: 0px; + padding: 0px; + border-bottom: 1px dashed black; + height: 22px; + font-size: 13px; + color: black; +} + +div.sheet-zodiaque > .repcontainer > .repitem > div:nth-of-type(3) > span +{ + display:none; + width:100%; + font-weight:bold; + font-size:13px; + font-variant:small-caps; + justify-content:center; +} + +div.sheet-zodiaque > .repcontainer > .repitem > div:not(:nth-of-type(2)) > div +{ + width:80px; height:22px; justify-content:center; align-items:center; } -div.sheet-zodiaque > .repcontainer > .repitem > div > label +div.sheet-zodiaque > .repcontainer > .repitem > div:not(:nth-of-type(2)) > div > label { width:15px; height:15px; } -div.sheet-zodiaque > .repcontainer > .repitem > div > label > input[type="checkbox"] +div.sheet-zodiaque > .repcontainer > .repitem > div:not(:nth-of-type(2)) > div > label > input[type="checkbox"] { position: absolute; width: 15px; @@ -1752,12 +2127,12 @@ div.sheet-zodiaque > .repcontainer > .repitem > div > label > input[type="checkb z-index: 99; } -div.sheet-zodiaque > .repcontainer > .repitem > div > label > input[type="checkbox"] ~ span +div.sheet-zodiaque > .repcontainer > .repitem > div:not(:nth-of-type(2)) > div > label > input[type="checkbox"] ~ span { width:100%; } -div.sheet-zodiaque > .repcontainer > .repitem > div > label > input[type="checkbox"] ~ span::before +div.sheet-zodiaque > .repcontainer > .repitem > div:not(:nth-of-type(2)) > div > label > input[type="checkbox"] ~ span::before { content: ""; width: 13px; @@ -1768,11 +2143,27 @@ div.sheet-zodiaque > .repcontainer > .repitem > div > label > input[type="checkb box-shadow: 2px 2px 1px black; } -div.sheet-zodiaque > .repcontainer > .repitem > div > label > input[type="checkbox"]:checked ~ span::before +div.sheet-zodiaque > .repcontainer > .repitem > div:not(:nth-of-type(2)) > div > label > input[type="checkbox"]:checked ~ span::before { background:black; } +div.sheet-zodiaque > .repcontainer > .repitem > div > div.sheet-autoex +{ + display:none; + width:100%; + background: transparent; + border: 1px dashed black; + color: black; + height:auto; +} + +div.sheet-zodiaque > .repcontainer > .repitem > div > div.sheet-autoex > textarea +{ + background: transparent; + color: black; +} + div.sheet-lameSoeur { width:calc(35% - 10px); @@ -1842,7 +2233,8 @@ div.sheet-lameSoeur > label:nth-of-type(2) > span:last-of-type padding-bottom:2px; } -div.sheet-lameSoeur > label:nth-of-type(2) > button[type="roll"] +div.sheet-lameSoeur > label:nth-of-type(2) > button[type="roll"], +div.sheet-lameSoeur > .repcontainer > .repitem > button[type="roll"] { width: 20px; height:18px; @@ -1853,7 +2245,8 @@ div.sheet-lameSoeur > label:nth-of-type(2) > button[type="roll"] margin-top:2px; } -div.sheet-lameSoeur > label:nth-of-type(2) > button[type="roll"]::before +div.sheet-lameSoeur > label:nth-of-type(2) > button[type="roll"]::before, +div.sheet-lameSoeur > .repcontainer > .repitem > button[type="roll"]::before { font-size: 25px; color: var(--sombre); @@ -1870,7 +2263,8 @@ div.sheet-lameSoeur > label > input[type="text"] border-bottom:1px dashed black; } -div.sheet-lameSoeur > h2 +div.sheet-lameSoeur > h2, +div.sheet-lameSoeur > div:nth-of-type(2) > h2 { width: 100%; font-size:13px; @@ -1881,10 +2275,51 @@ div.sheet-lameSoeur > h2 height:30px; } +div.sheet-lameSoeur > div:nth-of-type(2) +{ + width: 100%; + z-index:99; + padding-left:41px; + margin-bottom:4px; +} + +div.sheet-lameSoeur > div:nth-of-type(2) > h1 +{ + width: calc(100% - 41px); +} + +div.sheet-lameSoeur > div:nth-of-type(2) > button[type="action"] +{ + width: 18px; + height:18px; + border:0px; + padding:0px; + justify-content:center; + margin-top:auto; + font-size:11px; + background:var(--sombre); + color:white; + box-shadow: 3px 3px 1px black; + border:1px solid white; + font-weight:bold; +} + +div.sheet-lameSoeur > div:nth-of-type(2) button[type="action"]:first-of-type +{ + margin-right:1px; +} + +div.sheet-lameSoeur > div:nth-of-type(2) button[type="action"]:hover +{ + box-shadow: none;; +} + div.sheet-lameSoeur > div.sheet-autoex > textarea { background:transparent; border:1px dashed black; + padding-right:1px; + padding-left:1px; } div.sheet-lameSoeur > .repcontainer, @@ -1937,9 +2372,9 @@ div.sheet-lameSoeur > .repcontainer > .repitem > label > input[type="checkbox"]: content:"-"; } -div.sheet-lameSoeur > .repcontainer > .repitem > input[type="text"] +div.sheet-lameSoeur > .repcontainer > .repitem > select { - width:calc(100% - 24px); + width:calc(100% - 24px - 20px); height:22px; background:transparent; padding:0px; @@ -1948,23 +2383,138 @@ div.sheet-lameSoeur > .repcontainer > .repitem > input[type="text"] color:black; } -div.sheet-lameSoeur > .repcontainer > .repitem > input[type="hidden"][value="1"] ~ div +div.sheet-lameSoeur > .repcontainer > .repitem > input[type="text"] +{ + display:none; + width:100%; + height:22px; + background:transparent; + padding:0px; + border:0px; + border-bottom:1px dashed black; + color:black; +} + +div.sheet-lameSoeur > .repcontainer > .repitem > input[type="hidden"]:nth-of-type(2)[value="0"] ~ input[type="text"] { display:flex; } -div.sheet-lameSoeur > .repcontainer > .repitem > div +div.sheet-lameSoeur > .repcontainer > .repitem > input[type="hidden"]:nth-of-type(2)[value="0"] ~ select { - width:calc(100% - 2px); display:none; } -div.sheet-lameSoeur > .repcontainer > .repitem > div > textarea +div.sheet-lameSoeur > .repcontainer > .repitem > input[type="hidden"]:nth-of-type(2)[value="0"] ~ input[type="text"] +{ + width:calc(100% - 24px - 20px); +} + +div.sheet-lameSoeur > .repcontainer > .repitem > input[type="hidden"]:nth-of-type(1)[value="1"] ~ div, +div.sheet-lameSoeur > .repcontainer > .repitem > input[type="hidden"]:nth-of-type(1)[value="1"] ~ select +{ + display:flex; +} + +div.sheet-lameSoeur > .repcontainer > .repitem > input[type="hidden"]:nth-of-type(1)[value="1"] ~ input[type="text"] +{ + width:calc(100% - 20px); +} + +div.sheet-lameSoeur > .repcontainer > .repitem > input[type="hidden"]:nth-of-type(1)[value="1"] ~ select +{ + width:calc(100% - 24px - 20px); +} + +div.sheet-lameSoeur > .repcontainer > .repitem > input[type="hidden"]:nth-of-type(2)[value="0"] ~ select +{ + width:calc(100% - 24px); +} + +div.sheet-lameSoeur > .repcontainer > .repitem > div +{ + width:100%; + display:none; + flex-wrap:wrap; +} + +div.sheet-lameSoeur > .repcontainer > .repitem > div +{ + width:100%; + display:none; + flex-wrap:wrap; +} + +div.sheet-lameSoeur > .repcontainer > .repitem > div > label +{ + width: 100%; + justify-content: space-between; +} + +div.sheet-lameSoeur > .repcontainer > .repitem > div > label:nth-of-type(1) > span +{ + width: 90px; + font-size: 13px; +} + +div.sheet-lameSoeur > .repcontainer > .repitem > div > label:nth-of-type(1) > input[type="text"] +{ + width: calc(100% - 95px); + background: transparent; + border: 0px; + padding: 0px; + border-bottom: 1px dashed black; + height: 22px; + font-size: 11px; + color:black; +} + +div.sheet-lameSoeur > .repcontainer > .repitem > div > label:nth-of-type(2) > span +{ + width: 50px; + font-size: 13px; +} + +div.sheet-lameSoeur > .repcontainer > .repitem > div > label:nth-of-type(3) > span +{ + width: 65px; + font-size: 13px; +} + +div.sheet-lameSoeur > .repcontainer > .repitem > div > label:nth-of-type(2) > input[type="text"] +{ + width: calc(100% - 55px); + background: transparent; + border: 0px; + padding: 0px; + border-bottom: 1px dashed black; + height: 22px; + font-size: 11px; + color:black; +} + +div.sheet-lameSoeur > .repcontainer > .repitem > div > label:nth-of-type(3) > input[type="text"] +{ + width: calc(100% - 65px); + background: transparent; + border: 0px; + padding: 0px; + border-bottom: 1px dashed black; + height: 22px; + font-size: 11px; + color:black; +} + +div.sheet-lameSoeur > .repcontainer > .repitem > div > div +{ + margin-top:5px; + margin-bottom:5px; +} + +div.sheet-lameSoeur > .repcontainer > .repitem > div > div > textarea { background:transparent; - border-right:1px dashed black; - border-left:1px dashed black; - border-bottom:1px dashed black; + border:1px dashed black; color:black; } @@ -2241,8 +2791,6 @@ div.sheet-tabActions > input[type="hidden"][value="1"] ~ div z-index:99; } -div.sheet-tabPrimes > input[type="hidden"][value="1"] ~ div, -div.sheet-tabPenalites > input[type="hidden"][value="1"] ~ div, div.sheet-tabInitiative > input[type="hidden"][value="1"] ~ div { width:390px; @@ -2251,6 +2799,16 @@ div.sheet-tabInitiative > input[type="hidden"][value="1"] ~ div z-index:99; } + +div.sheet-tabPrimes > input[type="hidden"][value="1"] ~ div, +div.sheet-tabPenalites > input[type="hidden"][value="1"] ~ div +{ + width:490px; + visibility:visible; + opacity:1; + z-index:99; +} + div.sheet-tabActions > input[type="hidden"][value="0"] ~ div, div.sheet-tabPrimes > input[type="hidden"][value="0"] ~ div, div.sheet-tabPenalites > input[type="hidden"][value="0"] ~ div, @@ -2269,7 +2827,10 @@ div.sheet-tabActions > input[type="hidden"][value="1"] ~ label } div.sheet-tabPrimes > input[type="hidden"][value="1"] ~ label, -div.sheet-tabPenalites > input[type="hidden"][value="1"] ~ label, +div.sheet-tabPenalites > input[type="hidden"][value="1"] ~ label +{ + margin-left:491px; +} div.sheet-tabInitiative > input[type="hidden"][value="1"] ~ label { margin-left:391px; @@ -2358,6 +2919,53 @@ div.sheet-tabPenalites > div > div > span padding-left: 2px; } +div.sheet-tabPrimes > div > div > label, +div.sheet-tabPenalites > div > div > label +{ + width:100px; + margin-right:1px; + margin-left:2px; + margin-bottom:1px; + margin-top:1px; +} + +div.sheet-tabPrimes > div > div > label > input[type="checkbox"], +div.sheet-tabPenalites > div > div > label > input[type="checkbox"] +{ + position:absolute; + opacity:0; + width:100px; + height:30px; +} + +div.sheet-tabPrimes > div > div > label > input[type="checkbox"] ~ span, +div.sheet-tabPenalites > div > div > label > input[type="checkbox"] ~ span +{ + width:100%; +} + +div.sheet-tabPrimes > div > div > label > input[type="checkbox"] ~ span::before, +div.sheet-tabPenalites > div > div > label > input[type="checkbox"] ~ span::before +{ + display:flex; + content:"Appliquer"; + width:100%; + height:28px; + border:1px solid black; + justify-content:center; + font-weight:bold; + line-height:28px; + font-size:13px; + color:black; +} + +div.sheet-tabPrimes > div > div > label > input[type="checkbox"]:checked ~ span::before, +div.sheet-tabPenalites > div > div > label > input[type="checkbox"]:checked ~ span::before +{ + background-color:var(--sombre); + color:white; +} + div.sheet-tabPrimes > div > div:first-of-type > span, div.sheet-tabPenalites > div > div:first-of-type > span { @@ -2370,13 +2978,65 @@ div.sheet-tabPrimes > div > div > span:nth-of-type(3), div.sheet-tabPenalites > div > div > span:nth-of-type(1), div.sheet-tabPenalites > div > div > span:nth-of-type(3) { - width:30%; + width:calc(30% - 33.66px); +} + +div.sheet-tabPrimes > div > div > span:nth-of-type(3), +div.sheet-tabPenalites > div > div > span:nth-of-type(3) +{ + border-right:1px solid black; + height:100%; +} + + +div.sheet-tabPrimes > div > div:first-of-type > span:nth-of-type(3), +div.sheet-tabPenalites > div > div:first-of-type > span:nth-of-type(3) +{ + border-right:1px solid black; + height:100%; +} + +div.sheet-tabPrimes > div > div:first-of-type > label, +div.sheet-tabPenalites > div > div:first-of-type > label +{ + width:100px; + justify-content:center; + height:30px; + align-items:center; +} + +div.sheet-tabPrimes > div > div:first-of-type > label > button[type="action"], +div.sheet-tabPenalites > div > div:first-of-type > label > button[type="action"] +{ + width: 100px; + position: absolute; + opacity: 0; + height: 30px; + margin: 0px; + padding: 0px; +} + +div.sheet-tabPrimes > div > div:first-of-type > label > span, +div.sheet-tabPenalites > div > div:first-of-type > label > span +{ + font-variant:small-caps; + color:white; + font-size:11px; + font-weight:normal; +} + +div.sheet-tabPrimes > div > div:first-of-type > label > span::before, +div.sheet-tabPenalites > div > div:first-of-type > label > span::before +{ + content:"1"; + font-family:"pictos"; + margin-right:2px; } div.sheet-tabPrimes > div > div > span:nth-of-type(2), div.sheet-tabPenalites > div > div > span:nth-of-type(2) { - width: 40%; + width: calc(40% - 33.66px - 1px); border-left: 1px solid black; border-right: 1px solid black; min-height: 100%; @@ -2394,6 +3054,18 @@ div.sheet-tabPenalites > div > div:nth-of-type(2n+3) background: var(--clair); } +div.sheet-tabPrimes > div > div:nth-of-type(2n) > label > span::before, +div.sheet-tabPenalites > div > div:nth-of-type(2n) > label > span::before +{ + background-color: var(--clair); +} + +div.sheet-tabPrimes > div > div:nth-of-type(2n+3) > label > span::before, +div.sheet-tabPenalites > div > div:nth-of-type(2n+3) > label > span::before +{ + background-color: white; +} + div.sheet-tabPrimes > div > div:not(:last-of-type), div.sheet-tabPenalites > div > div:not(:last-of-type) { @@ -2554,8 +3226,7 @@ div.sheet-penalites background:white; } -.sheet-rolltemplate-base > span:not(:nth-last-of-type(1)), -.sheet-rolltemplate-base > div:first-of-type +.sheet-rolltemplate-base > span:not(:nth-last-of-type(1)) { border-bottom:1px solid black; } @@ -2598,6 +3269,40 @@ div.sheet-penalites min-height:30px; } +.sheet-rolltemplate-base > div.sheet-primePenalite +{ + width:100%; + flex-wrap:wrap; +} + +.sheet-rolltemplate-base > div.sheet-primePenalite +{ + border-top:2px solid black; + height:auto; + background:white; +} + +.sheet-rolltemplate-base > div.sheet-primePenalite > h2 +{ + display:flex; + width:100%; + justify-content:center; + font-size:16px; + color:black; + line-height:30px; +} + +.sheet-rolltemplate-base > div.sheet-primePenalite > span +{ + display:inline; + width:100%; + justify-content:left; + border-top:1px solid black; + font-weight:normal; + background:var(--clair); + padding-right:2px; +} + .sheet-rolltemplate-base > span.sheet-paragraphe { justify-content:left; diff --git a/Trinites/Trinites.html b/Trinites/Trinites.html index c2b7f95b5e..6e250e1b94 100644 --- a/Trinites/Trinites.html +++ b/Trinites/Trinites.html @@ -1,4 +1,1313 @@ + + + + + + + + + + + + + + + + + + + + + + +
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+