sekretaerbaer/friendica_template_sekretaerbaer
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge branch 'refs/heads/upgrade'

Browse source
This commit is contained in:
oldkid 2025-02-16 07:00:39 +01:00
commit a8bbb32a83
6 changed files with 460 additions and 97 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

270
bookface_auto.css
View file

@ -1,9 +1,9 @@
/* /*
Name : Bookface Auto Color Mode Name : Bookface Auto Color Mode
Version : 1.3 Version : 1.4
Licence : AGPL Licence : AGPL
Created on : 11 Feb 2025 Created on : 12 Feb 2025
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
*/ */
:root { :root {
@ -20,6 +20,7 @@
--border-color: #eeeeee; --border-color: #eeeeee;
--count-color: #ffffff; --count-color: #ffffff;
--count-bg: var(--link-color); --count-bg: var(--link-color);
--attach-file-button: none; /* none or block */
/* LOCALIZE pseudo-element text below */ /* LOCALIZE pseudo-element text below */
--sign-in-text: 'Sign-In'; --sign-in-text: 'Sign-In';
@ -113,11 +114,12 @@
margin-top: 8px; margin-top: 8px;
color: var(--link-color); color: var(--link-color);
} }
ul.tabs li:hover:not(.active) { ul.tabs li:not(.active):hover {
border-bottom-width: 0px !important; border-bottom-width: 0px !important;
} }
ul.tabs li:hover:not(.active) > a { ul.tabs li:hover:not(.active) > a {
background-color: rgba(128,128,128,.1) !important; background-color: rgba(128,128,128,.1) !important;
background-image: none !important;
border-radius: 8px !important; border-radius: 8px !important;
color: var(--font-color); color: var(--font-color);
} }
@ -502,7 +504,7 @@
clear: both; clear: both;
} }
/* make textareas resize in the correct direction */ /* make textareas resize in the correct direction */
textarea { body.mod-settings textarea {
resize: vertical !important; resize: vertical !important;
} }
/* Other people profiles */ /* Other people profiles */
@ -692,7 +694,7 @@
display: inline-block !important; display: inline-block !important;
} }
/* ACTION BUTTON LABELS */ /* ACTION BUTTON LABELS */
.wall-item-actions-row button, .wall-item-actions-row button:not(.button-browser-share),
.wall-item-actions-right button { .wall-item-actions-right button {
position: relative; position: relative;
display: block; display: block;
@ -891,7 +893,9 @@
border-color: transparent !important; border-color: transparent !important;
background-color: transparent !important; background-color: transparent !important;
} }
.fbrowser-content-container.justified-gallery {
max-height: 100% !important;
}
#jot-title, #jot-title,
#jot-category { #jot-category {
background-color: #fff !important; background-color: #fff !important;
@ -959,17 +963,9 @@
#upload-photo:focus { #upload-photo:focus {
background-color: darkblue !important; background-color: darkblue !important;
} }
/* HIDE ATTACHMENT BUTTON /* 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"
*/
.fbswitcher [data-mode="attachment"] { .fbswitcher [data-mode="attachment"] {
display: none !important; display: var(--attach-file-button) !important;
} }
/* PROFILE */ /* PROFILE */
#profile-photo-wrapper { #profile-photo-wrapper {
@ -1075,6 +1071,13 @@
position: relative; position: relative;
top: 1px; 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 */ /* little vcard when you scroll down on profiles */
#vcard-short-photo-wrapper img, #vcard-short-photo-wrapper img,
#nav-short-info .contact-wrapper img { #nav-short-info .contact-wrapper img {
@ -1396,41 +1399,111 @@ a.tag.label,
} }
/* Category Buttons */ /* Category Buttons */
.wall-item-bottom .wall-item-tags .category.label.btn-success { .wall-item-bottom .wall-item-tags .category.label.btn-success {
border-color: green !important; border-color: limegreen !important;
color: green !important; color: limegreen !important;
font-size: 0px !important; /* to get rid of parentheses */ font-size: 12px;
} }
/* replace (x) remove with icon button */ /* replace (x) remove with icon button */
.wall-item-bottom .wall-item-tags .category.label.btn-success a:first-of-type { .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 { .wall-item-bottom .wall-item-tags .category.label.btn-success a:last-of-type::after {
content: '\f00d'; content: '\f00d';
font-family: ForkAwesome; font-family: ForkAwesome;
font-size: 12px; 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:hover,
.wall-item-bottom .wall-item-tags .category.label.btn-success:focus { .wall-item-bottom .wall-item-tags .category.label.btn-success:focus {
background-color: green !important; background-color: limegreen !important;
color: white !important; color: black !important;
} }
/* when a category is removed need to visually indicate it */ /* when a category is removed need to visually indicate it */
.wall-item-bottom .wall-item-tags .category.label:not(.btn-success){ .wall-item-bottom .wall-item-tags .category.label:not(.btn-success){
border-color: #ccc !important; border-color: #ccc !important;
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{ .wall-item-bottom .wall-item-tags .category.label:not(.btn-success) a:first-of-type{
font-size: 12px; font-size: 12px;
text-decoration: line-through; 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 { .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):hover,
.wall-item-bottom .wall-item-tags .category.label:not(.btn-success):focus { .wall-item-bottom .wall-item-tags .category.label:not(.btn-success):focus {
background-color: red !important; 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; color: white !important;
} }
/* @ Mention Buttons */ /* @ Mention Buttons */
@ -1444,6 +1517,12 @@ a.tag.label,
border-color: goldenrod !important; border-color: goldenrod !important;
color: white !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 /* Greater than Full-HD Width
=========================== ===========================
*/ */
@ -1468,6 +1547,13 @@ a.tag.label,
width: 140px !important; 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 /* Large Tablets in Portrait Orientation
===================================== =====================================
*/ */
@ -1828,6 +1914,8 @@ a.tag.label,
height: 50px; height: 50px;
width: 50px !important; width: 50px !important;
line-height: 50px; line-height: 50px;
border: none !important;
box-shadow: none !important;
} }
#mention-link span:last-of-type { #mention-link span:last-of-type {
display: none; display: none;
@ -1910,6 +1998,9 @@ a.tag.label,
color: transparent; color: transparent;
} }
/* NOTE: cannot simply empty or display none or button alignment gets messed up! */ /* 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 /* Narrow Screen Phones in Landscape Orientation
============================================== ==============================================
@ -2555,6 +2646,10 @@ header #banner {
#photo-edit-end { #photo-edit-end {
clear: both; clear: both;
} }
/* make textareas resize in the correct direction */
body.mod-settings textarea {
resize: vertical !important;
}
/* Other people profiles */ /* Other people profiles */
#mention-link { #mention-link {
border-radius: 8px !important; border-radius: 8px !important;
@ -2783,7 +2878,7 @@ p.wall-item-announce,
display: inline-block !important; display: inline-block !important;
} }
/* ACTION BUTTON LABELS */ /* ACTION BUTTON LABELS */
.wall-item-actions-row button, .wall-item-actions-row button:not(.button-browser-share),
.wall-item-actions-right button { .wall-item-actions-right button {
position: relative; position: relative;
display: block; display: block;
@ -2977,11 +3072,14 @@ p.wall-item-announce,
.fbrowser .folders button:focus { .fbrowser .folders button:focus {
background-color: rgba(255,255,255,.75) !important; background-color: rgba(255,255,255,.75) !important;
} }
.fbrowser .folders li:hover, .fbrowser .folders li:hover,
.fbrowser .folders li:focus { .fbrowser .folders li:focus {
border-color: transparent !important; border-color: transparent !important;
background-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 a,
#jot-modal .modal-header .btn-link, #jot-modal .modal-header .btn-link,
#profile-jot-submit-wrapper a, #profile-jot-submit-wrapper a,
@ -3055,17 +3153,9 @@ p.wall-item-announce,
#upload-photo:focus { #upload-photo:focus {
background-color: darkblue !important; background-color: darkblue !important;
} }
/* HIDE ATTACHMENT BUTTON /* 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"
*/
.fbswitcher [data-mode="attachment"] { .fbswitcher [data-mode="attachment"] {
display: none !important; display: var(--attach-file-button) !important;
} }
.panel, .panel,
.panel-body { .panel-body {
@ -3189,6 +3279,13 @@ aside .widget li:hover {
position: relative; position: relative;
top: 1px; 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 */ /* little vcard when you scroll down on profiles */
#vcard-short-photo-wrapper img, #vcard-short-photo-wrapper img,
#nav-short-info .contact-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 { .wall-item-bottom .wall-item-tags .category.label.btn-success {
border-color: limegreen !important; border-color: limegreen !important;
color: limegreen !important; color: limegreen !important;
font-size: 0px !important; /* to get rid of parentheses */ font-size: 12px;
} }
/* replace (x) remove with icon button */ /* replace (x) remove with icon button */
.wall-item-bottom .wall-item-tags .category.label.btn-success a:first-of-type { .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 { .wall-item-bottom .wall-item-tags .category.label.btn-success a:last-of-type::after {
content: '\f00d'; content: '\f00d';
font-family: ForkAwesome; font-family: ForkAwesome;
font-size: 12px; 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:hover,
.wall-item-bottom .wall-item-tags .category.label.btn-success:focus { .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){ .wall-item-bottom .wall-item-tags .category.label:not(.btn-success){
border-color: #ccc !important; border-color: #ccc !important;
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{ .wall-item-bottom .wall-item-tags .category.label:not(.btn-success) a:first-of-type{
font-size: 12px; font-size: 12px;
text-decoration: line-through; 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 { .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):hover,
.wall-item-bottom .wall-item-tags .category.label:not(.btn-success):focus { .wall-item-bottom .wall-item-tags .category.label:not(.btn-success):focus {
background-color: red !important; background-color: red !important;
color: #ccc !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 */ /* @ Mention Buttons */
.wall-item-bottom .wall-item-tags .mention.label.btn-warning { .wall-item-bottom .wall-item-tags .mention.label.btn-warning {
border-color: gold !important; border-color: gold !important;
@ -3583,6 +3750,13 @@ a.tag.label,
width: 140px !important; 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 /* Large Tablets in Portrait Orientation
===================================== =====================================
*/ */
@ -4027,6 +4201,9 @@ a.tag.label,
color: transparent; color: transparent;
} }
/* NOTE: cannot simply empty or display none or button alignment gets messed up! */ /* 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 /* Narrow Screen Phones in Landscape Orientation
============================================== ==============================================
@ -4152,6 +4329,9 @@ a.tag.label,
} }
} }
/* LOGIN AND INFO SCREENS */ /* LOGIN AND INFO SCREENS */
body.mod-home {
padding-top: 10px !important;
}
.mod-home .navbar, .mod-home .navbar,
.mod-home #topbar-second{ .mod-home #topbar-second{
background-color: transparent !important; background-color: transparent !important;

4
bookface_auto.php
View file

@ -7,10 +7,10 @@
* *
* Name: Bookface Auto Color Mode * Name: Bookface Auto Color Mode
* Licence: AGPL * 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 * Overwrites: nav_bg, nav_icon_color, background_color, background_image, contentbg_transp
* Accented: Yes * Accented: Yes
* Version: 1.3 * Version: 1.4
*/ */
// if there is no cookie create one // if there is no cookie create one
use Friendica\DI; use Friendica\DI;

133
bookface_dark.css
View file

@ -1,9 +1,9 @@
/* /*
Name : Bookface Dark Name : Bookface Dark
Version : 1.3 Version : 1.4
Licence : AGPL Licence : AGPL
Created on : 11 Feb 2025 Created on : 12 Feb 2025
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
*/ */
:root { :root {
@ -20,6 +20,7 @@
--border-color: #333333; --border-color: #333333;
--count-color: #ffffff; --count-color: #ffffff;
--count-bg: var(--link-color); --count-bg: var(--link-color);
--attach-file-button: none; /* none or block */
/* LOCALIZE pseudo-element text below */ /* LOCALIZE pseudo-element text below */
--sign-in-text: 'Sign-In'; --sign-in-text: 'Sign-In';
@ -503,7 +504,7 @@ header #banner {
clear: both; clear: both;
} }
/* make textareas resize in the correct direction */ /* make textareas resize in the correct direction */
textarea { body.mod-settings textarea {
resize: vertical !important; resize: vertical !important;
} }
/* Other people profiles */ /* Other people profiles */
@ -693,7 +694,7 @@ aside .widget,
display: inline-block !important; display: inline-block !important;
} }
/* ACTION BUTTON LABELS */ /* ACTION BUTTON LABELS */
.wall-item-actions-row button, .wall-item-actions-row button:not(.button-browser-share),
.wall-item-actions-right button { .wall-item-actions-right button {
position: relative; position: relative;
display: block; display: block;
@ -892,7 +893,9 @@ aside .widget,
border-color: transparent !important; border-color: transparent !important;
background-color: transparent !important; background-color: transparent !important;
} }
.fbrowser-content-container.justified-gallery {
max-height: 100% !important;
}
#jot-title, #jot-title,
#jot-category { #jot-category {
background-color: rgb(51,51,52) !important; background-color: rgb(51,51,52) !important;
@ -960,17 +963,9 @@ aside .widget,
#upload-photo:focus { #upload-photo:focus {
background-color: darkblue !important; background-color: darkblue !important;
} }
/* HIDE ATTACHMENT BUTTON /* 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"
*/
.fbswitcher [data-mode="attachment"] { .fbswitcher [data-mode="attachment"] {
display: none !important; display: var(--attach-file-button) !important;
} }
/* PROFILE */ /* PROFILE */
#profile-photo-wrapper { #profile-photo-wrapper {
@ -1073,6 +1068,13 @@ aside .widget li:hover {
position: relative; position: relative;
top: 1px; 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 */ /* little vcard when you scroll down on profiles */
#vcard-short-photo-wrapper img, #vcard-short-photo-wrapper img,
#nav-short-info .contact-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 { .wall-item-bottom .wall-item-tags .category.label.btn-success {
border-color: limegreen !important; border-color: limegreen !important;
color: limegreen !important; color: limegreen !important;
font-size: 0px !important; /* to get rid of parentheses */ font-size: 12px;
} }
/* replace (x) remove with icon button */ /* replace (x) remove with icon button */
.wall-item-bottom .wall-item-tags .category.label.btn-success a:first-of-type { .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 { .wall-item-bottom .wall-item-tags .category.label.btn-success a:last-of-type::after {
content: '\f00d'; content: '\f00d';
font-family: ForkAwesome; font-family: ForkAwesome;
font-size: 12px; 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:hover,
.wall-item-bottom .wall-item-tags .category.label.btn-success:focus { .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){ .wall-item-bottom .wall-item-tags .category.label:not(.btn-success){
border-color: #ccc !important; border-color: #ccc !important;
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{ .wall-item-bottom .wall-item-tags .category.label:not(.btn-success) a:first-of-type{
font-size: 12px; font-size: 12px;
text-decoration: line-through; 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 { .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):hover,
.wall-item-bottom .wall-item-tags .category.label:not(.btn-success):focus { .wall-item-bottom .wall-item-tags .category.label:not(.btn-success):focus {
background-color: red !important; background-color: red !important;
color: #ccc !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 */ /* @ Mention Buttons */
.wall-item-bottom .wall-item-tags .mention.label.btn-warning { .wall-item-bottom .wall-item-tags .mention.label.btn-warning {
border-color: gold !important; border-color: gold !important;
@ -1442,6 +1514,12 @@ a.tag.label,
border-color: gold !important; border-color: gold !important;
color: black !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 /* Greater than Full-HD Width
=========================== ===========================
*/ */
@ -1466,6 +1544,13 @@ a.tag.label,
width: 140px !important; 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 /* Large Tablets in Portrait Orientation
===================================== =====================================
*/ */
@ -1914,6 +1999,9 @@ a.tag.label,
color: transparent; color: transparent;
} }
/* NOTE: cannot simply empty or display none or button alignment gets messed up! */ /* 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 /* Narrow Screen Phones in Landscape Orientation
============================================== ==============================================
@ -2040,6 +2128,9 @@ a.tag.label,
} }
} }
/* LOGIN AND INFO SCREENS */ /* LOGIN AND INFO SCREENS */
body.mod-home {
padding-top: 10px !important;
}
.mod-home .navbar, .mod-home .navbar,
.mod-home #topbar-second{ .mod-home #topbar-second{
background-color: transparent !important; background-color: transparent !important;

4
bookface_dark.php
View file

@ -7,10 +7,10 @@
* *
* Name: Bookface Dark * Name: Bookface Dark
* Licence: AGPL * 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 * Overwrites: nav_bg, nav_icon_color, background_color, background_image, contentbg_transp
* Accented: yes * Accented: yes
* Version: 1.3 * Version: 1.4
*/ */
use Friendica\DI; use Friendica\DI;
require_once 'view/theme/frio/php/PHPColors/Color.php'; require_once 'view/theme/frio/php/PHPColors/Color.php';

142
bookface_light.css
View file

@ -1,9 +1,9 @@
/* /*
Name : Bookface Light Name : Bookface Light
Version : 1.3 Version : 1.4
Licence : AGPL Licence : AGPL
Created on : 11 Feb 2025 Created on : 12 Feb 2025
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
*/ */
:root { :root {
@ -20,6 +20,7 @@
--border-color: #eeeeee; --border-color: #eeeeee;
--count-color: #ffffff; --count-color: #ffffff;
--count-bg: var(--link-color); --count-bg: var(--link-color);
--attach-file-button: none; /* none or block */
/* LOCALIZE pseudo-element text below */ /* LOCALIZE pseudo-element text below */
--sign-in-text: 'Sign-In'; --sign-in-text: 'Sign-In';
@ -152,6 +153,7 @@
.dropdown-menu > li.active:focus > a { .dropdown-menu > li.active:focus > a {
color: var(--link-color); color: var(--link-color);
background-color: transparent; background-color: transparent;
background-image: none;
} }
.form-control { .form-control {
background: var(--nav-bg); background: var(--nav-bg);
@ -502,7 +504,7 @@
clear: both; clear: both;
} }
/* make textareas resize in the correct direction */ /* make textareas resize in the correct direction */
textarea { body.mod-settings textarea {
resize: vertical !important; resize: vertical !important;
} }
/* Other people profiles */ /* Other people profiles */
@ -692,7 +694,7 @@
display: inline-block !important; display: inline-block !important;
} }
/* ACTION BUTTON LABELS */ /* ACTION BUTTON LABELS */
.wall-item-actions-row button, .wall-item-actions-row button:not(button-browser-share),
.wall-item-actions-right button { .wall-item-actions-right button {
position: relative; position: relative;
display: block; display: block;
@ -891,7 +893,9 @@
border-color: transparent !important; border-color: transparent !important;
background-color: transparent !important; background-color: transparent !important;
} }
.fbrowser-content-container.justified-gallery {
max-height: 100% !important;
}
#jot-title, #jot-title,
#jot-category { #jot-category {
background-color: #fff !important; background-color: #fff !important;
@ -959,17 +963,9 @@
#upload-photo:focus { #upload-photo:focus {
background-color: darkblue !important; background-color: darkblue !important;
} }
/* HIDE ATTACHMENT BUTTON /* 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"
*/
.fbswitcher [data-mode="attachment"] { .fbswitcher [data-mode="attachment"] {
display: none !important; display: var(--attach-file-button) !important;
} }
/* PROFILE */ /* PROFILE */
#profile-photo-wrapper { #profile-photo-wrapper {
@ -1072,6 +1068,13 @@
position: relative; position: relative;
top: 1px; 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 */ /* little vcard when you scroll down on profiles */
#vcard-short-photo-wrapper img, #vcard-short-photo-wrapper img,
#nav-short-info .contact-wrapper img { #nav-short-info .contact-wrapper img {
@ -1393,41 +1396,111 @@ a.tag.label,
} }
/* Category Buttons */ /* Category Buttons */
.wall-item-bottom .wall-item-tags .category.label.btn-success { .wall-item-bottom .wall-item-tags .category.label.btn-success {
border-color: green !important; border-color: limegreen !important;
color: green !important; color: limegreen !important;
font-size: 0px !important; /* to get rid of parentheses */ font-size: 12px;
} }
/* replace (x) remove with icon button */ /* replace (x) remove with icon button */
.wall-item-bottom .wall-item-tags .category.label.btn-success a:first-of-type { .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 { .wall-item-bottom .wall-item-tags .category.label.btn-success a:last-of-type::after {
content: '\f00d'; content: '\f00d';
font-family: ForkAwesome; font-family: ForkAwesome;
font-size: 12px; 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:hover,
.wall-item-bottom .wall-item-tags .category.label.btn-success:focus { .wall-item-bottom .wall-item-tags .category.label.btn-success:focus {
background-color: green !important; background-color: limegreen !important;
color: white !important; color: black !important;
} }
/* when a category is removed need to visually indicate it */ /* when a category is removed need to visually indicate it */
.wall-item-bottom .wall-item-tags .category.label:not(.btn-success){ .wall-item-bottom .wall-item-tags .category.label:not(.btn-success){
border-color: #ccc !important; border-color: #ccc !important;
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{ .wall-item-bottom .wall-item-tags .category.label:not(.btn-success) a:first-of-type{
font-size: 12px; font-size: 12px;
text-decoration: line-through; 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 { .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):hover,
.wall-item-bottom .wall-item-tags .category.label:not(.btn-success):focus { .wall-item-bottom .wall-item-tags .category.label:not(.btn-success):focus {
background-color: red !important; 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; color: white !important;
} }
/* @ Mention Buttons */ /* @ Mention Buttons */
@ -1441,6 +1514,12 @@ a.tag.label,
border-color: goldenrod !important; border-color: goldenrod !important;
color: white !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 /* Greater than Full-HD Width
=========================== ===========================
*/ */
@ -1465,6 +1544,13 @@ a.tag.label,
width: 140px !important; 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 /* Large Tablets in Portrait Orientation
===================================== =====================================
*/ */
@ -1909,6 +1995,9 @@ a.tag.label,
color: transparent; color: transparent;
} }
/* NOTE: cannot simply empty or display none or button alignment gets messed up! */ /* 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 /* Narrow Screen Phones in Landscape Orientation
============================================== ==============================================
@ -2035,6 +2124,9 @@ a.tag.label,
} }
} }
/* LOGIN AND INFO SCREENS */ /* LOGIN AND INFO SCREENS */
body.mod-home {
padding-top: 10px !important;
}
.mod-home .navbar, .mod-home .navbar,
.mod-home #topbar-second{ .mod-home #topbar-second{
background-color: transparent !important; background-color: transparent !important;

4
bookface_light.php
View file

@ -7,10 +7,10 @@
* *
* Name: Bookface Light * Name: Bookface Light
* Licence: AGPL * 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 * Overwrites: nav_bg, nav_icon_color, background_color, background_image, contentbg_transp
* Accented: yes * Accented: yes
* Version: 1.3 * Version: 1.4
*/ */
use Friendica\DI; use Friendica\DI;
require_once 'view/theme/frio/php/PHPColors/Color.php'; require_once 'view/theme/frio/php/PHPColors/Color.php';