diff --git a/bookface - Original/dark/Bookface_Dark.png b/bookface - Original/dark/Bookface_Dark.png deleted file mode 100644 index 1f1df10..0000000 Binary files a/bookface - Original/dark/Bookface_Dark.png and /dev/null differ diff --git a/bookface - Original/dark/README.txt b/bookface - Original/dark/README.txt deleted file mode 100644 index e89d1c2..0000000 --- a/bookface - Original/dark/README.txt +++ /dev/null @@ -1,82 +0,0 @@ -BOOKFACE FOR FRIENDICA -=============================== - -Description: -A Friendica Theme Template/Scheme for the "Frio" theme that gives it a modern makeover. - -Disclaimer: This is a Work-In-Progress, use in production at your own risk! - -1. Drop these four files - * bookface_dark.css - * bookface_dark.php - * bookface_light.css - * bookface_light.php -into /friendica/view/theme/frio/scheme/ - -2. Go to Settings > Display > Theme Customization > Appearance - a. Select either "Bookface Light" or "Bookface Dark" - b. (optional) Select Accent Color - c. click "Submit" button. - -NOTES: - -* This theme HIDES the attachment upload button in the file browser since there is no way to manage/delete uploaded files, and this is confusing to users. -* Overrides nav_bg, nav_icon_color, background_color, background_image, and contentbg_transp -* Overrides "Frio" blue accent color with one that looks nicer with these schemes. -* This scheme is still being revised as new things to style are discovered. -* This scheme was adapted from a user stylesheet for use in browsers on the client-side. - -CHANGELOG: -1.2 -* "Save" buttons for "Remote Servers" settings normalized to right. -* "Close" button and open "Compose" button restyled, "Close" enlarged for better touch target. -* Open Compose Page button styled to match roundy buttons. -* "Save Search" buttons styles to match "Compose" and "Mention" buttons. -* Dark version Settings container background color fixed. -* Comment Box background fixed. -* Compose/Comment text style buttons enlarged for better touch targets, styled to match on Compose Modal, Compose Page, and Comment below post. -* Aside Selected Menu item now adopts color scheme. -* All Modal File browsers now styled the same. -* IFRAME container positioned and styled (usually used for embedded video) -* Fixed "Like/Dislike" on photos showing label twice. -* TopBar Second vcard short photo made round. - -1.1 -* Fixes long lists of tags/mentions spilling out of post or profile container, forces them to wrap to multiple rows as necessary. -* Adds spacing to left of multiple settings buttons floated to right. - -1.0 -* Initial release of server-side version -* Accent colors now work (server-side version only) -* Compose Title border radius normalized to rest of inputs. -* Top Bar buttons fixed for small mobile screens. -* Delegate "Save" settings button normalized to right side. -* Form input background colors normalized. - -0.4 (18 Jan 2025) -* Adds "superscript" engagement numbers to mobile Action Buttons. -* Settings "Submit" buttons normalized to right-hand placement. -* "Mention" button and "Compose" buttons sizing normalized. -* Compose Modal/Page and Reply now styled. -* File Attachment Button hidden in Compose File Browser. -* Adjustment to Event RSVP buttons for both desktop and mobile. -* Styling and adjustment to Profile Extra links. -* Changed Network Links from "Link:" text to buttons style with chevron. - -0.3 (16 Jan 2025) -* Light and Dark mode user stylesheets. -* Light version first adapted to theme template/scheme for server-side. -* Added "superscript" engagement numbers to desktop Action Buttons - -0.2 (13 Jan 2025) -* Added labels to Action Buttons. - -0.1 (12 Jan 2025) -* Based on original bookface.css user stylesheet (light mode only) - -Contributors: -Kristi H. @kmh@friendica.world -feb @feb@loma.ml - -License: AGPL 3.0 or Later - diff --git a/bookface - Original/dark/bookface_dark.css b/bookface - Original/dark/bookface_dark.css deleted file mode 100644 index 1b58a4b..0000000 --- a/bookface - Original/dark/bookface_dark.css +++ /dev/null @@ -1,1035 +0,0 @@ -/* - Name : Bookface Dark - Version : 1.2 - Licence : AGPL - Created on : 26.01.2025 - Author : Kristi H. @kmh@friendica.world feb @feb@loma.ml -*/ - -:root { - --global-font-family: 'Open Sans', Arial, sans-serif, Noto Color Emoji; - --nav-bg: $nav_bg; - --link-color: $link_color; - --nav-icon-color: $nav_icon_color; - --background-color: $background_color; - --contentbg-transp: $contentbg_transp; - --font-color: $font_color; - --font-color-darker: $font_color_darker; - --background-image: $background_image; - --menu-background-hover-color: $menu_background_hover_color; - --border-color: #333333; -} - -body { - background-color: var(--background-color) !important; - font-size: 15px !important; - padding-top: 125px !important; -} -#topbar-first .nav > li > a, -#topbar-first .nav > li > button, -nav.navbar .nav > li > a, -nav.navbar .nav > li > button{ - color: #B0B3B8 !important; - - } -#topbar-first, nav.navbar { - background-color: var(--nav-bg) !important; - color: #B0B3B8 !important; -} - #topbar-first .topbar-nav .nav-segment { - margin-right: 10px; - } - #topbar-first .nav > li > a:hover:not(.selected) { - background-color: rgba(255,255,255,.1) !important; - border-radius: 8px !important; - } - .fa-lg { - font-size: 24px !important; - } -#topbar-first .nav > li > a:hover, -#topbar-first .nav > li > a:focus, -#topbar-first .nav > li > button:not(#main-menu):hover, -#topbar-first .nav > li > button:not(#main-menu):focus, -nav.navbar .nav > li > a:hover, -nav.navbar .nav > li > a:focus, -nav.navbar .nav > li > button:hover, -nav.navbar .nav > li > button:focus { - background-color: rgba(255,255,255,.1) !important; - border-radius: 8px !important; - -} -#topbar-first .nav > li > a.selected { - border-bottom: 3px solid var(--link-color) !important; - color: var(--link-color) !important; -} -#topbar-first .nav > li > a.selected:hover, -#topbar-first .nav > li > #main-menu:hover, -#topbar-first .nav > li > #main-menu:focus { - background-color: transparent !important; - border-radius: 0 !important; -} -ul.tabs li { - font-size: 15px !important; - margin-left: 10px !important; -} -ul.tabs li.active { - border-color: var(--link-color) !important; -} - ul.tabs li a { - margin-top: 8px; - color: var(--link-color) !important; - } - ul.tabs li:hover:not(.active) { - border-bottom-width: 0px !important; - } - ul.tabs li:hover:not(.active) a { - background-color: rgba(255,255,255,.1) !important; - border-radius: 8px !important; - } - .dropdown-menu { - padding-bottom: 15px !important; - background-color: var(--nav-bg) !important; - border: 1px solid var(--background-color) !important; - } - .dropdown-menu li { - margin: 10px; - width: 92% !important; - border-radius: 8px; - } - .dropdown-menu li:hover { - border-color: transparent !important; - } - .form-control { - background: var(--nav-bg); - color: #fff; - } - .form-control[readonly], - .form-control[disabled], - .fieldset[disabled] .form-control { - background-color: #666; - color: #fff; - opacity: .5; - } - .table-striped > tbody > tr:nth-of-type(2n+1) { - background-color: var(--nav-bg); - } -header #banner { - left: 0 !important; - right: auto !important; -} - header #banner #logo-img, - .navbar-brand #logo-img { - background-color: var(--link-color) !important; - height: 40px !important; - width: 40px !important; - } -.topbar ul.nav { - left: 50% !important; - margin-left: -25% !important; - position: relative; -} -#topbar-first .nav > .account img { - border-radius: 100% !important; - box-shadow: 0 0 1px rgba(255,255,255,.1) !important; - height: 40px !important; - width: 40px !important; -} -#search-box { - position: fixed !important; - left: 100px; -} -#topbar-first #search-box .form-search { - height: 40px !important; - font-size: 15px; - background-position: unset; - box-shadow: none !important; -} -#search-box form > div { - background-color: #333334; - border-radius: 50px; -} -#search-box form > div::before { - content: '\f002'; - font-family: ForkAwesome; - position: absolute; - left: 10px; - top: 8px; -} -#search-box .form-control.form-search { - border-radius: 50px !important; - background: transparent !important; - width: 100% !important; -} -#search-box .form-control::placeholder { - color: #B0B3B8 !important; -} -#topbar-first #search-box .btn { - font-size: 0px !important; - height: 32px; - width: 32px; - top: 2px !important; - background-color: black !important; - margin-top: 2px !important; -} -#topbar-first #search-box .btn::before { - content: '\f061'; - font-family: ForkAwesome; - font-size: 15px; - color: #B0B3B8; -} -#nav-user-menu, #nav-notifications-menu { - background-color: var(--nav-bg) !important; - border: 1px solid var(--background-color) !important; -} -#nav-user-menu { - min-width: 250px !important; -} -.nav-pills .dropdown-menu li a, -.nav-pills .dropdown-menu li .btn-link, -.nav-tabs .dropdown-menu li a, -.nav-tabs .dropdown-menu li .btn-link, -.account .dropdown-menu li a, -.account .dropdown-menu li .btn-link, -.contact-photo-wrapper .dropdown-menu li a, -.contact-photo-wrapper .dropdown-menu li .btn-link { - color: #B0B3B8 !important; - border-color: var(--nav-bg) !important; -} - .nav-pills .dropdown-menu li > a:hover, - .nav-tabs .dropdown-menu li > a:hover, - .account .dropdown-menu li > a:hover, - .contact-photo-wrapper .dropdown-menu li > a:hover, - .nav-pills .dropdown-menu li.selected a, - .nav-tabs .dropdown-menu li.selected a, - .account .dropdown-menu li.selected a, - .contact-photo-wrapper .dropdown-menu li.selected a { - color: #333 !important; - background: #f2f2f2 !important; - border-radius: 8px; - } -.nav-pills .dropdown-menu li.divider, -.nav-tabs .dropdown-menu li.divider, -.account .dropdown-menu li.divider, -.contact-photo-wrapper .dropdown-menu li.divider { - background-color: var(--nav-bg) !important; -} -#topbar-first #nav-notifications-menu { - border: 1px solid var(--background-color) !important; -} -#topbar-first #nav-notifications-menu li { - border-color: transparent !important; -box-sizing: border-box; - margin: 10px; - border-radius: 10px !important; - width: 94% !important; -} -#topbar-first .notification-unseen { - background-color: rgba(255,255,255,.2) !important -} -#topbar-first #nav-notifications-menu li.notif-entry:hover{ - background-color:rgba(128,128,128,.2) !important; - border-color: transparent !important; -} -#topbar-second { - height: 60px !important; - background-color: var(--nav-bg) !important; - border-color: #333 !important; -} - .btn.btn-primary:hover, - .btn.btn-primary:focus { - border-radius: 8px !important; - } - #dropdownMenuTools { - height: 40px; - width: 40px; - background-color: rgba(255,255,255,.1) !important; - border-radius: 100% !important; - margin-top: 5px !important; - margin-right: 10px !important; - } - #dropdownMenuTools:hover, - #dropdownMenuTools:focus { - background-color: rgba(0,0,0,.1) !important; - } - #jotOpen { - border-radius: 8px !important; - background-color: var(--link-color) !important; - color: #ffffff !important; - border-color: #000 !important; - box-shadow: none !important; - } - #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; - top: 4px; - } - #topbar-second #nav-short-info { - margin-top: 10px; - } - /* Make Submit Buttons Pretty */ - .settings-submit, - button[type="submit"], - #photos-upload-submit { - background-color: var(--link-color) !important; - color: white !important; - border-radius: 8px !important; - border: none !important; - box-shadow: none !important; - } - .settings-submit.form-button-search, - button[type="submit"].form-button-search { - border-radius:50px !important; - margin-top:-.5px !important; - } - .settings-submit:hover, - .settings-submit:focus, - button[type="submit"]:hover, - button[type="submit"]:focus, - #photos-upload-submit:hover, - #photos-upload-submit:focus{ - box-shadow: inset 0 0 100px rgba(0,0,0,.1) !important; - } - #delegate-parent .submit button { - float: right; - padding: 8px; - appearance: none; - border: none; - } - #delegate-parent .submit::after { - content: ''; - display: block; - clear: both; - } - /* make position of submit buttons in settings consistent */ - .panel-footer { - background-color: var(--nav-bg) !important; - } - .panel-footer button[type="submit"]{ - float: right !important; - margin-left: 5px; - } - .panel-footer::after{ - content: ''; - display: block; - clear: both; - } - #settings-server button[type="submit"] { - float: right !important; - margin-left: 5px !important; - margin-bottom: 20px !important; - } - /* Compose Window */ - #upload-photo { - background-color: var(--link-color) !important; - color: white !important; - border-radius: 8px !important; - } - #upload-photo:hover, - #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" - */ - .fbswitcher [data-mode="attachment"] { - display: none !important; - } -/* Other people profiles */ -#mention-link { -border-radius: 8px !important; - background-color: var(--link-color) !important; - color: #ffffff !important; - border-color: #000 !important; - box-shadow: none !important; - padding: 0 16px !important; -} - #mention-link:hover, - #mention-link:focus { - box-shadow: inset 0 0 100px rgba(0,0,0,.1) !important; - - } - #mention-link span:first-of-type { - float: right; - font-size: 32px; - line-height: 45px; - top: 4px; - } - #mention-link span:first-of-type .fa-2x { - font-size: inherit !important; - } - #mention-link span:last-of-type { - font-size: 15px; - margin-right: 10px; - line-height: 32px; - top: 6px; - position:relative; - } -#contact-edit-status-wrapper { - margin: 15px 0px !important; - border-radius: 10px; -} -#profile-extra-links .btn { - border-radius: 8px !important; - margin-bottom: 10px !important; -} - /* SEARCH RESULTS */ - #search-save { - background-color: var(--link-color) !important; - color: white !important; - border-radius: 8px !important; - padding: 6px 8px !important; - } - #search-save:hover, - #search-save:focus { - box-shadow: inset 0 0 100px rgba(0,0,0,.1) !important; - } - #search-save .fa-plus::before{ - content: '\f292' !important; - } - #search-save .fa-floppy-o::before { - content: '\f00e' !important; - } - #search-save .fa-floppy-o::before, - #search-save .fa-plus::before { - display: inline-block; - margin-top: 2px; - } - #search-save .fa-floppy-o::after, - #search-save .fa-plus::after{ - content: 'Save Search'; - font-family: 'Open Sans', Arial, sans-serif; - font-size: 15px; - float: left; - margin-right: 10px; - line-height: 32px; - position: relative; - display: block; - top: -2px; - font-weight: 700; - } - - #search-save .fa-floppy-o::after { - content: 'Save Search'; - } - #search-save .fa-plus::before { - display: inline-block; - margin-top: 2px; - } - #search-save .fa-plus::after { - content: 'Follow Tag'; - } -/* sidebar widgets */ -aside .widget, -.nav-container .widget { - background-color: var(--background-color) !important; - -webkit-box-shadow: none !important; - -moz-box-shadow: none !important; - box-shadow: none !important; -} -/* Posts */ -.tread-wrapper { - background-color: rgb(37, 39, 40) !important; - box-shadow: 0 0px 1px rgba(0,0,0,.5) !important; - border-radius: 10px !important; -} -.wall-item-container .media { - background-color: rgb(37, 39, 40) !important; - border-radius: 10px !important; -} - .wall-item-container iframe { - width: 100% !important; - height: auto !important; - display: block; - margin: 0 auto; - aspect-ratio: 16/9; - border: 1px solid #333; - border-radius: 8px; - background-color: #000; - } -.well { - -webkit-box-shadow: none !important; - box-shadow: none !important; -} - .contact-photo, - .contact-photo-xs { - border-radius: 100% !important; - border: 1px solid var(--nav-bg) !important; - } -.hovercard { - background-color: var(--nav-bg) !important; - border: 1px solid var(--background-color) !important; -} - .hover-card-pic img.thumbnail { - border-radius: 100% !important; - background-color: var(--background-color) !important; - border-color: black !important; - } - p.wall-item-announce, - .media .time, .media .shared-time, - .media .delivery, .media .location, - .media .location a { - font-size: 13px !important; - } - .type-link, .type-video { - padding: 0 !important; - margin: 0 !important; - background-color: rgb(51, 51, 52) !important; - border: 1px solid rgb(101, 104, 108) !important; - } - .type-link h4, .type-link blockquote, .type-link sup, - .type-video h4, .type-video blockquote, .type-video sup { - 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 { - position: relative; - display: block; - white-space: normal !important; - margin: 0 auto !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; - } - .wall-item-actions-row button::after, - .wall-item-actions-right button::after { - font-size: 14px; - font-family: sans-serif; - display: block; - margin-top: 2px; - } - .wall-item-response { - position: relative; - padding-top: 4px; - } - .button-comments::after { - content: 'Comment'; - } - .button-announces::after { - content: 'Share'; - } - .share-links .dropdown-toggle::after { - content: 'Share'; - } - .button-votes::after { - content: 'Quote'; - } - .button-likes::after { - content: 'Like'; - } - [id^="dislike-"]::after{ - content: 'Dislike'; - } - .wall-item-actions-right .dropdown-toggle::after, - .more-links .dropdown-toggle::after { - content: 'More'; - } - /* engagement counts */ - .wall-item-actions-row > button span, - .wall-item-response span { - position: absolute; - text-align: center; - display: block; - background-color: var(--link-color); - box-shadow: -1px 1px 1px #000; - border-radius: 4px; - color: #fff; - font-size: 12px; - font-weight: 700; - width: fit-content; - padding: 0px 7px; - left: 55%; - top: 0px; - z-index: 1; - } - /* this is some freaking ALCHEMY! */ - .vote-event:not(:has(.wall-item-response:empty)) { - padding-bottom: 135px; - } - .vote-event .wall-item-response { - position: absolute; - top: 63px; - } - .vote-event .wall-item-response:empty{ - display: none; - } - .vote-event .wall-item-response:nth-of-type(1){ - left: 15px; - } - .vote-event .wall-item-response:nth-of-type(1) .button-event::after, - [id^="attendyes"]::after{ - content: 'Going'; - } - .vote-event .wall-item-response:nth-of-type(2){ - left: 105px; - } - .vote-event .wall-item-response:nth-of-type(2) .button-event::after, - [id^="attendno"]::after{ - content: 'Can\'t Go'; - position: relative; - height: 20px; - overflow: hidden; /* or skews mobile button layout */ - } - .vote-event .wall-item-response:nth-of-type(3){ - left: 204px; - } - .vote-event .wall-item-response:nth-of-type(3) .button-event::after, - [id^="attendmaybe"]::after{ - content: 'Maybe'; - } - /* prevent "Like Like" and "Dislike Dislike" on photos */ - #photo-view-wrapper .wall-item-actions .button-likes { - font-color: transparent !important; - font-size: 0px !important; - } - #photo-view-wrapper .wall-item-actions .button-likes::after { - font-size: 18px !important; - color: var(--nav-icon-color) !important; - } - #photo-view-wrapper .wall-item-actions .button-likes .fa-thumbs-up, - #photo-view-wrapper .wall-item-actions .button-likes .fa-thumbs-down { - font-size: 24px !important; - color: var(--nav-icon-color) !important; - } - #photo-view-wrapper .wall-item-actions .button-likes:hover::after, - #photo-view-wrapper .wall-item-actions .button-likes:focus::after, - #photo-view-wrapper .wall-item-actions .button-likes:hover .fa-thumbs-up, - #photo-view-wrapper .wall-item-actions .button-likes:focus .fa-thumbs-up, - #photo-view-wrapper .wall-item-actions .button-likes:hover .fa-thumbs-down, - #photo-view-wrapper .wall-item-actions .button-likes:focus .fa-thumbs-down { - color: var(--link-color) !important; - } - /* END OF ACTION BUTTON LABELS */ -/* Compose and Reply */ - #jot-modal .modal-header .compose-link { - border-radius: 100% !important; - height: 36px; - width: 36px; - font-size: 27px !important; - padding: 0 6px !important; - background-color: rgba(255,255,255,.2); - } - #jot-modal .modal-header .compose-link:hover, - #jot-modal .modal-header .compose-link:focus { - background-color: rgba(255,255,255,.1); - } - .close { - height: 36px; - width: 36px; - background-color: var(--link-color) !important; - opacity: 1 !important; - color: #fff !important; - border-radius: 100%; - margin-top: 5px; - margin-top: 2px !important; - } - .close:hover, - .close:focus { - box-shadow: inset rgba(255,255,255,.2) !important; - } -.modal-content, -#jot-modal-content, -.wall-item-comment-wrapper { - background-color: rgb(37,39,40) !important; - border-radius: 15px !important; - background-image: none; -} - .wall-item-comment-wrapper { - border: none; - } - .photo-comment-wrapper .btn-sm, - #profile-jot-wrapper .btn-sm, - .wall-item-comment-wrapper .btn-sm { - background-color: transparent; - color: var(--nav-icon-color); - height: 45px; - width: 45px; - font-size: 18px; - } - .photo-comment-wrapper .btn-sm:hover, - .photo-comment-wrapper .btn-sm:focus, - #profile-jot-wrapper .btn-sm:hover, - #profile-jot-wrapper .btn-sm:focus, - .wall-item-comment-wrapper .btn-sm:hover, - .wall-item-comment-wrapper .btn-sm:focus { - background-color: transparent; - color: var(--link-color); - } -#jot-modal-content input, -#jot-modal-content .friendica-tagsinput { - background-color: var(--background-color) !important; -} -#filebrowser .breadcrumb { - background-color: var(--background-color); -} -.fbrowser .folders button { - background-color: rgba(255,255,255,.5) !important; - color: black !important; - appearance: none; - border: none; - border-radius: 8px; - width: 100%; - margin-bottom: 5px; -} - .fbrowser .folders button:hover, - .fbrowser .folders button:focus { - background-color: rgba(255,255,255,.75) !important; - } - .fbrowser .folders li:hover, - .fbrowser .folders li:focus { - border-color: transparent !important; - background-color: transparent !important; -} - -#jot-title, -#jot-category { - background-color: rgb(51,51,52) !important; -} - #profile-jot-text, #profile-jot-wrapper textarea, - #jot-location, - .wall-item-comment-wrapper textarea { - background-color: rgb(51, 51, 52) !important; - } -#jot-text-wrap, #profile-jot-wrapper .dropzone.dz-clickable, -.wall-item-comment-wrapper .dropzone.dz-clickable { - background-color: var(--background-color) !important; -} -.jothidden.nav.nav-pills .btn-link { - font-size: 18px; -} - .jothidden.nav.nav-pills .btn-link:hover, - .jothidden.nav.nav-pills .btn-link:focus { - color: var(--link-color) !important; - } -.jot-nav { - border: none !important; -} -.jot-nav a { - border: none !important; - border-radius: 8px !important; - margin-right: 5px; -} -.jot-nav a:hover, .jot-nav a:focus { - background-color: rgba(255,255,255,.2) !important; -} -.jot-nav .active a { - background-color: transparent !important; - border-radius: 0 !important; - border-bottom: 3px solid var(--link-color) !important; -} -.jot-nav .active a:hover, .jot-nav .active a:focus { - background-color: transparent !important; -} -[id^="comment-edit-preview"], -.comment-edit-preview { - border-radius: 8px !important; - box-shadow: none !important; - background-color: rgba(255,255,255,.1); -} -[id^="comment-edit-preview"]:hover, -[id^="comment-edit-preview"]:focus, -.comment-edit-preview:hover, -.comment-edit-preview:focus { - background-color: rgba(255,255,255,.2) !important; -} -#profile-jot-wrapper .wall-item-container.panel-body.preview { - border: none !important; - margin-top:20px !important; - border-radius: none !important; - background-color: transparent; -} -/* Profile */ -#profile-photo-wrapper { - overflow: visible !important; - padding: 5px; - background-color: var(--background-color); - border-radius: 100% -} -aside .widget li { - margin-bottom: 8px; -} -aside .vcard img.u-photo, aside img.vcard-photo { - border-radius: 100% !important; - box-shadow: 0 0 1px rgba(0,0,0,.3); - border: 3px solid var(--background-color); -} -aside .widget h3.p-name { - font-size: 32px !important; - text-align: center; - word-break: break-word; -} -aside .vcard .p-addr { - font-weight: 600; - text-align: center; - white-space: break-spaces !important; -} -aside .widget li.selected { - background-color: var(--menu-background-hover-color) !important; - border-color: transparent !important; - border-radius: 8px; -} -aside .widget li.selected a { - font-weight: bold; -} -aside .widget li:hover { - background-color:rgba(128,128,128,.2) !important; - border-color: transparent !important; - border-radius: 8px; -} -#widget-contacts { - background-color: rgb(37, 39, 40) !important; - border-radius: 8px !important; - box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2) !important; -} - .contact-block-img { - height: 100px !important; - width: 100px !important; - border-radius: 8px !important; - box-shadow: 0 0 1px rgba(0, 0, 0, .2); - margin: 5px; - } -.comment-fake-form { - border: none !important; - background-color: transparent !important; -} -.comment-fake-form textarea { - border-radius: 50px !important; - background-color: rgb(51, 51, 52) !important; - box-shadow: none !important; - -webkit-box-shadow: none !important; -} -.wall-item-actions button { - font-size: 24px !important; - color: #B0B3B8 !important; -} - .wall-item-actions button:hover { - color: var(--link-color) !important; - } - .wall-item-actions .checkbox { - padding-top: 6px !important; - } - .comment .media-body { - padding: 10px; - background-color: rgb(51, 51, 52); - border-radius: 20px; - } - .wall-item-actions-row .wall-item-emoji { - font-size: 18px; - line-height: 40px; - } - .navicon { - font-size: 20px; - position: relative; - top: 1px; - } - /* not obviously clickable or intuitive what it does */ - .plink.u-url { - -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5); - box-shadow: 0 0 1px rgba(255,255,255,.5); - border-radius: 100%; - position: relative; - padding: 6px 4px; - height: 35px; - width: 35px; - display: block; - } - .plink.ul-url:hover { - background-color: rgba(255,255,255,.1) !important; - text-decoration: none !important; - } - .plink.u-url::after { - content: '\f101'; - font-family: ForkAwesome; - color: #666; - } - .img-allocated-max-width { - margin: 20px auto; - } - #vcard-short-photo-wrapper img, - #nav-short-info .contact-wrapper img { - border-radius: 100%; - } -/* Calendar */ -.fc-unthemed td.fc-today { - background-color: var(--menu-background-hover-color); -} -/* 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; -} -#photos-upload-perms button[data-toggle="modal"] { - background-color: rgba(255,255,255,.2) !important; - padding: 0 !important; - height: 36px; - width: 36px; - margin-right: 5px; - border-radius: 100%; - color: var(--link-color); -} - #photos-upload-perms button[data-toggle="modal"]:hover, - #photos-upload-perms button[data-toggle="modal"]:focus { - background-color: rgba(255,255,255,.1) !important; - } - -@media screen and (max-width: 1280px) { - #search-box { - width: 18% !important; - } - #search-save { - width: 140px !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; - } - .wall-item-container iframe { - aspect-ratio: 5/4; - } -} -@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; - } - #search-save { - width: 100px !important; - } - #search-save .fa-plus::after { - content: 'Follow'; - } - #search-save .fa-floppy-o::after { - content: 'Save'; - } -} \ No newline at end of file diff --git a/bookface - Original/dark/bookface_dark.php b/bookface - Original/dark/bookface_dark.php deleted file mode 100644 index cac1262..0000000 --- a/bookface - Original/dark/bookface_dark.php +++ /dev/null @@ -1,33 +0,0 @@ - darken(20); -$nav_bg = '#252728'; -$link_color = '#' . $accentColor->lighten(10); - // override ugly blue accent color - if ( $link_color == "#33a2e0" ){ - $link_color = "#0066ff"; - } -$nav_icon_color = '#B0B3B8'; -$background_color = '#1C1C1D'; -$contentbg_transp = '0'; -$font_color = '#cccccc'; -$font_color_darker = '#acacac'; -$font_color_lighter = '#444444'; -$background_image = '';