From 17eb4ec49e66a5079169eb692b7f0e80b5b2f87e Mon Sep 17 00:00:00 2001 From: Vince Date: Thu, 28 Jun 2018 15:49:46 -0700 Subject: [PATCH] PF Community sheet font fix --- Pathfinder-Neceros/pathfinder-neceros.css | 178 +++++++++++++--------- 1 file changed, 102 insertions(+), 76 deletions(-) diff --git a/Pathfinder-Neceros/pathfinder-neceros.css b/Pathfinder-Neceros/pathfinder-neceros.css index 1d995f1ecc..abc424302f 100644 --- a/Pathfinder-Neceros/pathfinder-neceros.css +++ b/Pathfinder-Neceros/pathfinder-neceros.css @@ -56,7 +56,7 @@ button[type=roll]:before { font-size: 1.2em; } h1 { - font-size: .9375rem; + font-size: 15px; line-height: 1em; clear: both; text-align: center; @@ -72,12 +72,12 @@ h2,h3 { line-height: 1.4em; height: 1.4em; margin-top: .33em; - font-size: .8125rem; + font-size: 13px; color: initial; } h4,h5,h6 { line-height: 1em; - font-size: .8125rem; + font-size: 13px; color: initial; } .sheet-pf-wrapper { @@ -215,6 +215,7 @@ input[readonly], input[disabled] { .sheet-linked-tablecell .sheet-macro-text-inline.sheet-linked-cellfield { width:calc(100% - 3.5em); max-width:calc(100% - 3.5em); + vertical-align: bottom; } .sheet-linked-tablecell-short select.sheet-linked-cellfield, .sheet-linked-tablecell-short .sheet-macro-text-inline.sheet-linked-cellfield { @@ -233,6 +234,7 @@ input[readonly], input[disabled] { .sheet-linked-tablecell.sheet-small-label2 .sheet-divider-db-lg, .sheet-linked-tablecell.sheet-small-label2 .sheet-divider-db { display:inline !important; + vertical-align: bottom; } .sheet-kinetic-sect .sheet-linked-fields { width: 10em; @@ -288,7 +290,7 @@ button[type="roll"]:not(.sheet-command-button) { background-color:black; color:white; margin: 0 .25em 0 .25em; - font-size: .95rem; + font-size: 15px; min-height: 1.5em; min-width: 1.5em; padding: .25em .25em .3em .25em; @@ -335,7 +337,7 @@ h1,h2,h3,h4, font-stretch: ultra-expanded; font-weight: bold; color: DimGray; - font-size: 1rem; + font-size: 16px; } /* fonts */ .sheet-pf-wrapper, @@ -687,7 +689,7 @@ also need 1 more level in selector or base css will override border */ } .sheet-error { color: Red; - font-size: .825rem; + font-size: 14px; background-color: White; margin-left: .25em; } @@ -695,7 +697,7 @@ also need 1 more level in selector or base css will override border */ display: none; } .sheet-small-label { - font-size: .7rem; + font-size: 12px; font-style: italic; font-weight: bold; color: Black; @@ -749,7 +751,8 @@ also need 1 more level in selector or base css will override border */ .sheet-linked-custom .sheet-macro-text-inline, .sheet-kinetic-sect .sheet-linked-tablecell .sheet-macro-text-inline, .sheet-kinetic-sect .sheet-linked-tablecell select.sheet-linked-cellfield { - width:calc(100% - 7em); + width:calc(100% - 7em); + vertical-align: bottom; /* display:inline; */ } .sheet-readonly-show:not(:checked) ~ .sheet-main .sheet-tab99:not(:checked) ~ .sheet-section > .sheet-notes { @@ -799,7 +802,7 @@ also need 1 more level in selector or base css will override border */ .sheet-burn-sect .sheet-linked-custom .sheet-linked-fields > span { font-weight: bold; font-style: italic; - font-size: .7rem; + font-size: 12px; color: black; white-space: normal; } @@ -836,7 +839,7 @@ also need 1 more level in selector or base css will override border */ .sheet-total-row { display: table-row; vertical-align: bottom; - height: 2rem; + height: 32px; overflow: hidden; border-collapse: collapse; } @@ -849,7 +852,7 @@ also need 1 more level in selector or base css will override border */ color: White; background-color: #4a6486; font-weight: bold; - min-width: 4rem; + min-width: 64px; cursor:default; } .sheet-table-config-row-name { @@ -887,7 +890,7 @@ also need 1 more level in selector or base css will override border */ } .sheet-select-small { - font-size: .765rem; + font-size: 12px; height: 2em; padding: 0; min-width: 4.5em; @@ -977,7 +980,7 @@ span.sheet-entry-custom-header { .sheet-super::after { margin-left: .25em; - font-size: 1rem; + font-size: 16px; font-weight: normal; color: black; } @@ -1010,7 +1013,7 @@ button[type=roll].sheet-command-button { display: inline-block; border: 1px solid #789; border-radius: 4px; - font-size: .85rem; + font-size: 14px; } button[type=roll].sheet-command-button:hover { color: #f00; @@ -1022,12 +1025,12 @@ button[type=roll].sheet-spellcaster-button { border-radius: 4px; } .sheet-skills .sheet-table-row .sheet-table-cell:first-child { - font-size: 1rem; + font-size: 16px; padding-left: 0; } .sheet-skills button[type=roll] { - width: 1.5rem; - height: 1.5rem; + width: 24px; + height: 24px; padding: 0; } @@ -1075,7 +1078,7 @@ button[type=roll].sheet-command-button::before { background: #4a6486; color: White; font-weight: bold; - font-size: .8125rem; + font-size: 13px; padding: .4em .3em .1em .3em; vertical-align: bottom; margin-left: -4px; @@ -1106,7 +1109,7 @@ input.sheet-tabinput { } .sheet-mainnav ~ .sheet-tab, .sheet-mainnav ~ .sheet-tabinput { - font-size: 1rem; + font-size: 16px; height: 1.5em; } .sheet-mainnav ~ .sheet-tab { @@ -1625,7 +1628,7 @@ h2.sheet-clickheader { /* generic css buttons borders and colors only */ .sheet-cssbutton { - width: 1.4rem !important; + width: 22px !important; } .sheet-cssbutton, .sheet-refreshbutton, @@ -1634,20 +1637,20 @@ h2.sheet-clickheader { .sheet-addshieldbutton, .sheet-createmacrobutton, .sheet-createattackbutton { - margin-right: -1.5rem; + margin-right: -24px; } .sheet-minimize-show { - margin: 0 -1.4rem 2px .33rem; + margin: 0 -22px 2px 5px; } .sheet-lock-show, .sheet-split-column-show, .sheet-readonly-show, .sheet-createattackbutton { - margin: 0 -1.4rem 2px 0; + margin: 0 -22px 2px 0; } .sheet-deletebutton { - margin: 0 -1.4rem 2px 2rem; + margin: 0 -22px 2px 32px; } .sheet-csstextbutton { @@ -1657,9 +1660,9 @@ h2.sheet-clickheader { .sheet-cssbutton + span::before { display: inline-block; - font-size: 1rem; + font-size: 13px; margin: 3px 2px 2px 2px; - padding: 1px 2px 0 2px; + padding: 0px 2px 0 2px; font-weight: bold; border-radius: 5px; border: 1px solid #808080; @@ -1667,13 +1670,13 @@ h2.sheet-clickheader { color: Black; text-align: center; font-style: normal !important; - width: 1.4rem; - height: 1.4rem; + width: 22px; + height: 22px; } .sheet-csstextbutton + span { display: inline-block; - font-size: .85rem; + font-size: 14px; margin: 3px 2px 2px 2px; padding: 1px 2px 0 2px; font-weight: bold; @@ -1684,7 +1687,7 @@ h2.sheet-clickheader { text-align: center; font-style: normal !important; width: 4em; - height: 1.4rem; + height: 22px; } .sheet-showarrow:hover + .sheet-showsect:not(.sheet-showsect-nocolor), .sheet-showarrow:hover + .sheet-showsect::before, @@ -1813,7 +1816,7 @@ h2.sheet-clickheader { .sheet-cssbutton-label { margin-left: -3em; font-weight: bold; - font-size: .666rem; + font-size: 10px; font-style: italic; vertical-align: bottom; cursor: help; @@ -1844,7 +1847,8 @@ input.sheet-refreshbutton { .sheet-readonly-show + span::before { background-color:white !important; background: url("http://i.imgur.com/C8lPQRS.png"); - background-position: -1px -1px; + background-position: 2px 2px; + background-size: 16px; content:' '; color:transparent; background-repeat:no-repeat !important; @@ -1854,19 +1858,22 @@ input.sheet-refreshbutton { .sheet-readonly-show:hover + span::before { background-color:white !important; background: url("http://i.imgur.com/MEXe7NT.png"); - background-position: -1px -1px; + background-position: 2px 2px; + background-size: 16px; color:transparent; } .sheet-readonly-show:checked + span::before { background-color:#4a6486 !important; background: url("http://i.imgur.com/HcLvjwY.png"); - background-position: -1px -1px; + background-position: 2px 2px; + background-size: 16px; color:transparent; } .sheet-readonly-show:checked:hover + span::before { background-color: white !important; background: url("http://i.imgur.com/EXbHcIE.png"); - background-position: -1px -1px; + background-position: 2px 2px; + background-size: 16px; color: transparent; } .sheet-allrows-note span { @@ -1956,7 +1963,7 @@ input.sheet-refreshbutton { .sheet-condition-exists + label, .sheet-status-panel label b { display: inline; - font-size: .75rem; + font-size: 12px; line-height: 1.75em; padding: .12em .5em .2em .5em; } @@ -1977,7 +1984,7 @@ input.sheet-refreshbutton { /*selected text */ .sheet-selectedlabel-check + b:not(.sheet-offCase) { color: #333333; - font-size: .75rem; + font-size: 12px; line-height: 1.5em; padding: 1px .5em 1px .25em; } @@ -2009,7 +2016,7 @@ input.sheet-refreshbutton { } .sheet-conditions .sheet-option-condition { white-space: nowrap; - font-size: .75rem; + font-size: 12px; } .sheet-no-pad-right { @@ -2031,9 +2038,9 @@ hr.sheet-skinny { /* used to highlight background of sub-nav row on repeating sections */ .sheet-subnav-hr { width: 100%; - border: .75rem solid #DAE4F2; + border: 12px solid #DAE4F2; background-color: #DAE4F2; - margin-top: -1.45rem; + margin-top: -23px; } .sheet-parchment-1:checked ~ .sheet-pf-wrapper .sheet-subnav-hr, .sheet-parchment-2:checked ~ .sheet-pf-wrapper .sheet-subnav-hr { @@ -2058,7 +2065,7 @@ hr.sheet-skinny { } .sheet-footer { text-align: center; - font-size: .75rem; + font-size: 12px; background-color: #FFFFEE; border: 1px #000 solid; border-radius: 3px; @@ -2068,7 +2075,7 @@ hr.sheet-skinny { display: table; width: 100%; text-align: center; - font-size: 0.75rem + font-size: 012px } .sheet-compendium-note { float:right; @@ -2080,13 +2087,13 @@ hr.sheet-skinny { } .sheet-drag-icon { font-weight:bold; - font-size:1.5rem; + font-size:24px; vertical-align:bottom; } .sheet-compendium-icon { font-weight:bold; font-family: Pictos; - font-size:1.125rem; + font-size:18px; vertical-align:bottom; } @@ -2155,7 +2162,7 @@ hr.sheet-skinny { background-color: #fff; border: 1px solid #000; border-radius: 2px; - font-size: 1rem; + font-size: 16px; padding: 3px 5px 3px 5px; color: #000; } @@ -2169,14 +2176,14 @@ hr.sheet-skinny { background-color: #fff; border: 1px solid #000; border-radius: 2px; - font-size: 1rem; + font-size: 16px; padding: 3px 3px 2px 3px; color: #000; } .editmode ~ .repcontrol .repcontrol_edit:after { font-family: Pictos; content: '3'; - width:1rem; + width:16px; } .repcontrol_edit:hover:before, .repcontrol_edit:hover:after, @@ -2260,7 +2267,7 @@ button[type="roll"].sheet-blank-roll-button::before { margin-bottom: .25em; } .sheet-section-condbuffedit { - margin-bottom: .25rem; + margin-bottom: 4px; } .sheet-section-status { @@ -2393,7 +2400,7 @@ input.sheet-highlight[readonly] .sheet-small-label2 span:not(.sheet-autoexpand) { padding: 0 .07em 0 .07em; text-align: center; - font-size: .7rem; + font-size: 12px; font-style: italic; font-weight: bold; color: Black; @@ -2417,7 +2424,7 @@ span.sheet-text-button { button.sheet-text-button, .sheet-text-button span { text-align: left; - font-size: 1rem; + font-size: 16px; background-color: Black; font-weight: normal; font-style: normal; @@ -2449,7 +2456,7 @@ input[type="text"][name="attr_source-ability"] .sheet-repeating-id .sheet-small-label2 span.sheet-selectable, .sheet-repeating-id .sheet-small-label2 span, .sheet-repeating-id .sheet-small-label2 { - font-size:.8125rem; + font-size:13px; font-weight:normal; font-style:normal; color:initial; @@ -2700,20 +2707,20 @@ div.sheet-feats .sheet-table-row span:last-child { } .sheet-readonly-show:checked ~ .sheet-main .sheet-spellcaster-button, .sheet-readonly-show:checked ~ .sheet-main .sheet-table-cell.sheet-spellcaster-button { - width: 8.25rem; + width: 130px; } .sheet-readonly-show:not(:checked) ~ .sheet-main .sheet-spellcaster-button, .sheet-readonly-show:not(:checked) ~ .sheet-main .sheet-table-cell.sheet-spellcaster-button { - max-width: 8.25rem; + max-width: 130px; width:auto; } .sheet-spellclass-concentration .sheet-spellcaster-button { - max-width:9rem !important; - width:9rem !important; + max-width:144px !important; + width:144px !important; } button[type="roll"].sheet-spellcaster-button { - font-size: .8rem; + font-size: 14px; white-space: nowrap; width: auto; text-align: left; @@ -2752,7 +2759,7 @@ button[type="roll"].sheet-spellcaster-button { border-style: solid; border-width: 2px; border-radius: 5px; - margin-bottom: .375rem; + margin-bottom: 6px; } .sheet-entry-wide, span.sheet-entry-wide input, @@ -2981,7 +2988,7 @@ input[type="number"].sheet-entry-wide { } .sheet-minimize-show:checked ~ .sheet-sect-buff.sheet-oldbuff .sheet-linked-fields, .sheet-sect-buff.sheet-oldbuff .sheet-counted:not(:checked) ~ .sheet-linked-fields { - width: 3.1rem; + width: 3.16px; } /* new buffs*/ .sheet-sect-buff.sheet-newbuff .sheet-linked-fields { @@ -3077,7 +3084,7 @@ div.sheet-macro-text .sheet-small-label2, max-width: 4em; } .sheet-section-ability-list .sheet-small-label2 span:not(.sheet-autoexpand) { - font-size: .6rem; + font-size: 10px; } span.sheet-table-cell.sheet-linked-tablecell.sheet-extra-sect { text-align: right; @@ -3331,7 +3338,7 @@ input[type="text"].sheet-skill-conds { display: table; caption-side: top; width: 100%; - font-size: 1rem; + font-size: 16px; overflow: hidden; vertical-align: bottom; font-weight: bold; @@ -3343,6 +3350,7 @@ input[type="text"].sheet-skill-conds { .sheet-rolltemplate-pf_spell .sheet-roll-header a, .sheet-rolltemplate-pf_block .sheet-roll-header a { text-decoration: underline; + line-height: normal; } .sheet-rolltemplate-pf_generic .sheet-roll-header span.sheet-left, .sheet-rolltemplate-pf_ability .sheet-roll-header span.sheet-left, @@ -3374,7 +3382,7 @@ input[type="text"].sheet-skill-conds { .sheet-rolltemplate-pf_attack .sheet-subtitle, .sheet-rolltemplate-pf_spell .sheet-subtitle, .sheet-rolltemplate-pf_block .sheet-subtitle { - font-size: .8125rem; + font-size: 13px; font-weight: normal !important; text-align: left; font-variant: small-caps; @@ -3452,7 +3460,7 @@ input[type="text"].sheet-skill-conds { padding: 3px 2px 1px 4px; line-height: 1.1em; text-align: left; - font-size: .8125rem; + font-size: 13px; vertical-align: top; overflow: hidden; } @@ -3473,11 +3481,22 @@ input[type="text"].sheet-skill-conds { .sheet-rolltemplate-pf_attack .sheet-pfctracking span.sheet-pictos a, .sheet-rolltemplate-pf_block .sheet-pfctracking span.sheet-pictos a { font-family: Pictos !important; + box-shadow: none; line-height: .5em; } -.sheet-pfctracking strong { +.sheet-rolltemplate-pf_spell .sheet-pfctracking span.sheet-pictos a strong:hover, +.sheet-rolltemplate-pf_ability .sheet-pfctracking span.sheet-pictos a strong:hover, +.sheet-rolltemplate-pf_attack .sheet-pfctracking span.sheet-pictos a strong:hover, +.sheet-rolltemplate-pf_block .sheet-pfctracking span.sheet-pictos a strong:hover { + color: red; +} +.sheet-rolltemplate-pf_spell .sheet-pfctracking span.sheet-pictos a strong, +.sheet-rolltemplate-pf_ability .sheet-pfctracking span.sheet-pictos a strong, +.sheet-rolltemplate-pf_attack .sheet-pfctracking span.sheet-pictos a strong, +.sheet-rolltemplate-pf_block .sheet-pfctracking span.sheet-pictos a strong { font-size: .85em; vertical-align: bottom; + font-weight: normal; } .sheet-rolltemplate-pf_generic .sheet-roll-group2 .sheet-roll-row .sheet-roll-cell:last-child, .sheet-rolltemplate-pf_ability .sheet-roll-group2 .sheet-roll-row .sheet-roll-cell:last-child, @@ -3530,7 +3549,7 @@ input[type="text"].sheet-skill-conds { display: inline-block; border: 1px solid #789; border-radius: 2px; - font-size: .75rem; + font-size: 12px; } .sheet-rolltemplate-pf_generic a[href^="~"]:hover, .sheet-rolltemplate-pf_generic .sheet-roll-cell a[href^="~"]:hover, .sheet-rolltemplate-pf_generic label span [href^="~"]:hover, .sheet-rolltemplate-pf_ability a[href^="~"]:hover, .sheet-rolltemplate-pf_ability .sheet-roll-cell a[href^="~"]:hover, .sheet-rolltemplate-pf_ability label span [href^="~"]:hover, @@ -3576,7 +3595,7 @@ input[type="text"].sheet-skill-conds { .sheet-rolltemplate-pf_block .sheet-roll-accessible > label { max-width: 99%; line-height: 1.4em; - font-size: .8125rem; + font-size: 13px; margin: 0 .2em 0 .2em; clear: both; } @@ -3596,7 +3615,7 @@ input[type="text"].sheet-skill-conds { .sheet-rolltemplate-pf_spell .sheet-roll-accessible > label span, .sheet-rolltemplate-pf_block .sheet-roll-accessible > label span { line-height: 1em; - font-size: .8125rem; + font-size: 13px; } .sheet-rolltemplate-pf_generic .sheet-roll-accessible .sheet-right, .sheet-rolltemplate-pf_ability .sheet-roll-accessible .sheet-right, @@ -4783,7 +4802,7 @@ also if multiple repeating sects inside h2 they are 100% wide and only h2 is nar } .sheet-readonly-show:checked ~ .sheet-main .sheet-section-spells .sheet-spellclass-ranges .sheet-table-header{ - height:2.25rem; /* exactly matches 2 rows from sheet-spellclass-level table.*/ + height:36px; /* exactly matches 2 rows from sheet-spellclass-level table.*/ } .sheet-readonly-show:not(:checked) ~ .sheet-main .sheet-section-spells .sheet-col.sheet-col1 .sheet-table .sheet-divider, @@ -5019,7 +5038,7 @@ also if multiple repeating sects inside h2 they are 100% wide and only h2 is nar word-wrap:break-word; overflow-wrap:break-word; display:block; - min-height:.8125rem; + min-height:13px; height:auto; } .sheet-small-label2.sheet-wide-textareaparent { @@ -5161,18 +5180,25 @@ input.sheet-skill-macro-text { color: #0000EE; text-decoration: underline; } -/* adds vertical scrolling for long descriptions */ -.sheet-rolltemplate-pf_generic .sheet-roll-row.sheet-roll-description, -.sheet-rolltemplate-pf_ability .sheet-roll-row.sheet-roll-description, -.sheet-rolltemplate-pf_defense .sheet-roll-row.sheet-roll-description, -.sheet-rolltemplate-pf_attack .sheet-roll-row.sheet-roll-description, -.sheet-rolltemplate-pf_spell .sheet-roll-row.sheet-roll-description, -.sheet-rolltemplate-pf_block .sheet-roll-row.sheet-roll-description { +/* adds vertical scrolling for long descriptions */ +.sheet-rolltemplate-pf_generic .sheet-roll-description.sheet-scroll-desc, +.sheet-rolltemplate-pf_ability .sheet-roll-description.sheet-scroll-desc, +.sheet-rolltemplate-pf_defense .sheet-roll-description.sheet-scroll-desc, +.sheet-rolltemplate-pf_attack .sheet-roll-description.sheet-scroll-desc, +.sheet-rolltemplate-pf_spell .sheet-roll-description.sheet-scroll-desc, +.sheet-rolltemplate-pf_block .sheet-roll-description.sheet-scroll-desc { display: inline-block; max-height: 125px; overflow-y: auto; } - +.sheet-rolltemplate-pf_generic .sheet-roll-description, +.sheet-rolltemplate-pf_ability .sheet-roll-description, +.sheet-rolltemplate-pf_defense .sheet-roll-description, +.sheet-rolltemplate-pf_attack .sheet-roll-description, +.sheet-rolltemplate-pf_spell .sheet-roll-description, +.sheet-rolltemplate-pf_block .sheet-roll-description { + max-height: 100%; +} /*styles sheet mode note*/ div.sheet-mode { float: right;