From 3fc3674d19e8d1cce8d6a1010644a9f8cc809b0d Mon Sep 17 00:00:00 2001 From: oldkid Date: Wed, 22 Jan 2025 06:31:24 +0100 Subject: [PATCH] update to V1.1 --- bookface_dark.css | 147 +++++++++++++++++++++++++++++++++++++++++- bookface_light.css | 155 +++++++++++++++++++++++++++++++++++++++++++-- 2 files changed, 295 insertions(+), 7 deletions(-) diff --git a/bookface_dark.css b/bookface_dark.css index f1429a4..18c313d 100644 --- a/bookface_dark.css +++ b/bookface_dark.css @@ -1,6 +1,6 @@ /* Name : Bookface Dark - Version : 1.0 + Version : 1.1 Licence : AGPL Created on : 19.01.2025 Author : Kristi H. @kmh@friendica.world feb @feb@loma.ml @@ -261,7 +261,15 @@ box-sizing: border-box; #jotOpen:hover, #jotOpen:focus { box-shadow: inset 0 0 100px rgba(0,0,0,.1) !important; } - + #jotOpen::before { + content: ''; + font-size: 15px; + margin-right: 10px; + line-height: 32px; + position: relative; + display: inline; + top: -4px; + } #jotOpen .fa-pencil-square-o { font-size: 32px !important; position: relative; @@ -307,6 +315,7 @@ box-sizing: border-box; } .panel-footer button[type="submit"]{ float: right !important; + margin-left: 5px; } .panel-footer::after{ content: ''; @@ -419,6 +428,13 @@ aside .widget, padding-left: 10px !important; padding-right: 10px !important; } + /* keep mentions and tags from spilling out */ + #profile-page .label, + #profile-page .label a, + .wall-item-bottom .label, + .wall-item-bottom .label a { + display: inline-block !important; + } /* ACTION BUTTON LABELS */ .wall-item-actions-row button, .wall-item-actions-right button { @@ -702,3 +718,130 @@ aside .widget li:hover { margin: 20px auto; } +/* Photo Albums */ +/* +.photo-album-actions .icon-padding, +.photo-edit-link-wrap .icon-padding { + margin-left: 10px !important; +} +.photos-upload-link { + font-size: 28px; + color: var(--link-color) !important; + opacity: 1 !important; + border-radius: 8px; + padding: 0px 8px; +} +#photo-album-link { + opacity: 1 !important; +} +.photos-upload-link i, +#photo-album-link i, +#photo-edit-link i, +#photo-toprofile-link i, +#album-edit-link i, +#album-drop-link i, +.photos-order-link i { + font-size: 24px !important; + color: var(--link-color) !important; + opacity: 1 !important; + border-radius: 100% !important; + padding: 8px 11px !important; + height: 40px; + width: 40px; +} +#photo-edit-link i.fa-image { + padding: 6px 7px !important; +} +.photos-order-link { + margin-top: 5px !important; +} + .photos-upload-link:hover i, + .photos-upload-link:focus i, + #photo-album-link:hover i, + #photo-album-link:focus i, + #photo-edit-link:hover i, + #photo-toprofile-link:hover i, + #photo-toprofile-link:focus i, + #album-edit-link:hover i, + #album-edit-link:focus i, + #album-drop-link:hover i, + #album-drop-link:focus i, + .photos-order-link:hover i, + .photos-upload-link:hover i, + .photos-upload-link:focus i { + background-color: rgba(255,255,255,.1) !important; + } +.photos-content-wrapper .photos-upload-link::before { + content: 'Add Photos'; + font-size: 15px; + vertical-align: middle; + margin-top: -10px; + display: inline-block; +} +.justified-gallery { + overflow: visible !important; +} +.justified-gallery > a, +.justified-gallery > div, +.justified-gallery > figure{ + height: 180px !important; + width: 180px !important; + border: 1px solid #ccc; + position: relative !important; + top: auto !important; + left: auto !important; + border-radius: 8px; + margin: 4px !important; +} +.justified-gallery > .jg-entry-visible > img, +.justified-gallery > .jg-entry-visible > a > img, +.justified-gallery > .jg-entry-visible > svg, +.justified-gallery > .jg-entry-visible > a > svg{ + width: 100% !important; + height: 100% !important; + margin: 0 !important; + top: 0 !important; + left: 0 !important; + object-fit:cover; + object-position: center; +} +/* #photo-photo { + margin: 0 auto !important; +} + +@media screen and (max-width: 1280px) { + #search-box { + width: 18% !important; + } +} +@media screen and (max-width: 991px){ + #search-box { + left: 15%; + } + #jotOpen::before { + content: ''; + margin: 0; + } + #mention-link span:last-of-type { + margin-right: 42px; + } +} +@media screen and (max-width: 768px){ + #topbar-first .navbar-toggle[data-target="#search-mobile"]{ + position: fixed !important; + left: 15%; + } + #search-mobile { + top: 110px !important; + } +} +@media screen and (max-width: 480px){ + #topbar-first .navbar-toggle[data-target="#search-mobile"]{ + left: 10%; + } + .topbar ul.nav { + position: relative !important; + left: 10% !important; + margin-left: 0!important; + } +} */ diff --git a/bookface_light.css b/bookface_light.css index 3a1f0f9..e505fb6 100644 --- a/bookface_light.css +++ b/bookface_light.css @@ -1,6 +1,6 @@ /* Name : Bookface Light - Version : 1.0 + Version : 1.1 Licence : AGPL Created on : 19.01.2025 Author : Kristi H. @kmh@friendica.world feb @feb@loma.ml @@ -220,7 +220,15 @@ #jotOpen:hover, #jotOpen:focus { box-shadow: inset 0 0 100px rgba(0,0,0,.1) !important; } - + #jotOpen::before { + content: 'Compose'; + font-size: 15px; + margin-right: 10px; + line-height: 32px; + position: relative; + display: inline; + top: -4px; + } #jotOpen .fa-pencil-square-o { font-size: 32px !important; position: relative; @@ -262,9 +270,10 @@ .panel-footer { background-color: var(--nav-bg) !important; } - .panel-footer button[type="submit"]{ - float: right !important; - } + .panel-footer button[type="submit"]{ + float: right !important; + margin-left: 5px; + } .panel-footer::after{ content: ''; display: block; @@ -348,6 +357,13 @@ padding-left: 10px !important; padding-right: 10px !important; } + /* keep mentions and tags from spilling out */ + #profile-page .label, + #profile-page .label a, + .wall-item-bottom .label, + .wall-item-bottom .label a { + display: inline-block !important; + } /* ACTION BUTTON LABELS */ .wall-item-actions-row button, .wall-item-actions-right button { @@ -638,3 +654,132 @@ margin: 20px auto; } +/* Photo Albums */ +/* +.photo-album-actions .icon-padding, +.photo-edit-link-wrap .icon-padding { + margin-left: 10px !important; +} +.photos-upload-link { + font-size: 28px; + color: var(--link-color) !important; + opacity: 1 !important; + border-radius: 8px; + padding: 0px 8px; +} +#photo-album-link { + opacity: 1 !important; +} +.photos-upload-link i, +#photo-album-link i, +#photo-edit-link i, +#photo-toprofile-link i, +#album-edit-link i, +#album-drop-link i, +.photos-order-link i { + font-size: 24px !important; + color: var(--link-color) !important; + opacity: 1 !important; + border-radius: 100% !important; + padding: 8px 11px !important; + height: 40px; + width: 40px; +} + #photo-edit-link i.fa-image { + padding: 6px 7px !important; + } +.photos-order-link { + margin-top: 5px !important; +} + .photos-upload-link:hover i, + .photos-upload-link:focus i, + #photo-album-link:hover i, + #photo-album-link:focus i, + #photo-edit-link:hover i, + #photo-toprofile-link:hover i, + #photo-toprofile-link:focus i, + #album-edit-link:hover i, + #album-edit-link:focus i, + #album-drop-link:hover i, + #album-drop-link:focus i, + .photos-order-link:hover i, + .photos-upload-link:hover i, + .photos-upload-link:focus i { + background-color: rgba(128,128,128,.1) !important; + } +.photos-content-wrapper .photos-upload-link::before { + content: 'Add Photos'; + font-size: 15px; + vertical-align: middle; + margin-top: -10px; + display: inline-block; +} +.justified-gallery { + overflow: visible !important; +} +.justified-gallery > a, +.justified-gallery > div, +.justified-gallery > figure{ + height: 180px !important; + width: 180px !important; + border: 1px solid #ccc; + position: relative !important; + top: auto !important; + left: auto !important; + border-radius: 8px; + margin: 4px !important; +} +.justified-gallery > .jg-entry-visible > img, +.justified-gallery > .jg-entry-visible > a > img, +.justified-gallery > .jg-entry-visible > svg, +.justified-gallery > .jg-entry-visible > a > svg{ + width: 100% !important; + height: 100% !important; + margin: 0 !important; + top: 0 !important; + left: 0 !important; + object-fit:cover; + object-position: center; +} +#photo-photo { + margin: 0 auto !important; +} + + + + @media screen and (max-width: 1280px) { + #search-box { + width: 18% !important; + } + } + @media screen and (max-width: 991px){ + #search-box { + left: 15%; + } + #jotOpen::before { + content: ''; + margin: 0; + } + #mention-link span:last-of-type { + margin-right: 42px; + } + } + @media screen and (max-width: 768px){ + #topbar-first .navbar-toggle[data-target="#search-mobile"]{ + position: fixed !important; + left: 15%; + } + #search-mobile { + top: 110px !important; + } + } + @media screen and (max-width: 480px){ + #topbar-first .navbar-toggle[data-target="#search-mobile"]{ + left: 10%; + } + .topbar ul.nav { + position: relative !important; + left: 10% !important; + margin-left: 0!important; + } + } */ \ No newline at end of file