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 @@ + + + + + + + + + + + + + + + + + + + + + + +
Accélération toutes / Ralentissement Initiative + 3 +
Attaques multiples Frapper, Tirer, Détruire / - Dégâts -50% +
Blessure grave Frapper, Tirer, Détruire / Blessure légère Dégâts +50% +
Blessure non létale Frapper, Tirer / - Provoque l'inconscience +
Blessure précise Frapper, Tirer, Détruire / - Protection / 2 +
Circonspection toutes / Risque Annule le -3 d'un échec +
Efficacité toutes / Difficulté Résultat final +3 +
Débordement toutes pendant une scène d'action / Facilité Test de réaction adverse -3 +
Prudence toutes / Débordement de l'adversaire Résultat final de la prochaine action +3 +
@@ -499,46 +2334,82 @@ Pénalités Actions autorisées / Prime annulée Effets +
Consommation d'une ressource toutes / - p. 127 +
Blessure légère Frapper ou Tirer / Blessure grave Dégâts -50% +
Danger toutes, pendant une scène d'action / Prudence Résultat final de la prochaine action -3 +
Difficulté toutes / Efficacité Résultat final -3 +
Facilité toutes / Débordement - Test de réaction adverse -3 + Test de réaction adverse +3 +
Ralentissement toutes / Accélération Durée +50% +
Risque toutes / Circonspection p. 128 +
Débordement toutes pendant une scène d'action / Facilité Test de réaction adverse -3 +
@@ -579,7 +2450,7 @@ +3 @@ -645,7 +2516,7 @@
- +
@@ -658,7 +2529,7 @@
- + o
@@ -666,7 +2537,7 @@
- + o
@@ -674,7 +2545,7 @@
- + o
@@ -686,7 +2557,7 @@
- +
@@ -699,7 +2570,7 @@
- + o
@@ -707,7 +2578,7 @@
- + o
@@ -715,7 +2586,7 @@
- + o
@@ -728,7 +2599,7 @@
- +
@@ -739,7 +2610,7 @@
- + f
@@ -747,7 +2618,7 @@
- + f
@@ -755,7 +2626,7 @@
- + f
@@ -767,7 +2638,7 @@
- +
@@ -778,7 +2649,7 @@
- + o
@@ -786,7 +2657,7 @@
- + o
@@ -794,7 +2665,7 @@
- + o
@@ -807,7 +2678,7 @@
- +
@@ -818,7 +2689,7 @@
- + o
@@ -826,7 +2697,7 @@
- + o
@@ -834,7 +2705,7 @@
- + o
@@ -846,7 +2717,7 @@
- +
@@ -857,7 +2728,7 @@
- + o
@@ -865,7 +2736,7 @@
- + o
@@ -873,7 +2744,7 @@
- + o
@@ -886,7 +2757,7 @@
- +
@@ -897,7 +2768,7 @@
- + f
@@ -905,7 +2776,7 @@
- + f
@@ -913,7 +2784,7 @@
- + f
@@ -925,7 +2796,7 @@
- +
@@ -936,7 +2807,7 @@
- + o
@@ -944,7 +2815,7 @@
- + o
@@ -952,7 +2823,7 @@
- + o
@@ -965,7 +2836,7 @@
- +
@@ -976,7 +2847,7 @@
- + o
@@ -984,7 +2855,7 @@
- + o
@@ -992,7 +2863,7 @@
- + o
@@ -1004,7 +2875,7 @@
- +
@@ -1015,7 +2886,7 @@
- + o
@@ -1023,7 +2894,7 @@
- + f
@@ -1031,7 +2902,7 @@
- + o
@@ -1044,7 +2915,7 @@
- +
@@ -1055,7 +2926,7 @@
- + o
@@ -1063,7 +2934,7 @@
- + o
@@ -1071,7 +2942,7 @@
- + o
@@ -1083,7 +2954,7 @@
- +
@@ -1094,15 +2965,15 @@
- - o + + f
- + f
@@ -1110,7 +2981,7 @@
- + f
@@ -1128,7 +2999,7 @@ - +
Appartenant à... @@ -1190,7 +3061,7 @@
- +
@@ -1200,7 +3071,7 @@
- +
@@ -1347,14 +3218,14 @@
- +
- +
@@ -1408,7 +3321,13 @@

Deva

-
-

Zodiaque

- Auras - Corps - Main - Epée - Oeil -
- -
- -
-
- -
-
- -
-
- -
-
-

La lame-soeur

@@ -1528,36 +3616,193 @@

Description

-

Atouts

+
+

Atouts

+ + +
- -
- - + + + + +
+ + + +
+ + +
+
+

Zodiaque

+
+

Lumière

+
+ Dépense de Karma + + +
+
+
+

Ténèbre

+
+ Dépense de Karma + + +
+
+ Auras + Cosme + Corps + Main + Epée + Oeil +
+ +
+ + + + +
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+ + + Manifestation + Description +
+ + +
+ Effets + Souffle +
+ + +
+
+
+
+

{{type}}

-
- Score - {{score}} -
{{#nTrinite}}
Résultat @@ -1607,4 +3852,19 @@ {{#proprietes}} {{proprietes}} {{/proprietes}} + {{#atout}} +
+

Atout

+ {{#0}} + {{atoutP}} + {{/0}} + {{^0}} + {{atout}} + {{/0}} +
+ {{/atout}} +
+

Primes et Pénalités

+ {{texte}} +
\ No newline at end of file