diff --git a/Pathfinder Playtest/PFPlaytest.css b/Pathfinder Playtest/PFPlaytest.css index 1c40f903f1..4f7548f822 100644 --- a/Pathfinder Playtest/PFPlaytest.css +++ b/Pathfinder Playtest/PFPlaytest.css @@ -1,5 +1,5 @@ * { - font-family:"Patrick Hand"; + font-family:"Arial"; color:black; } .sheet-pictos{/*elements that should be using the pictos font*/ @@ -33,7 +33,7 @@ .sheet-label, .sheet-character-sheet button[type=roll] { font-weight:400 !important; - font-size:10pt; + font-size:9pt; } [hidden='true'] { display:none !important; @@ -47,7 +47,7 @@ textarea, background-color:transparent; border:0px solid black; border-bottom:1px solid black; - font-size:10pt; + font-size:9pt; box-shadow:none; -webkit-appearance: none; -moz-appearance: none; @@ -181,7 +181,7 @@ label:hover, min-height:100%; } .sheet-character-sheet h1 { - font-size:10pt; + font-size:9pt; line-height:inherit; z-index:2; text-align:center; @@ -207,7 +207,7 @@ label:hover, radial-gradient(circle at 0% 100%,transparent var(--circlebore),var(--circlecolor) var(--circlebore),var(--circlecolor) var(--ringsize),var(--circlecolor) 0) bottom left/52% 52% no-repeat; text-transform: uppercase; font-weight: 700; - font-size: 10pt; + font-size: 9pt; padding: 0px calc(var(--ringsize) + 5px); text-align: center; letter-spacing: 0px; @@ -563,12 +563,15 @@ div.sheet-tactical-condition > .sheet-encumbrance:in-range + span{ .sheet-class-info{ padding:5px; place-content:start; - grid-template-columns:repeat(4,1fr) repeat(3,1fr) 1fr; + grid-template-columns:repeat(8,1fr); grid-template-rows:repeat(6,auto); grid-gap:5px; overflow-y:scroll; } .sheet-class-info .sheet-name{ + grid-column-end:span 3; +} +.sheet-class-info .sheet-level-details{ grid-column-end:span 4; } .sheet-class-info .sheet-ancestry-details{ @@ -684,6 +687,9 @@ input[type=radio].sheet-char-tab.sheet-class-details-tab:checked ~ .sheet-class- width:auto; z-index:10; } +.repcontainer[data-groupname="repeating_ability"] .sheet-display .sheet-button-description{ + grid-column:button-start; +} .sheet-display .sheet-button-description:not(:hover) > label{ display:none; } @@ -725,19 +731,28 @@ input[type=radio].sheet-char-tab.sheet-class-details-tab:checked ~ .sheet-class- grid-template-columns:3fr repeat(4,1fr) repeat(3,0.5fr); } /*buff styling*/ -.repcontainer[data-groupname='repeating_buff'] { +.sheet-character-sheet .sheet-in-play .repcontainer[data-groupname='repeating_buff'] { width:100%; max-height:100%; overflow-y:scroll!important; overflow-x:hidden; + display:block; + grid-area:container; } .sheet-buffs .sheet-filter-container{ width:100%; } -.repcontainer[data-groupname='repeating_buff'] .repitem{ - width:50%; +.sheet-character-sheet .sheet-in-play .repcontainer[data-groupname='repeating_buff'] .repitem{ + display:inline-block; + width:49%; margin:5px 0px 0px; +} +.sheet-character-sheet .sheet-in-play .repcontainer[data-groupname='repeating_buff'] .repitem:nth-child(odd){ float:left; + margin-right:5px; +} +.sheet-character-sheet .sheet-in-play .repcontainer[data-groupname='repeating_buff'] .repitem:nth-child(even){ + float:right; } .sheet-row-options .sheet-buff-name{ width:100% !important; @@ -760,13 +775,19 @@ textarea.sheet-item-mods{ overflow-y:hidden; overflow-x:hidden; } +.sheet-encumbered:checked ~ .sheet-encumber *{ + color:#e1bb78; + text-shadow:0px 0px 10px #d4162f, 0px 0px 5px #d4162f, 0px 0px 2.5px #d4162f; +} .sheet-encumbered:checked ~ .sheet-encumber { - color:white !important; - background-color:#333398; + background-color:var(--circlecolor); +} +.sheet-overburdened:checked ~ .sheet-overburden *{ + color:#e1bb78; + text-shadow:0px 0px 10px #d4162f, 0px 0px 5px #d4162f, 0px 0px 2.5px #d4162f; } .sheet-overburdened:checked ~ .sheet-overburden { - color:white !important; - background-color:#333398; + background-color:var(--circlecolor); } .sheet-mod-buff[value*="1"] ~ .sheet-modified-attr { color:#f7b238; @@ -812,7 +833,7 @@ textarea.sheet-item-mods{ text-indent:37px !important; } /*Repeating styling*/ -.repcontainer:not([data-groupname='repeating_profession']):not([data-groupname='repeating_condition']){ +.repcontainer:not([data-groupname='repeating_profession']):not([data-groupname='repeating_condition']):not([data-groupname='repeating_buff']){ grid-area:container; max-width:100%; display:grid; @@ -824,7 +845,7 @@ textarea.sheet-item-mods{ margin-right:30px; } .repcontrol{ - --squaredim:10pt; + --squaredim:9pt; place-self:stretch; display:grid; grid-template-columns:1fr; @@ -1003,7 +1024,7 @@ input[type=radio].sheet-tab-button.sheet-options:checked ~ .sheet-page.sheet-opt } .sheet-page.sheet-core { grid-template-columns:[skills-start attribute-start]1fr[skills-end attribute-end initiative-start health-start armor-start repeating-start proficiency-start] 1fr [initiative-end armor-end health-end senses-start saves-start xp-start] 1fr [xp-end senses-end saves-end proficiency-end repeating-end]; - grid-template-rows:[attribute-start initiative-start xp-start] 20px [initiative-end xp-end health-start senses-start] 104px [health-end senses-end armor-start saves-start] 30px [attribute-end skills-start] 132px [armor-end saves-end repeating-start] auto [repeating-end skills-end]; + grid-template-rows:[attribute-start initiative-start xp-start] 20px [initiative-end xp-end health-start senses-start] 104px [health-end senses-end armor-start saves-start] 30px [attribute-end skills-start] 150px [armor-end saves-end repeating-start] auto [repeating-end skills-end]; grid-gap:20px; } .sheet-page.sheet-core .sheet-combat{/*calc(var(--circlebore)/2)calc(150px - var(--circlebore)*2)*/ @@ -1067,16 +1088,21 @@ input[type=radio].sheet-tab-button.sheet-options:checked ~ .sheet-page.sheet-opt .sheet-xp-container{ grid-area:xp; display:grid; - grid-template-columns:0px [label-start] 30px [label-end current-start] 1fr [current-end slash-start] 20px [slash-end max-start] 1fr [max-end] 0px; + grid-template-columns:20px 20px 10px 20px 50px 0.5fr [label-start] 20px [label-end current-start] 2fr [current-end] 0px; grid-template-rows:[label-start current-start slash-start max-start] 1fr [label-end current-end slash-end max-end]; + grid-gap:5px; +} +.sheet-character-sheet .sheet-page .sheet-xp-container input{ + width:100%; } .sheet-xp-container .sheet-label{ - grid-area:label; font-weight:700!important; } +.sheet-xp-container .sheet-label ~ .sheet-label{ + grid-area:label; +} .sheet-character-sheet .sheet-xp-container .sheet-currxp{ grid-area:current; - width:calc(100% - 2px); border-radius:5px; } .sheet-xp-container .sheet-slash{ @@ -1104,7 +1130,7 @@ input[type=radio].sheet-tab-button.sheet-options:checked ~ .sheet-page.sheet-opt grid-area:char-tab; } .sheet-initiative-container > .sheet-section *{ - font-size:10pt !important; + font-size:9pt !important; padding:0px !important; } .sheet-initiative-container > .sheet-section-container{ @@ -1116,11 +1142,11 @@ input[type=radio].sheet-tab-button.sheet-options:checked ~ .sheet-page.sheet-opt } .sheet-initiative-container > .sheet-section-container .sheet-tot{ grid-area:tot; - font-size:10pt; + font-size:9pt; } .sheet-initiative-container > .sheet-section-container .sheet-arith{ grid-area:arith; - font-size:10pt; + font-size:9pt; } .sheet-initiative-container > .sheet-section-container select{ grid-area:select; @@ -1199,7 +1225,7 @@ input[type=radio].sheet-tab-button.sheet-options:checked ~ .sheet-page.sheet-opt } .sheet-character-sheet .sheet-attr-base-mod-container *{ grid-area:acontent; - font-size:10pt; + font-size:9pt; text-align:center; display:block; width:100%; @@ -1265,6 +1291,14 @@ input[type=radio].sheet-tab-button.sheet-options:checked ~ .sheet-page.sheet-opt grid-gap:8px; place-content:start; } +.sheet-span-five{ + grid-column:span 5; + width:100%; +} +.sheet-span-six{ + grid-column:span 6; + width:100%; +} .sheet-health-resolve-container, .sheet-ac-container, .sheet-saving-container{ @@ -1307,12 +1341,12 @@ input[type=radio].sheet-tab-button.sheet-options:checked ~ .sheet-page.sheet-opt width:100% !important; } .sheet-health-label { - font-size:10pt !important; + font-size:9pt !important; font-color:black; } .sheet-current, .sheet-max{ - font-size:10pt !important; + font-size:9pt !important; } .sheet-health-label { margin:auto 0px; @@ -1355,11 +1389,16 @@ input[type=radio].sheet-tab-button.sheet-options:checked ~ .sheet-page.sheet-opt } .sheet-ac-container{ display:grid; - grid-template-columns:0px [type-start] 30px [type-end] 0px [tot-start] 20px [tot-end equal-start] 10px [equal-end base-ten-start] 20px [base-ten-end ten-plus-start] 10px [ten-plus-end arm-start] 20px [arm-end arm-plus-start] 10px [arm-plus-end abi-start] 1fr [abi-end] 0px; - grid-column-gap:5px; - grid-row-gap:5px; + grid-template-columns:0px [type-start notes-start] 30px [type-end] 0px [tot-start] 20px [tot-end equal-start] 10px [equal-end base-ten-start] 20px [base-ten-end ten-plus-start] 10px [ten-plus-end arm-start] 10px [arm-end arm-plus-start] 10px [arm-plus-end prof-start] 10px [prof-end abi-start] 1fr [abi-end notes-end] 0px; + grid-template-rows: repeat(5,auto) [notes-start] 1fr [notes-end]; + grid-gap:5px; align-content:start; justify-content:start; + padding:5px 0px; +} +.sheet-ac-container .sheet-prof{ + grid-column:prof-start / prof-end; + place-self:center; } .sheet-ac-container .sheet-equal{ grid-column:equal-start / equal-end; @@ -1389,17 +1428,17 @@ input[type=radio].sheet-tab-button.sheet-options:checked ~ .sheet-page.sheet-opt grid-column:abi-start / abi-end } .sheet-dr-span{ - grid-column: type-start / tot-end; + grid-column: type-start / equal-end; justify-self:start; margin-left:0px; } input.sheet-dr{ - grid-column: tot-end / abi-end; + grid-column: equal-end / abi-end; width:100%; } .sheet-ac-notes{ - grid-column: type-start / abi-end; - height:65px; + grid-area: notes; + height:100%; resize:none; text-align:left !important; } @@ -1454,6 +1493,14 @@ input.sheet-dr{ grid-gap:5px; align-content:start; } +.sheet-skill-container .sheet-signature-skill[value*="on"]+.sheet-display{ + border-radius:5px; + background-color:var(--circlecolor); +} +.sheet-skill-container .sheet-signature-skill[value*="on"]+.sheet-display *{ + color:#e1bb78 !important; + text-shadow:0px 0px 10px #d4162f, 0px 0px 5px #d4162f, 0px 0px 2.5px #d4162f; +} .sheet-skill-container, .sheet-skill-fieldset{ grid-column:container-start / container-end; @@ -1812,13 +1859,17 @@ span.sheet-field{ } .sheet-bulk-container, .sheet-credits-container{ - margin-bottom:5px; padding:0px 2px; border: 1px solid black; border-radius:3px; position:relative; text-align:center; } +.sheet-credits-container.sheet-credits{ + display:grid; + grid-template-columns:repeat(4,1fr); + grid-gap:5px; +} .sheet-bulk-container .sheet-number, .sheet-bulk-container .sheet-label, .sheet-credits-container .sheet-number, @@ -1860,7 +1911,7 @@ span.sheet-field{ grid-column:1 / 3; } .sheet-filter-container.sheet-item .sheet-row.sheet-equip-state{ - grid-column:1 / 2; + grid-column:span 2; } .sheet-filter-container.sheet-item .sheet-row.sheet-bulk-cost{ grid-column:3 / 5; @@ -1883,11 +1934,14 @@ span.sheet-field{ display:none; } .sheet-filter-container.sheet-item .sheet-purpose-filter[value=armor] + .sheet-equip-state{ - grid-column-end:4; + grid-column:span 3; } -.sheet-filter-container.sheet-item .sheet-purpose-filter[value=armor] ~ .sheet-armor-purpose{ +.sheet-filter-container.sheet-item .sheet-purpose-filter[value=armor] ~ select.sheet-armor-purpose{ display:block; } +.sheet-filter-container.sheet-item .sheet-purpose-filter[value=armor] ~ .sheet-row.sheet-armor-purpose{ + display:flex; +} /*Spell Styling*/ .sheet-spell-containers{ grid-template-columns:1fr 1fr; @@ -2288,7 +2342,8 @@ input[type=checkbox].sheet-class-spells:checked + .sheet-spellclass-container, .sheet-item-container{ grid-area:items; } -.sheet-section-container > .sheet-button-description{ +.sheet-section-container > .sheet-button-description, +.sheet-item-container > .sheet-button-description{ grid-area:header; } .sheet-abilities-container > .sheet-button-description > *, @@ -2314,7 +2369,7 @@ input[type=checkbox].sheet-class-spells:checked + .sheet-spellclass-container, } .sheet-spell-column .sheet-section-container .repcontrol, .sheet-abilities-container .sheet-section-container .repcontrol{ - --squaredim:10pt; + --squaredim:9pt; justify-self:end; width:auto; font-size:var(--squaredim); @@ -2325,8 +2380,9 @@ input[type=checkbox].sheet-class-spells:checked + .sheet-spellclass-container, left:0px; } .sheet-character-sheet .sheet-pseudo-repcontrol{ - --squaredim:10pt; + --squaredim:9pt; place-self:start; + z-index:10; } /*settings style*/ .sheet-settings .sheet-row{ @@ -2531,7 +2587,7 @@ input[type=checkbox].sheet-class-spells:checked + .sheet-spellclass-container, width:100%; border-bottom:1px solid black; line-height:14px; - font-size:10pt; + font-size:9pt; text-align:center; } .sheet-statblock .sheet-field-container .sheet-attr-total-container .sheet-base-attr{ @@ -2717,13 +2773,13 @@ input.sheet-cr{ radial-gradient(circle at 0% 100%,transparent var(--circlebore),var(--circlecolor) var(--circlebore),var(--circlecolor) var(--ringsize),var(--circlecolor) 0) bottom left/52% 52% no-repeat; text-transform: uppercase; font-weight: normal; - font-size: 10pt; + font-size: 9pt; padding: 0px; text-align: center; letter-spacing: 0px; display: inline-block; margin-bottom: 0px; - font-family:Patrick Hand; + font-family:Arial; } .sheet-rolltemplate-generic .sheet-generic-header *, .sheet-rolltemplate-generic .sheet-generic-footer *, @@ -2766,7 +2822,7 @@ input.sheet-cr{ display: inline-block; margin-bottom: 0px; color:white; - font-family:Patrick Hand; + font-family:Arial; } .sheet-rolltemplate-generic .sheet-side-banner > div:first-child, .sheet-rolltemplate-attack .sheet-side-banner > div:first-child, @@ -2799,7 +2855,7 @@ input.sheet-cr{ font-weight:700; font-size:13pt; line-height:1.4em; - font-family:Patrick Hand; + font-family:Arial; } .sheet-rolltemplate-generic .sheet-content-container a, .sheet-rolltemplate-attack .sheet-content-container a, @@ -2815,7 +2871,7 @@ input.sheet-cr{ .sheet-rolltemplate-spell .sheet-generic-body, .sheet-rolltemplate-ship .sheet-generic-body{ color:black; - font-family:Patrick Hand; + font-family:Arial; border: 70px solid transparent; border-image: url('https://s3.amazonaws.com/files.d20.io/images/59311754/w0IK4ij9J8KG2EnGfAcisw/max.png') 222 222 fill repeat; background-color:transparent;