diff --git a/Prophecy 2/prophecy 2.css b/Prophecy 2/prophecy 2.css index 2dcbd3f323..8b9a86e7c4 100644 --- a/Prophecy 2/prophecy 2.css +++ b/Prophecy 2/prophecy 2.css @@ -52,6 +52,80 @@ textarea display:flex; } +div.sheet-autoex +{ + line-height: 1.4em; + min-height: 1.4em; + cursor: text; + text-align: left; + position:relative; + width:100%; +} + +div.sheet-autoex > span +{ + visibility: hidden; + display: block; + font-family: inherit; + font-size: inherit; + line-height: inherit; + white-space: pre-wrap; + text-align: inherit; + min-height: inherit; + height:100%; + word-wrap:anywhere; + padding-left:2px; + padding-right:2px; +} + +div.sheet-autoex > textarea +{ + display: block; + z-index: 1; + position: absolute; + top: 0; + left: 0; + height: 100%; + width: calc(100% - 4px);; + overflow: hidden; + font-family: inherit; + font-size: inherit; + line-height: inherit; + white-space: pre-wrap; + text-align: inherit; + min-height: inherit; + resize: none; + margin:0px; + padding-left:2px; + padding-right:2px; + background:transparent; +} + +div.sheet-autoex > textarea::placeholder +{ + font-family:"Contrail One"; + color: #575957da; + text-transform: capitalize; + font-style: italic; + text-align: center; + font-size: 95%; + font-weight:normal; +} + +div.sheet-autoex22 +{ + min-height:22px; +} + +div.sheet-autoex28 +{ + min-height:28px; +} + +div.sheet-autoex40 +{ + min-height:40px; +} input.sheet-tabMenu[value="1"] ~ div.sheet-tab1, input.sheet-tabMenu[value="2"] ~ div.sheet-tab2, @@ -161,13 +235,14 @@ div.sheet-menu > label:last-child > div div.sheet-menu > label:last-child > input[type="checkbox"]:checked ~ div { display: flex; - width: 230px; + width: 275px; border: 1px solid black; background-color: sienna; position: absolute; - margin-left: -241px; + margin-left: -286px; padding: 10px; border-radius: 10px; + flex-wrap:wrap; } div.sheet-menu > label:last-child > div > label @@ -182,7 +257,7 @@ div.sheet-menu > label:last-child > div > label border-radius: 10px; } -div.sheet-menu > label:last-child > div > label > span +div.sheet-menu > label:last-child > div > label:first-of-type > span { font-variant: small-caps; font-weight: bold; @@ -192,7 +267,17 @@ div.sheet-menu > label:last-child > div > label > span align-self: center; } -div.sheet-menu > label:last-child > div > label > select +div.sheet-menu > label:last-child > div > label:last-of-type > span +{ + font-variant: small-caps; + font-weight: bold; + width: 100%; + display: flex; + font-size: 15px; + align-self: center; +} + +div.sheet-menu > label:last-child > div > label:first-of-type > select { width: 50%; display: flex; @@ -203,6 +288,22 @@ div.sheet-menu > label:last-child > div > label > select font-weight: bold; } +div.sheet-menu > label:last-child > div > label:last-of-type > select +{ + width: 100%; + display: flex; + margin: 0px; + background: transparent; + border: 1px solid sienna; + border-radius: 0px; + font-weight: bold; +} + +div.sheet-menu > label:last-child > div > label:not(:first-of-type) +{ + margin-top:5px; +} + .sheet-topBlock { justify-content:space-between; @@ -841,13 +942,18 @@ div.sheet-menu > label:last-child > div > label > select flex-wrap:wrap; } +.sheet-tab1 > .sheet-bodyBlock > .sheet-rightBlock > input[type="hidden"][value$="0}"] ~ div +{ + display:none; +} + .sheet-tab1 > .sheet-bodyBlock > .sheet-rightBlock > div:last-child, -.sheet-tab1 > .sheet-bodyBlock > .sheet-rightBlock > div:nth-last-child(2) +.sheet-tab1 > .sheet-bodyBlock > .sheet-rightBlock > div:nth-last-of-type(2) { justify-content:space-between; } -.sheet-tab1 > .sheet-bodyBlock > .sheet-rightBlock > div:nth-last-child(2) +.sheet-tab1 > .sheet-bodyBlock > .sheet-rightBlock > div:nth-last-of-type(2) { flex-wrap:nowrap; } @@ -856,7 +962,7 @@ div.sheet-menu > label:last-child > div > label > select { width:100%; display:flex; - height: 30px; + height: 23px; font-size: 15px; font-variant: small-caps; align-items: end; @@ -869,7 +975,12 @@ div.sheet-menu > label:last-child > div > label > select width:calc(100% - 50px); } -.sheet-tab1 > .sheet-bodyBlock > .sheet-rightBlock > div:nth-last-child(2) > span +.sheet-tab1 > .sheet-bodyBlock > .sheet-rightBlock > div:last-child > input[type="number"] +{ + text-align:center; +} + +.sheet-tab1 > .sheet-bodyBlock > .sheet-rightBlock > div:nth-last-of-type(2) > span { width:calc(100% - 40px); height:25px; @@ -891,7 +1002,7 @@ div.sheet-menu > label:last-child > div > label > select } .sheet-tab1 > .sheet-bodyBlock > .sheet-rightBlock > div > label > button, -.sheet-tab1 > .sheet-bodyBlock > .sheet-rightBlock > div:nth-last-child(2) > button +.sheet-tab1 > .sheet-bodyBlock > .sheet-rightBlock > div:nth-last-of-type(2) > button { width: 20px; display: flex; @@ -904,20 +1015,20 @@ div.sheet-menu > label:last-child > div > label > select } .sheet-tab1 > .sheet-bodyBlock > .sheet-rightBlock > div > label > button:last-child, -.sheet-tab1 > .sheet-bodyBlock > .sheet-rightBlock > div:nth-last-child(2) > button:last-child +.sheet-tab1 > .sheet-bodyBlock > .sheet-rightBlock > div:nth-last-of-type(2) > button:last-child { border-left:0px; } .sheet-tab1 > .sheet-bodyBlock > .sheet-rightBlock > div > label > button:last-child::before, -.sheet-tab1 > .sheet-bodyBlock > .sheet-rightBlock > div:nth-last-child(2) > button:last-child::before +.sheet-tab1 > .sheet-bodyBlock > .sheet-rightBlock > div:nth-last-of-type(2) > button:last-child::before { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; content: "T"; } -.sheet-tab1 > .sheet-bodyBlock > .sheet-rightBlock > div:nth-last-child(2) > button::before +.sheet-tab1 > .sheet-bodyBlock > .sheet-rightBlock > div:nth-last-of-type(2) > button::before { font-size:1.2em; } @@ -1480,14 +1591,13 @@ div.sheet-subBlockSpe > button[type="roll"]:nth-child(4) align-items: center; } -.sheet-subBlockArmes > div.sheet-dommages > textarea +.sheet-subBlockArmes > div.sheet-dommages > div { width: calc(100% - 3px); - height: 25px; - min-height: 25px; margin:0px; border: 1px solid sienna; - background:transparent; + font-size:13px; + line-height:15px; } .sheet-tab3 > .sheet-bodyBlock, @@ -1796,12 +1906,14 @@ div.sheet-subBlockSpe > button[type="roll"]:nth-child(4) margin-bottom:0px; } -.sheet-subBlockSortilegesMaitrises > textarea:nth-last-child(2) +.sheet-subBlockSortilegesMaitrises > div { margin-top:2px; width:calc(100% - 30px); margin-right:1px; - height:22px; + font-size:13px; + line-height:15px; + border: 1px solid sienna; } .sheet-subBlockSortilegesMaitrises > input:nth-child(4), @@ -1876,7 +1988,27 @@ div.sheet-subBlockSpe > button[type="roll"]:nth-child(4) margin:0px; } -.sheet-tab4 > .sheet-bodyBlock > .sheet-rightBlock > label > h3 +.sheet-tab4 > .sheet-bodyBlock > .sheet-rightBlock > label:first-of-type > span +{ + width:135px; + align-items:end; + display:flex; + font-size:12px; + font-variant:small-caps; +} + +.sheet-tab4 > .sheet-bodyBlock > .sheet-rightBlock > label:first-of-type > input[type="number"] +{ + width:calc(100% - 145px); + align-items:end; + display:flex; + padding-left:0px; + padding-right:0px; + text-align:center; + padding-bottom:0px; +} + +.sheet-tab4 > .sheet-bodyBlock > .sheet-rightBlock > label:not(:first-of-type) > h3 { width:calc(100% - 200px); margin-right:5px; @@ -1885,7 +2017,7 @@ div.sheet-subBlockSpe > button[type="roll"]:nth-child(4) font-variant:small-caps; } -.sheet-tab4 > .sheet-bodyBlock > .sheet-rightBlock > label > input[type="text"] +.sheet-tab4 > .sheet-bodyBlock > .sheet-rightBlock > label:not(:first-of-type) > input[type="text"] { width:140px; text-align:center; @@ -1895,7 +2027,7 @@ div.sheet-subBlockSpe > button[type="roll"]:nth-child(4) margin-right:5px; } -.sheet-tab4 > .sheet-bodyBlock > .sheet-rightBlock > label > input[type="number"] +.sheet-tab4 > .sheet-bodyBlock > .sheet-rightBlock > label:not(:first-of-type) > input[type="number"] { width:50px; text-align:center; @@ -1916,14 +2048,14 @@ div.sheet-subBlockSpe > button[type="roll"]:nth-child(4) padding-left:0px; } -.sheet-subBlockCasteLien > textarea +.sheet-subBlockCasteLien > div { background: transparent; border: 1px solid sienna; margin: 0px; width: calc(100% - 3px); border-top: 0px; - height:40px; + line-height:15px; } .sheet-tab5 > .sheet-bodyBlock > .sheet-leftBlock @@ -2099,14 +2231,15 @@ div.sheet-subBlockSpe > button[type="roll"]:nth-child(4) padding-left:0px; } -.sheet-subBlockArmesEquipement > textarea +.sheet-subBlockArmesEquipement > div { width:calc(28% - 1px); - height:28px; margin:0px; border:1px solid sienna; background:transparent; display:flex; + font-size:13px; + line-height:15px; } .sheet-subBlockArmesEquipement > input[type="number"] @@ -2269,13 +2402,14 @@ div.sheet-subBlockSpe > button[type="roll"]:nth-child(4) width:100%; } -.sheet-tab6 > .sheet-bottomBlock > .sheet-leftBlock > label > textarea +.sheet-tab6 > .sheet-bottomBlock > .sheet-leftBlock > label > div { margin: 0px; background: transparent; border: 1px solid sienna; width: calc(100% - 3px); - height: 40px; + font-size:13px; + line-height:15px; } .sheet-subBlockCompagnons @@ -2349,13 +2483,14 @@ div.sheet-subBlockSpe > button[type="roll"]:nth-child(4) font-variant:small-caps; } -.sheet-subBlockPouvoirsEclat > textarea +.sheet-subBlockPouvoirsEclat > div { margin: 0px; background: transparent; border: 1px solid sienna; width: calc(100% - 3px); - height:40px; + font-size:13px; + line-height:15px; } .sheet-rolltemplate-standard .sheet-mainBlock, diff --git a/Prophecy 2/prophecy 2.html b/Prophecy 2/prophecy 2.html index a74373ff65..04b91185d3 100644 --- a/Prophecy 2/prophecy 2.html +++ b/Prophecy 2/prophecy 2.html @@ -944,6 +944,14 @@ + @@ -1082,6 +1090,7 @@ +