Merge branch 'refs/heads/upgrade'
This commit is contained in:
commit
a8bbb32a83
6 changed files with 460 additions and 97 deletions
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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';
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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';
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue