diff --git a/Pathfinder Community/pathfinder_community.css b/Pathfinder Community/pathfinder_community.css index 2a70cd1637f..aac76b8939d 100644 --- a/Pathfinder Community/pathfinder_community.css +++ b/Pathfinder Community/pathfinder_community.css @@ -1083,7 +1083,8 @@ pf-wrapper, .charsheet .monster-indicator label:has(.condition-exists.npc-show:checked):hover, .charsheet .monster-indicator label:has(.condition-exists.pc-only:not(:checked)):hover { - background-color: #4a648670; + /* background-color: #4a648670; */ + background-color: #fff; outline: 1px solid #4a6486; } @@ -1410,11 +1411,11 @@ also need 1 more level in selector or base css will override border */ background-color: #737373; margin-bottom: -11rem; margin-inline: auto; - outline: 4px solid #e20c0c; + outline: 3px solid #e20c0c; outline-offset: -1px; position: relative; - top: -2.65em; - width: 93%; + top: -3.5em; + width: 95%; z-index: 3; } @@ -1708,6 +1709,10 @@ also need 1 more level in selector or base css will override border */ border-radius: 0.4rem; } +.charsheet button[type="roll"].text-button.sect { + min-width: -webkit-fill-available; +} + .charsheet .skills .table-row .table-cell:first-child { font-size: 1.6rem; padding-left: 0; @@ -2674,8 +2679,7 @@ also need 1 more level in selector or base css will override border */ .charsheet .showarrow:hover + .showsect::before, .charsheet .counted:hover + span, .charsheet .counted:hover + span::before, -.charsheet .mode:hover, -.charsheet .mode:hover ~ span[data-i18n-title="edit-mode-title"], +.charsheet input.readonly-show:hover + span::before, span[data-i18n-title="recalculate-cmd"]:has(.cssbutton:hover) ~ span[data-i18n-title="recalculate-cmd"], span[data-i18n-title="display-settings-config"]:has(.cssbutton:checked) ~ span[data-i18n-title="display-settings-config"], span[data-i18n-title="display-settings-config"]:has(.cssbutton:hover) ~ span[data-i18n-title="display-settings-config"] { @@ -2697,7 +2701,6 @@ span[data-i18n-title="display-settings-config"]:has(input.cssbutton:not(:checked .charsheet .csstextbutton:hover, .charsheet .csstextbutton:hover + span, -.charsheet .mode:hover ~ span[data-i18n-title="edit-mode-title"] .cssbutton + span::before, .charsheet .cssbutton:hover, .charsheet .cssbutton:hover + span::before, .charsheet .merge-buffs label:has(.cssbutton + .newbuff):hover { @@ -2844,54 +2847,36 @@ span[data-i18n-title="display-settings-config"]:has(input.cssbutton:not(:checked } .charsheet .configbutton + span::before { - content: '⛭'; + content: 'y'; + font-family: 'Pictos'; } +.charsheet .cssbutton.readonly-show:checked:hover + span::before, +.charsheet input.readonly-show:hover + span::before, +.charsheet span:has(input.readonly-show:hover) ~ .mode span, .charsheet .configbutton:checked:hover + span::before { - background-color: white !important; color: #e20c0c; } -.charsheet .readonly-show + span::before { - background-color: white !important; - background: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Pathfinder%20Community/Images/edit_mode.png"); - content: ' '; - background-repeat: no-repeat !important; - vertical-align: top; - margin: auto; - background-position: center; - background-size: contain; - color: transparent; -} - -.charsheet .mode:hover ~ span[data-i18n-title="edit-mode-title"] .readonly-show + span::before, -.charsheet .readonly-show:hover + span::before { - background-color: white !important; - background: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Pathfinder%20Community/Images/edit_mode_red.png"); - background-position: center; - background-size: contain; - color: transparent; +.charsheet .cssbutton.readonly-show + span::before { + background-color: white; + content: 'W'; + font-family: 'Pictos'; + color: initial; } -.charsheet .readonly-show:checked + span::before { - background: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Pathfinder%20Community/Images/compact_mode.png"); - background-color: #4a6486 !important; - background-position: center; - background-size: contain; - color: transparent; - display: grid; - margin: auto; - place-items: center; - position: relative; - border-color: transparent; +.charsheet .cssbutton.readonly-show:checked:hover + span::before, +.charsheet .cssbutton.readonly-show:hover + span::before { + background-color: white; + border: 1px solid #808080; } -.charsheet .readonly-show:checked:hover + span::before { - background-color: white !important; - background: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Pathfinder%20Community/Images/compact_mode_red.png"); - background-position: center; - background-size: contain; - color: transparent; +.charsheet .cssbutton.readonly-show:checked + span::before { + content: 'p'; + font-family: 'Pictos'; + background-color: #4a6486; + color: #fff; + border: transparent; } .charsheet .merge-buffs { @@ -3456,8 +3441,8 @@ span[data-i18n-title="display-settings-config"]:has(input.cssbutton:not(:checked } /* outline when a condition is in effect */ -.charsheet .status-panel:first-child .options:has(input:checked) { - outline: 2px solid #e20c0c; +.charsheet .status-panel:first-child .options:has(.condition-exists:checked) { + outline: 1px solid #e20c0c; } .charsheet .status-panel .options div { @@ -4402,6 +4387,7 @@ span[data-i18n-title="display-settings-config"]:has(input.cssbutton:not(:checked font-size: 1.6rem; margin: auto; margin-right: 1rem; + margin-top: 0; max-width: fit-content; } @@ -7178,13 +7164,25 @@ also if multiple repeating sects inside h2 they are 100% wide and only h2 is nar font-size: .95em; } +.charsheet .pf-logo { + bottom: -2px; + float: right; + position: relative; +} + +.charsheet .pf-logo img { + margin-top: -7px; + max-height: 70px; + width: 175px; +} + .charsheet .mode-and-settings { display: grid; - grid-template-columns: 1fr 1fr 1fr; - position: relative; - width: 8.5em; + grid-template-columns: 1fr minmax(3.5em, 1fr) 1fr; margin: auto; margin-right: 0; + position: relative; + width: 7.75em; } .charsheet .mode-and-settings span { @@ -7195,10 +7193,6 @@ also if multiple repeating sects inside h2 they are 100% wide and only h2 is nar } /*styles sheet mode note*/ -.charsheet .mode { - grid-column: 1/-1; - padding-bottom: 1px; -} .charsheet .mode input.readonly-show { height: 4em; @@ -7210,11 +7204,11 @@ also if multiple repeating sects inside h2 they are 100% wide and only h2 is nar } /*hides edit-mode note*/ -.charsheet .readonly-show:not(:checked) + span.mode { +.charsheet span:has(.readonly-show:not(:checked)) ~ .mode .edit-mode { display: none; } /*hides compact-mode note*/ -.charsheet .readonly-show:checked + span.mode + span.mode { +.charsheet span:has(.readonly-show:checked) ~ .mode .compact-mode { display: none; } \ No newline at end of file diff --git a/Pathfinder Community/pathfinder_community.html b/Pathfinder Community/pathfinder_community.html index 4c8a10a4a48..cc2dd50b98a 100644 --- a/Pathfinder Community/pathfinder_community.html +++ b/Pathfinder Community/pathfinder_community.html @@ -26,6 +26,8 @@