diff --git a/bookface_auto.css b/bookface_auto.css index 598a79f..4d1d94b 100644 --- a/bookface_auto.css +++ b/bookface_auto.css @@ -1,9 +1,9 @@ /* Name : Bookface Auto Color Mode - Version : 1.3 + Version : 1.4 Licence : AGPL - Created on : 11 Feb 2025 - Author : Kristi H. @kmh@friendica.world feb @feb@loma.ml Phil phil@loma.ml + Created on : 12 Feb 2025 + Author : Pygoscelis Papua @randompenguin@friendica.world feb @feb@loma.ml Phil @phil@loma.ml */ :root { @@ -20,6 +20,7 @@ --border-color: #eeeeee; --count-color: #ffffff; --count-bg: var(--link-color); + --attach-file-button: none; /* none or block */ /* LOCALIZE pseudo-element text below */ --sign-in-text: 'Sign-In'; @@ -113,11 +114,12 @@ margin-top: 8px; color: var(--link-color); } - ul.tabs li:hover:not(.active) { + ul.tabs li:not(.active):hover { border-bottom-width: 0px !important; } ul.tabs li:hover:not(.active) > a { background-color: rgba(128,128,128,.1) !important; + background-image: none !important; border-radius: 8px !important; color: var(--font-color); } @@ -502,7 +504,7 @@ clear: both; } /* make textareas resize in the correct direction */ - textarea { + body.mod-settings textarea { resize: vertical !important; } /* Other people profiles */ @@ -692,7 +694,7 @@ display: inline-block !important; } /* ACTION BUTTON LABELS */ - .wall-item-actions-row button, + .wall-item-actions-row button:not(.button-browser-share), .wall-item-actions-right button { position: relative; display: block; @@ -891,7 +893,9 @@ border-color: transparent !important; background-color: transparent !important; } - + .fbrowser-content-container.justified-gallery { + max-height: 100% !important; + } #jot-title, #jot-category { background-color: #fff !important; @@ -959,17 +963,9 @@ #upload-photo:focus { background-color: darkblue !important; } - /* HIDE ATTACHMENT BUTTON - ======================= - This hides the file attachment button in the Compose "Browser" tab - because there is no way to manage/delete uploaded attachments it - was a design choice of this theme mod to hide this button from users. - - If you WANT users to be able to see uploaded files and attach them - to posts either comment out this rule or change "none" to "block" - */ + /* HIDE ATTACHMENT BUTTON */ .fbswitcher [data-mode="attachment"] { - display: none !important; + display: var(--attach-file-button) !important; } /* PROFILE */ #profile-photo-wrapper { @@ -1075,6 +1071,13 @@ position: relative; top: 1px; } + .wall-item-actions ul button, + .wall-item-actions ul a { + font-size: 14px !important; + color: inherit !important; + line-height: 14px !important; + margin: 0 !important; + } /* little vcard when you scroll down on profiles */ #vcard-short-photo-wrapper img, #nav-short-info .contact-wrapper img { @@ -1396,41 +1399,111 @@ a.tag.label, } /* Category Buttons */ .wall-item-bottom .wall-item-tags .category.label.btn-success { - border-color: green !important; - color: green !important; - font-size: 0px !important; /* to get rid of parentheses */ + border-color: limegreen !important; + color: limegreen !important; + font-size: 12px; } /* replace (x) remove with icon button */ .wall-item-bottom .wall-item-tags .category.label.btn-success a:first-of-type { - font-size: 12px; + margin-right: 4px; + } + .wall-item-bottom .wall-item-tags .category.label.btn-success a:last-of-type { + font-size: 0px; } .wall-item-bottom .wall-item-tags .category.label.btn-success a:last-of-type::after { content: '\f00d'; font-family: ForkAwesome; font-size: 12px; - margin-left: 4px; } .wall-item-bottom .wall-item-tags .category.label.btn-success:hover, .wall-item-bottom .wall-item-tags .category.label.btn-success:focus { - background-color: green !important; - color: white !important; + background-color: limegreen !important; + color: black !important; } /* when a category is removed need to visually indicate it */ .wall-item-bottom .wall-item-tags .category.label:not(.btn-success){ border-color: #ccc !important; color: #ccc !important; - font-size: 0px !important; } .wall-item-bottom .wall-item-tags .category.label:not(.btn-success) a:first-of-type{ font-size: 12px; text-decoration: line-through; + margin-right: 4px; + } + .wall-item-bottom .wall-item-tags .category.label:not(.btn-success) a:last-of-type { + font-size: 0px; } .wall-item-bottom .wall-item-tags .category.label:not(.btn-success) a:last-of-type::after { - content: ''; + content: '\f00d'; + font-family: ForkAwesome; + font-size: 12px; + text-decoration: line-through; } .wall-item-bottom .wall-item-tags .category.label:not(.btn-success):hover, .wall-item-bottom .wall-item-tags .category.label:not(.btn-success):focus { background-color: red !important; + color: #ccc !important; + } + /* overrides for Saved File page where buttons structure is different */ + body.mod-filed .wall-item-bottom .wall-item-tags .category.label.btn-success { + font-size: 12px !important; + } + body.mod-filed .wall-item-bottom .wall-item-tags .category.label.btn-success a { + font-size: 0px !important; + margin: 0px; + } + body.mod-filed .wall-item-bottom .wall-item-tags .category.label.btn-success a::after { + margin-left: 0px; + } + body.mod-filed .wall-item-bottom .wall-item-tags .category.label:not(.btn-success){ + font-size: 12px !important; + text-decoration: line-through !important; + } + body.mod-filed .wall-item-bottom .wall-item-tags .category.label:not(.btn-success) a { + font-size: 0px !important; + } + body.mod-filed .wall-item-bottom .wall-item-tags .category.label:not(.btn-success) a::after { + content: '\f00d'; + font-family: ForkAwesome; + font-size: 12px; + text-decoration: line-through; + } + /* Folder Buttons */ + .wall-item-bottom .wall-item-tags .folder.label.btn-danger { + border-color: red !important; + color: red !important; + } + /* replace (x) remove with icon button */ + .wall-item-bottom .wall-item-tags .folder.label.btn-danger a:first-of-type{ + font-size: 0px; + } + .wall-item-bottom .wall-item-tags .folder.label.btn-danger a:last-of-type::after { + content: '\f00d'; + font-family: ForkAwesome; + font-size: 12px; + } + .wall-item-bottom .wall-item-tags .folder.label.btn-danger:hover, + .wall-item-bottom .wall-item-tags .folder.label.btn-danger:focus { + background-color: red !important; + color: white !important; + } + /* when a category is removed need to visually indicate it */ + .wall-item-bottom .wall-item-tags .folder.label:not(.btn-danger){ + border-color: #ccc !important; + color: #ccc !important; + text-decoration: line-through !important; + } + .wall-item-bottom .wall-item-tags .folder.label:not(.btn-danger) a:first-of-type{ + font-size: 0px; + } + .wall-item-bottom .wall-item-tags .folder.label:not(.btn-danger) a:last-of-type::after { + content: '\f00d'; + font-family: ForkAwesome; + font-size: 12px; + } + .wall-item-bottom .wall-item-tags .folder.label:not(.btn-danger):hover, + .wall-item-bottom .wall-item-tags .folder.label:not(.btn-danger):focus{ + background-color: black !important; color: white !important; } /* @ Mention Buttons */ @@ -1444,6 +1517,12 @@ a.tag.label, border-color: goldenrod !important; color: white !important; } + /* Content Filter Buttons */ + button.content-filter-button { + color: var(--link-color); + background-color: transparent; + border: 1px solid var(--link-color); + } /* Greater than Full-HD Width =========================== */ @@ -1468,6 +1547,13 @@ a.tag.label, width: 140px !important; } } +/* Frio breakpoints for smaller profile pic */ + @media screen and (min-width:991px) and (max-width:1199px){ + .contact-block-img { + height: 75px !important; + width: 75px !important; + } + } /* Large Tablets in Portrait Orientation ===================================== */ @@ -1828,6 +1914,8 @@ a.tag.label, height: 50px; width: 50px !important; line-height: 50px; + border: none !important; + box-shadow: none !important; } #mention-link span:last-of-type { display: none; @@ -1910,6 +1998,9 @@ a.tag.label, color: transparent; } /* NOTE: cannot simply empty or display none or button alignment gets messed up! */ + .wall-item-actions-row .button-browser-share::after { + display: none !important; + } } /* Narrow Screen Phones in Landscape Orientation ============================================== @@ -2555,6 +2646,10 @@ header #banner { #photo-edit-end { clear: both; } + /* make textareas resize in the correct direction */ + body.mod-settings textarea { + resize: vertical !important; + } /* Other people profiles */ #mention-link { border-radius: 8px !important; @@ -2783,7 +2878,7 @@ p.wall-item-announce, display: inline-block !important; } /* ACTION BUTTON LABELS */ - .wall-item-actions-row button, + .wall-item-actions-row button:not(.button-browser-share), .wall-item-actions-right button { position: relative; display: block; @@ -2977,11 +3072,14 @@ p.wall-item-announce, .fbrowser .folders button:focus { background-color: rgba(255,255,255,.75) !important; } - .fbrowser .folders li:hover, - .fbrowser .folders li:focus { + .fbrowser .folders li:hover, + .fbrowser .folders li:focus { border-color: transparent !important; background-color: transparent !important; -} + } + .fbrowser-content-container.justified-gallery { + max-height: 100% !important; + } #jot-modal .modal-header a, #jot-modal .modal-header .btn-link, #profile-jot-submit-wrapper a, @@ -3055,17 +3153,9 @@ p.wall-item-announce, #upload-photo:focus { background-color: darkblue !important; } - /* HIDE ATTACHMENT BUTTON - ======================= - This hides the file attachment button in the Compose "Browser" tab - because there is no way to manage/delete uploaded attachments it - was a design choice of this theme mod to hide this button from users. - - If you WANT users to be able to see uploaded files and attach them - to posts either comment out this rule or change "none" to "block" - */ + /* HIDE ATTACHMENT BUTTON */ .fbswitcher [data-mode="attachment"] { - display: none !important; + display: var(--attach-file-button) !important; } .panel, .panel-body { @@ -3189,6 +3279,13 @@ aside .widget li:hover { position: relative; top: 1px; } + .wall-item-actions ul button, + .wall-item-actions ul a { + font-size: 14px !important; + color: inherit !important; + line-height: 14px !important; + margin: 0 !important; + } /* little vcard when you scroll down on profiles */ #vcard-short-photo-wrapper img, #nav-short-info .contact-wrapper img { @@ -3513,17 +3610,19 @@ a.tag.label, .wall-item-bottom .wall-item-tags .category.label.btn-success { border-color: limegreen !important; color: limegreen !important; - font-size: 0px !important; /* to get rid of parentheses */ + font-size: 12px; } /* replace (x) remove with icon button */ .wall-item-bottom .wall-item-tags .category.label.btn-success a:first-of-type { - font-size: 12px; + margin-right: 4px; + } + .wall-item-bottom .wall-item-tags .category.label.btn-success a:last-of-type { + font-size: 0px; } .wall-item-bottom .wall-item-tags .category.label.btn-success a:last-of-type::after { content: '\f00d'; font-family: ForkAwesome; font-size: 12px; - margin-left: 4px; } .wall-item-bottom .wall-item-tags .category.label.btn-success:hover, .wall-item-bottom .wall-item-tags .category.label.btn-success:focus { @@ -3534,20 +3633,88 @@ a.tag.label, .wall-item-bottom .wall-item-tags .category.label:not(.btn-success){ border-color: #ccc !important; color: #ccc !important; - font-size: 0px !important; } .wall-item-bottom .wall-item-tags .category.label:not(.btn-success) a:first-of-type{ font-size: 12px; text-decoration: line-through; + margin-right: 4px; + } + .wall-item-bottom .wall-item-tags .category.label:not(.btn-success) a:last-of-type { + font-size: 0px; } .wall-item-bottom .wall-item-tags .category.label:not(.btn-success) a:last-of-type::after { - content: ''; + content: '\f00d'; + font-family: ForkAwesome; + font-size: 12px; + text-decoration: line-through; } .wall-item-bottom .wall-item-tags .category.label:not(.btn-success):hover, .wall-item-bottom .wall-item-tags .category.label:not(.btn-success):focus { background-color: red !important; color: #ccc !important; } + /* overrides for Saved File page where buttons structure is different */ + body.mod-filed .wall-item-bottom .wall-item-tags .category.label.btn-success { + font-size: 12px !important; + } + body.mod-filed .wall-item-bottom .wall-item-tags .category.label.btn-success a { + font-size: 0px !important; + margin: 0px; + } + body.mod-filed .wall-item-bottom .wall-item-tags .category.label.btn-success a::after { + margin-left: 0px; + } + body.mod-filed .wall-item-bottom .wall-item-tags .category.label:not(.btn-success){ + font-size: 12px !important; + text-decoration: line-through !important; + } + body.mod-filed .wall-item-bottom .wall-item-tags .category.label:not(.btn-success) a { + font-size: 0px !important; + } + body.mod-filed .wall-item-bottom .wall-item-tags .category.label:not(.btn-success) a::after { + content: '\f00d'; + font-family: ForkAwesome; + font-size: 12px; + text-decoration: line-through; + } + /* Folder Buttons */ + .wall-item-bottom .wall-item-tags .folder.label.btn-danger { + border-color: hotpink !important; + color: hotpink !important; + } + /* replace (x) remove with icon button */ + .wall-item-bottom .wall-item-tags .folder.label.btn-danger a:first-of-type{ + font-size: 0px; + } + .wall-item-bottom .wall-item-tags .folder.label.btn-danger a:last-of-type::after { + content: '\f00d'; + font-family: ForkAwesome; + font-size: 12px; + } + .wall-item-bottom .wall-item-tags .folder.label.btn-danger:hover, + .wall-item-bottom .wall-item-tags .folder.label.btn-danger:focus { + background-color: hotpink !important; + color: black !important; + } + /* when a category is removed need to visually indicate it */ + .wall-item-bottom .wall-item-tags .folder.label:not(.btn-danger){ + border-color: #ccc !important; + color: #ccc !important; + text-decoration: line-through !important; + } + .wall-item-bottom .wall-item-tags .folder.label:not(.btn-danger) a:first-of-type{ + font-size: 0px; + } + .wall-item-bottom .wall-item-tags .folder.label:not(.btn-danger) a:last-of-type::after { + content: '\f00d'; + font-family: ForkAwesome; + font-size: 12px; + } + .wall-item-bottom .wall-item-tags .folder.label:not(.btn-danger):hover, + .wall-item-bottom .wall-item-tags .folder.label:not(.btn-danger):focus{ + background-color: black !important; + color: white !important; + } /* @ Mention Buttons */ .wall-item-bottom .wall-item-tags .mention.label.btn-warning { border-color: gold !important; @@ -3583,6 +3750,13 @@ a.tag.label, width: 140px !important; } } +/* Frio breakpoints for smaller profile pic */ + @media screen and (min-width:991px) and (max-width:1199px){ + .contact-block-img { + height: 75px !important; + width: 75px !important; + } + } /* Large Tablets in Portrait Orientation ===================================== */ @@ -4027,6 +4201,9 @@ a.tag.label, color: transparent; } /* NOTE: cannot simply empty or display none or button alignment gets messed up! */ + .wall-item-actions-row .button-browser-share::after { + display: none !important; + } } /* Narrow Screen Phones in Landscape Orientation ============================================== @@ -4152,6 +4329,9 @@ a.tag.label, } } /* LOGIN AND INFO SCREENS */ +body.mod-home { + padding-top: 10px !important; +} .mod-home .navbar, .mod-home #topbar-second{ background-color: transparent !important; diff --git a/bookface_auto.php b/bookface_auto.php index 0e3dbce..44f47e7 100644 --- a/bookface_auto.php +++ b/bookface_auto.php @@ -7,10 +7,10 @@ * * Name: Bookface Auto Color Mode * Licence: AGPL - * Author: Kristi H. @kmh@friendica.world feb @feb@loma.ml Phil phil@loma.ml + * Author: Pygoscelis Papua @randompenguin@friendica.world feb @feb@loma.ml Phil @phil@loma.ml * Overwrites: nav_bg, nav_icon_color, background_color, background_image, contentbg_transp * Accented: Yes - * Version: 1.3 + * Version: 1.4 */ // if there is no cookie create one use Friendica\DI; diff --git a/bookface_dark.css b/bookface_dark.css index 47ab5f4..94abfee 100644 --- a/bookface_dark.css +++ b/bookface_dark.css @@ -1,9 +1,9 @@ /* Name : Bookface Dark - Version : 1.3 + Version : 1.4 Licence : AGPL - Created on : 11 Feb 2025 - Author : Kristi H. @kmh@friendica.world feb @feb@loma.ml Phil phil@loma.ml + Created on : 12 Feb 2025 + Author : Pygoscelis Papua @randompenguin@friendica.world feb @feb@loma.ml Phil @phil@loma.ml */ :root { @@ -20,6 +20,7 @@ --border-color: #333333; --count-color: #ffffff; --count-bg: var(--link-color); + --attach-file-button: none; /* none or block */ /* LOCALIZE pseudo-element text below */ --sign-in-text: 'Sign-In'; @@ -503,7 +504,7 @@ header #banner { clear: both; } /* make textareas resize in the correct direction */ - textarea { + body.mod-settings textarea { resize: vertical !important; } /* Other people profiles */ @@ -693,7 +694,7 @@ aside .widget, display: inline-block !important; } /* ACTION BUTTON LABELS */ - .wall-item-actions-row button, + .wall-item-actions-row button:not(.button-browser-share), .wall-item-actions-right button { position: relative; display: block; @@ -892,7 +893,9 @@ aside .widget, border-color: transparent !important; background-color: transparent !important; } - + .fbrowser-content-container.justified-gallery { + max-height: 100% !important; + } #jot-title, #jot-category { background-color: rgb(51,51,52) !important; @@ -960,17 +963,9 @@ aside .widget, #upload-photo:focus { background-color: darkblue !important; } - /* HIDE ATTACHMENT BUTTON - ======================= - This hides the file attachment button in the Compose "Browser" tab - because there is no way to manage/delete uploaded attachments it - was a design choice of this theme mod to hide this button from users. - - If you WANT users to be able to see uploaded files and attach them - to posts either comment out this rule or change "none" to "block" - */ + /* HIDE ATTACHMENT BUTTON */ .fbswitcher [data-mode="attachment"] { - display: none !important; + display: var(--attach-file-button) !important; } /* PROFILE */ #profile-photo-wrapper { @@ -1073,6 +1068,13 @@ aside .widget li:hover { position: relative; top: 1px; } + .wall-item-actions ul button, + .wall-item-actions ul a { + font-size: 14px !important; + color: inherit !important; + line-height: 14px !important; + margin: 0 !important; + } /* little vcard when you scroll down on profiles */ #vcard-short-photo-wrapper img, #nav-short-info .contact-wrapper img { @@ -1396,17 +1398,19 @@ a.tag.label, .wall-item-bottom .wall-item-tags .category.label.btn-success { border-color: limegreen !important; color: limegreen !important; - font-size: 0px !important; /* to get rid of parentheses */ + font-size: 12px; } /* replace (x) remove with icon button */ .wall-item-bottom .wall-item-tags .category.label.btn-success a:first-of-type { - font-size: 12px; + margin-right: 4px; + } + .wall-item-bottom .wall-item-tags .category.label.btn-success a:last-of-type { + font-size: 0px; } .wall-item-bottom .wall-item-tags .category.label.btn-success a:last-of-type::after { content: '\f00d'; font-family: ForkAwesome; font-size: 12px; - margin-left: 4px; } .wall-item-bottom .wall-item-tags .category.label.btn-success:hover, .wall-item-bottom .wall-item-tags .category.label.btn-success:focus { @@ -1417,20 +1421,88 @@ a.tag.label, .wall-item-bottom .wall-item-tags .category.label:not(.btn-success){ border-color: #ccc !important; color: #ccc !important; - font-size: 0px !important; } .wall-item-bottom .wall-item-tags .category.label:not(.btn-success) a:first-of-type{ font-size: 12px; text-decoration: line-through; + margin-right: 4px; + } + .wall-item-bottom .wall-item-tags .category.label:not(.btn-success) a:last-of-type { + font-size: 0px; } .wall-item-bottom .wall-item-tags .category.label:not(.btn-success) a:last-of-type::after { - content: ''; + content: '\f00d'; + font-family: ForkAwesome; + font-size: 12px; + text-decoration: line-through; } .wall-item-bottom .wall-item-tags .category.label:not(.btn-success):hover, .wall-item-bottom .wall-item-tags .category.label:not(.btn-success):focus { background-color: red !important; color: #ccc !important; } + /* overrides for Saved File page where buttons structure is different */ + body.mod-filed .wall-item-bottom .wall-item-tags .category.label.btn-success { + font-size: 12px !important; + } + body.mod-filed .wall-item-bottom .wall-item-tags .category.label.btn-success a { + font-size: 0px !important; + margin: 0px; + } + body.mod-filed .wall-item-bottom .wall-item-tags .category.label.btn-success a::after { + margin-left: 0px; + } + body.mod-filed .wall-item-bottom .wall-item-tags .category.label:not(.btn-success){ + font-size: 12px !important; + text-decoration: line-through !important; + } + body.mod-filed .wall-item-bottom .wall-item-tags .category.label:not(.btn-success) a { + font-size: 0px !important; + } + body.mod-filed .wall-item-bottom .wall-item-tags .category.label:not(.btn-success) a::after { + content: '\f00d'; + font-family: ForkAwesome; + font-size: 12px; + text-decoration: line-through; + } + /* Folder Buttons */ + .wall-item-bottom .wall-item-tags .folder.label.btn-danger { + border-color: hotpink !important; + color: hotpink !important; + } + /* replace (x) remove with icon button */ + .wall-item-bottom .wall-item-tags .folder.label.btn-danger a:first-of-type{ + font-size: 0px; + } + .wall-item-bottom .wall-item-tags .folder.label.btn-danger a:last-of-type::after { + content: '\f00d'; + font-family: ForkAwesome; + font-size: 12px; + } + .wall-item-bottom .wall-item-tags .folder.label.btn-danger:hover, + .wall-item-bottom .wall-item-tags .folder.label.btn-danger:focus { + background-color: hotpink !important; + color: black !important; + } + /* when a category is removed need to visually indicate it */ + .wall-item-bottom .wall-item-tags .folder.label:not(.btn-danger){ + border-color: #ccc !important; + color: #ccc !important; + text-decoration: line-through !important; + } + .wall-item-bottom .wall-item-tags .folder.label:not(.btn-danger) a:first-of-type{ + font-size: 0px; + } + .wall-item-bottom .wall-item-tags .folder.label:not(.btn-danger) a:last-of-type::after { + content: '\f00d'; + font-family: ForkAwesome; + font-size: 12px; + } + .wall-item-bottom .wall-item-tags .folder.label:not(.btn-danger):hover, + .wall-item-bottom .wall-item-tags .folder.label:not(.btn-danger):focus{ + background-color: black !important; + color: white !important; + } /* @ Mention Buttons */ .wall-item-bottom .wall-item-tags .mention.label.btn-warning { border-color: gold !important; @@ -1442,6 +1514,12 @@ a.tag.label, border-color: gold !important; color: black !important; } + /* Content Filter Buttons */ + button.content-filter-button { + color: var(--link-color); + background-color: transparent; + border: 1px solid var(--link-color); + } /* Greater than Full-HD Width =========================== */ @@ -1466,6 +1544,13 @@ a.tag.label, width: 140px !important; } } +/* Frio breakpoints for smaller profile pic */ + @media screen and (min-width:991px) and (max-width:1199px){ + .contact-block-img { + height: 75px !important; + width: 75px !important; + } + } /* Large Tablets in Portrait Orientation ===================================== */ @@ -1914,6 +1999,9 @@ a.tag.label, color: transparent; } /* NOTE: cannot simply empty or display none or button alignment gets messed up! */ + .wall-item-actions-row .button-browser-share::after { + display: none !important; + } } /* Narrow Screen Phones in Landscape Orientation ============================================== @@ -2040,6 +2128,9 @@ a.tag.label, } } /* LOGIN AND INFO SCREENS */ +body.mod-home { + padding-top: 10px !important; +} .mod-home .navbar, .mod-home #topbar-second{ background-color: transparent !important; diff --git a/bookface_dark.php b/bookface_dark.php index 145d494..66c3917 100644 --- a/bookface_dark.php +++ b/bookface_dark.php @@ -7,10 +7,10 @@ * * Name: Bookface Dark * Licence: AGPL - * Author: Kristi H. @kmh@friendica.world feb @feb@loma.ml Phil phil@loma.ml + * Author: Pygoscelis Papua @randompenguin@friendica.world feb @feb@loma.ml Phil @phil@loma.ml * Overwrites: nav_bg, nav_icon_color, background_color, background_image, contentbg_transp * Accented: yes - * Version: 1.3 + * Version: 1.4 */ use Friendica\DI; require_once 'view/theme/frio/php/PHPColors/Color.php'; diff --git a/bookface_light.css b/bookface_light.css index 181ec75..7ad3f4d 100644 --- a/bookface_light.css +++ b/bookface_light.css @@ -1,9 +1,9 @@ /* Name : Bookface Light - Version : 1.3 + Version : 1.4 Licence : AGPL - Created on : 11 Feb 2025 - Author : Kristi H. @kmh@friendica.world feb @feb@loma.ml Phil phil@loma.ml + Created on : 12 Feb 2025 + Author : Pygoscelis Papua @randompenguin@friendica.world feb @feb@loma.ml Phil @phil@loma.ml */ :root { @@ -20,6 +20,7 @@ --border-color: #eeeeee; --count-color: #ffffff; --count-bg: var(--link-color); + --attach-file-button: none; /* none or block */ /* LOCALIZE pseudo-element text below */ --sign-in-text: 'Sign-In'; @@ -152,6 +153,7 @@ .dropdown-menu > li.active:focus > a { color: var(--link-color); background-color: transparent; + background-image: none; } .form-control { background: var(--nav-bg); @@ -502,7 +504,7 @@ clear: both; } /* make textareas resize in the correct direction */ - textarea { + body.mod-settings textarea { resize: vertical !important; } /* Other people profiles */ @@ -692,7 +694,7 @@ display: inline-block !important; } /* ACTION BUTTON LABELS */ - .wall-item-actions-row button, + .wall-item-actions-row button:not(button-browser-share), .wall-item-actions-right button { position: relative; display: block; @@ -891,7 +893,9 @@ border-color: transparent !important; background-color: transparent !important; } - + .fbrowser-content-container.justified-gallery { + max-height: 100% !important; + } #jot-title, #jot-category { background-color: #fff !important; @@ -959,17 +963,9 @@ #upload-photo:focus { background-color: darkblue !important; } - /* HIDE ATTACHMENT BUTTON - ======================= - This hides the file attachment button in the Compose "Browser" tab - because there is no way to manage/delete uploaded attachments it - was a design choice of this theme mod to hide this button from users. - - If you WANT users to be able to see uploaded files and attach them - to posts either comment out this rule or change "none" to "block" - */ + /* HIDE ATTACHMENT BUTTON */ .fbswitcher [data-mode="attachment"] { - display: none !important; + display: var(--attach-file-button) !important; } /* PROFILE */ #profile-photo-wrapper { @@ -1072,6 +1068,13 @@ position: relative; top: 1px; } + .wall-item-actions ul button, + .wall-item-actions ul a { + font-size: 14px !important; + color: inherit !important; + line-height: 14px !important; + margin: 0 !important; + } /* little vcard when you scroll down on profiles */ #vcard-short-photo-wrapper img, #nav-short-info .contact-wrapper img { @@ -1393,41 +1396,111 @@ a.tag.label, } /* Category Buttons */ .wall-item-bottom .wall-item-tags .category.label.btn-success { - border-color: green !important; - color: green !important; - font-size: 0px !important; /* to get rid of parentheses */ + border-color: limegreen !important; + color: limegreen !important; + font-size: 12px; } /* replace (x) remove with icon button */ .wall-item-bottom .wall-item-tags .category.label.btn-success a:first-of-type { - font-size: 12px; + margin-right: 4px; + } + .wall-item-bottom .wall-item-tags .category.label.btn-success a:last-of-type { + font-size: 0px; } .wall-item-bottom .wall-item-tags .category.label.btn-success a:last-of-type::after { content: '\f00d'; font-family: ForkAwesome; font-size: 12px; - margin-left: 4px; } .wall-item-bottom .wall-item-tags .category.label.btn-success:hover, .wall-item-bottom .wall-item-tags .category.label.btn-success:focus { - background-color: green !important; - color: white !important; + background-color: limegreen !important; + color: black !important; } /* when a category is removed need to visually indicate it */ .wall-item-bottom .wall-item-tags .category.label:not(.btn-success){ border-color: #ccc !important; color: #ccc !important; - font-size: 0px !important; } .wall-item-bottom .wall-item-tags .category.label:not(.btn-success) a:first-of-type{ font-size: 12px; text-decoration: line-through; + margin-right: 4px; + } + .wall-item-bottom .wall-item-tags .category.label:not(.btn-success) a:last-of-type { + font-size: 0px; } .wall-item-bottom .wall-item-tags .category.label:not(.btn-success) a:last-of-type::after { - content: ''; + content: '\f00d'; + font-family: ForkAwesome; + font-size: 12px; + text-decoration: line-through; } .wall-item-bottom .wall-item-tags .category.label:not(.btn-success):hover, .wall-item-bottom .wall-item-tags .category.label:not(.btn-success):focus { background-color: red !important; + color: #ccc !important; + } + /* overrides for Saved File page where buttons structure is different */ + body.mod-filed .wall-item-bottom .wall-item-tags .category.label.btn-success { + font-size: 12px !important; + } + body.mod-filed .wall-item-bottom .wall-item-tags .category.label.btn-success a { + font-size: 0px !important; + margin: 0px; + } + body.mod-filed .wall-item-bottom .wall-item-tags .category.label.btn-success a::after { + margin-left: 0px; + } + body.mod-filed .wall-item-bottom .wall-item-tags .category.label:not(.btn-success){ + font-size: 12px !important; + text-decoration: line-through !important; + } + body.mod-filed .wall-item-bottom .wall-item-tags .category.label:not(.btn-success) a { + font-size: 0px !important; + } + body.mod-filed .wall-item-bottom .wall-item-tags .category.label:not(.btn-success) a::after { + content: '\f00d'; + font-family: ForkAwesome; + font-size: 12px; + text-decoration: line-through; + } + /* Folder Buttons */ + .wall-item-bottom .wall-item-tags .folder.label.btn-danger { + border-color: red !important; + color: red !important; + } + /* replace (x) remove with icon button */ + .wall-item-bottom .wall-item-tags .folder.label.btn-danger a:first-of-type{ + font-size: 0px; + } + .wall-item-bottom .wall-item-tags .folder.label.btn-danger a:last-of-type::after { + content: '\f00d'; + font-family: ForkAwesome; + font-size: 12px; + } + .wall-item-bottom .wall-item-tags .folder.label.btn-danger:hover, + .wall-item-bottom .wall-item-tags .folder.label.btn-danger:focus { + background-color: red !important; + color: white !important; + } + /* when a category is removed need to visually indicate it */ + .wall-item-bottom .wall-item-tags .folder.label:not(.btn-danger){ + border-color: #ccc !important; + color: #ccc !important; + text-decoration: line-through !important; + } + .wall-item-bottom .wall-item-tags .folder.label:not(.btn-danger) a:first-of-type{ + font-size: 0px; + } + .wall-item-bottom .wall-item-tags .folder.label:not(.btn-danger) a:last-of-type::after { + content: '\f00d'; + font-family: ForkAwesome; + font-size: 12px; + } + .wall-item-bottom .wall-item-tags .folder.label:not(.btn-danger):hover, + .wall-item-bottom .wall-item-tags .folder.label:not(.btn-danger):focus{ + background-color: black !important; color: white !important; } /* @ Mention Buttons */ @@ -1441,6 +1514,12 @@ a.tag.label, border-color: goldenrod !important; color: white !important; } + /* Content Filter Buttons */ + button.content-filter-button { + color: var(--link-color); + background-color: transparent; + border: 1px solid var(--link-color); + } /* Greater than Full-HD Width =========================== */ @@ -1465,6 +1544,13 @@ a.tag.label, width: 140px !important; } } +/* Frio breakpoints for smaller profile pic */ + @media screen and (min-width:991px) and (max-width:1199px){ + .contact-block-img { + height: 75px !important; + width: 75px !important; + } + } /* Large Tablets in Portrait Orientation ===================================== */ @@ -1909,6 +1995,9 @@ a.tag.label, color: transparent; } /* NOTE: cannot simply empty or display none or button alignment gets messed up! */ + .wall-item-actions-row .button-browser-share::after { + display: none !important; + } } /* Narrow Screen Phones in Landscape Orientation ============================================== @@ -2035,6 +2124,9 @@ a.tag.label, } } /* LOGIN AND INFO SCREENS */ +body.mod-home { + padding-top: 10px !important; +} .mod-home .navbar, .mod-home #topbar-second{ background-color: transparent !important; diff --git a/bookface_light.php b/bookface_light.php index 18af06d..758bae6 100644 --- a/bookface_light.php +++ b/bookface_light.php @@ -7,10 +7,10 @@ * * Name: Bookface Light * Licence: AGPL - * Author: Kristi H. @kmh@friendica.world feb @feb@loma.ml Phil phil@loma.ml + * Author: Pygoscelis Papua @randompenguin@friendica.world feb @feb@loma.ml Phil @phil@loma.ml * Overwrites: nav_bg, nav_icon_color, background_color, background_image, contentbg_transp * Accented: yes - * Version: 1.3 + * Version: 1.4 */ use Friendica\DI; require_once 'view/theme/frio/php/PHPColors/Color.php';