diff --git a/bookface - loma/light/bookfacelight.css b/bookface - loma/light/bookfacelight.css deleted file mode 100644 index 5738de3..0000000 --- a/bookface - loma/light/bookfacelight.css +++ /dev/null @@ -1,905 +0,0 @@ -/* - Name : Bookface Light - Version : 1.0 - Licence : AGPL - Created on : 19.01.2025 - Author : Kristi H. @kmh@friendica.world feb @feb@loma.ml -*/ - - -:root { - --global-font-family: 'Roboto', 'Helvetica Neue', 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: $border_color; -} - -body { - background-color: var(--background-color) !important; - font-size: 15px !important; - padding-top: 125px !important; - font-family: var(--global-font-family); -} - -#topbar-first .nav > li > a, -#topbar-first .nav > li > button, -nav.navbar .nav > li > a, -nav.navbar .nav > li > button{ - color: #65686C !important; - } - -#topbar-first, nav.navbar { - background-color: var(--nav-bg) !important; - color: #65686C !important; -} - -#topbar-first .topbar-nav .nav-segment { - margin-right: 10px; -} - -#topbar-first .nav > li > a:hover:not(.selected) { - background-color: rgba(128,128,128,.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(128,128,128,.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 a { - margin-top: 8px; -} - -ul.tabs li:hover:not(.active) { - border-bottom-width: 0px !important; -} - -ul.tabs li:hover:not(.active) a { - background-color: rgba(128,128,128,.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[readonly], -.form-control[disabled], -.fieldset[disabled] .form-control { - opacity: .5; -} - -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; -} - -#search-box form > div { - background-color: var(--background-color); - border-radius: 50px; -} - -#search-box form > div::before { - content: '\f002'; - font-family: ForkAwesome; - position: absolute; - left: 10px; - top: 8px; -} - -#search-box .form-control::placeholder { - color: #666 !important; -} - -#search-box .form-control.form-search { - border-radius: 50px !important; - background: transparent !important; - width: 100% !important; -} - -#topbar-first #search-box .btn { - font-size: 0px !important; - height: 32px; - width: 32px; - top: 2px !important; - background-color: white !important; - margin-top: 2px !important; -} - -#topbar-first #search-box .btn::before { - content: '\f061'; - font-family: ForkAwesome; - font-size: 15px; - color: #666; -} - -.form-control { - border-radius: 10px; - resize: vertical; - background-color: #ffffff8a; -} - -.media-list > li { - font-size: 15px; -} - -#nav-user-menu { - background-color: #ffffff !important; - 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: #65686C !important; - border-color: white !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: #ffffff !important; -} - -#topbar-second { - height: 60px !important; -} - -.well { -background-image: -webkit-linear-gradient(top,#e8e8e8 0,#f5f5f5 100%); -background-image: -o-linear-gradient(top,#e8e8e8 0,#f5f5f5 100%); -background-image: -webkit-gradient(linear,left top,left bottom,from(#e8e8e8),to(#f5f5f5)); -background-image: linear-gradient(to bottom,#fff 0,#fff 100%); -filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0); -background-repeat: repeat-x; -border-color: #eee; --webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.1); -box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.1); -} - -.btn.btn-primary:hover, -.btn.btn-primary:focus { - border-radius: 8px !important; -} - -#dropdownMenuTools { - height: 40px; - width: 40px; - background-color: rgba(128,128,128,.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; -} - -#jotOpen:hover, #jotOpen:focus { - box-shadow: inset 0 0 100px rgba(0,0,0,.1) !important; -} - -#jotOpen::before { - content: 'New Post'; - font-size: 15px; - margin-right: 20px; - line-height: 32px; - position: relative; - display: inline; - top: -4.5px; - right: -7px; -} - -#jotOpen .fa-pencil-square-o { - font-size: 32px !important; - position: relative; - top: 4px; -} - -#topbar-second #nav-short-info { - margin-top: 10px; -} - -.settings-submit, -button[type="submit"]{ - background-color: var(--link-color) !important; - color: white !important; - border-radius: 8px !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{ - 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; -} - -.panel-footer { - background-color: var(--nav-bg) !important; -} - -.panel-footer button[type="submit"]{ - float: right !important; -} - -.panel-footer::after{ - content: ''; - display: block; - clear: both; -} - -/* Other people profiles */ -#mention-link { - background-color: var(--link-color) !important; - color: white !important;; - border-radius: 8px !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; -} - -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; -} - -.tread-wrapper { - box-shadow: 0 0px 1px rgba(0,0,0,.5) !important; - border-radius: 10px !important; -} - -.wall-item-container .media { - background-color: #ffffff !important; - border-radius: 10px !important; -} - -.wall-item-container { - border-top: 1px solid rgb(238, 238, 238); -} - -.contact-photo, -.contact-photo-xs { - border-radius: 100% !important; - border: 1px solid #eee !important; -} -.hover-card-pic img.thumbnail { - border-radius: 100% !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(255, 255, 255) !important; - border: 1px solid rgb(234,235,237) !important; - border-radius: 10px; -} - -.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; -} - -.wall-item-actions-row button, -.wall-item-actions-right button { - position: relative; - display: block; - white-space: normal !important; - margin: 0 auto !important; -} - -.wall-item-actions-row button::after, -.wall-item-actions-right button::after { - font-size: 12px; - font-family: sans-serif; - display: block; - margin-top: 2px; -} - -.wall-item-response { - position: relative; - overflow: visible !important; -} - -.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'; -} - -.wall-item-actions-row > button span, -.wall-item-response span { - position: absolute; - text-align: center; - display: block; - background-color: #65686c; - box-shadow: -1px 1px 1px #fff; - border-radius: 4px; - color: #fff; - font-size: 12px; - font-weight: 700; - width: fit-content; - padding: 0px 7px; - left: 55%; - top: 0px; - z-index: 1; -} - -.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'; -} - -/* Compose and Reply */ -#jot-modal-content, -.wall-item-comment-wrapper { - background-color: #fff !important; - border-radius: 15px !important; -} - -#jot-modal-content input, -#jot-modal-content .friendica-tagsinput { - background-color: #fff !important; -} - -#jot-modal-content .fbrowser .folders button { - background-color: rgba(0,0,0,.1) !important; - color: black !important; - appearance: none; - border: none; - border-radius: 8px; - width: 100%; - margin-bottom: 5px; -} - -#jot-modal-content .fbrowser .folders button:hover, -#jot-modal-content .fbrowser .folders button:focus { - background-color: rgba(0,0,0,.2) !important; -} - -#jot-modal-content .fbrowser .folders li:hover, -#jot-modal-content .fbrowser .folders li:focus { - border-color: transparent !important; - background-color: transparent !important; -} - -#jot-title { - background-color: #fff !important; -} - -#profile-jot-text, #profile-jot-wrapper textarea, -#jot-location, -.wall-item-comment-wrapper textarea { - background-color: #fff !important; -} - -#jot-text-wrap, #profile-jot-wrapper .dropzone.dz-clickable, -.wall-item-comment-wrapper .dropzone.dz-clickable { - background-color: var(--background-color) !important; -} - -.dropzone.dz-clickable { -border-radius: 10px; -} - -.dropzone:not(textarea) { -border: 1px solid rgb(238, 238, 238); -} - -.dropzone, .dropzone .dz-default * { -box-sizing: border-box; -overflow: auto; -cursor: default; -border-radius: 10px; -border: 1px solid #fdfdfd; -} - -.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(128,128,128,.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(0,0,0,.1); -} - -[id^="comment-edit-preview"]:hover, -[id^="comment-edit-preview"]:focus, -.comment-edit-preview:hover, -.comment-edit-preview:focus { - background-color: rgba(0,0,0,.2) !important; -} - -#profile-jot-wrapper .wall-item-container.panel-body.preview { - border: 1px solid #666 !important; - margin-top:20px !important; - border-radius: 8px !important; -} - - -#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; -} - -.fbswitcher [data-mode="attachment"] { - display: none !important; -} - -#profile-photo-wrapper { - overflow: visible !important; - padding: 5px; - background-color: #ffffff; - 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 white; -} - -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:rgba(128,128,128,.1) !important; - border-color: transparent !important; - border-radius: 8px; -} - -aside .widget li.selected a { - font-weight: bold; -} - -aside .widget li:hover { - background-color:rgba(255,255,255,1) !important; - border-color: transparent !important; - border-radius: 8px; -} - -#widget-contacts { - background-color: #ffffff !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; -} - -.wall-item-actions button { - font-size: 20px !important; - color: #65686C !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: #fff; - border-radius: 20px; -} - -.wall-item-actions-row .wall-item-emoji { - font-size: 18px; - line-height: 40px; -} - -.navicon { - font-size: 20px; - position: relative; - top: 1px; -} - -.contact-photo, -.contact-photo-xs { - border-radius: 100% !important; - border: 1px solid var(--border-color) !important; -} - -.pagination .pager_next a, .pagination .pager_prev a { - border-radius: 10px; -} - -.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { - background-color: #0866ff; - border-color: #0866ff; - border-radius: 10px; -} - -.pagination li.pager_n a { - border-radius: 10px; -} - -.pagination-sm > li:first-child > a, .pagination-sm > li:first-child, .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { - border-bottom-left-radius: 10px; - border-bottom-right-radius: 10px; -} - -#vcard-short-photo-wrapper img, #nav-short-info .contact-wrapper img { - border-radius: 50px; -} - -section > .generic-page-wrapper, .videos-content-wrapper, .suggest-content-wrapper, .help-content-wrapper, .match-content-wrapper, .dirfind-content-wrapper, .delegation-content-wrapper, .notes-content-wrapper, .message-content-wrapper, .apps-content-wrapper, #adminpage, .delegate-content-wrapper, .uexport-content-wrapper, .dfrn_request-content-wrapper, .friendica-content-wrapper, .credits-content-wrapper, .nocircle-content-wrapper, .profperm-content-wrapper, .invite-content-wrapper, .tos-content-wrapper, .fsuggest-content-wrapper { - border-radius: 10px; - box-shadow: 0 0px 1px rgba(0,0,0,.5) !important; -} - -.mail-list-outside-wrapper .contact-photo-wrapper img { - height: 70px; - width: 70px; - border-radius: 50%; -} - -.mail-conv-wrapper .media .contact-photo-wrapper img { - height: 48px; - width: 48px; - border-radius: 50%; -} - -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(255, 255, 255) !important; - border: 1px solid rgba(208, 211, 215, 0.45) !important; - border-radius: 10px; -} - -.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; -} - -.contact-block-img { - height: 45px !important; - width: 45px !important; - border-radius: 50% !important; - box-shadow: 0 0 1px rgba(0, 0, 0, .2); - margin: 5px; -} - -.img-allocated-max-width { - margin: 20px auto; - border-radius: 2px; -} - -.wall-item-content img { - object-fit: contain; - border-radius: 2px; -} - -.fc .fc-month-view .fc-content .fc-title .item-desc { - font-size: 15px; -} - -.fc .fc-event { - background-color: #65686c26; - border: 1px solid #65686c1f; - color: #333; -} - -.fancybox-image, .fancybox-spaceball { - border-radius: 5px; -} - -@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; - } -}