Friendica/friendica_Template
1
0
Fork 0
mirror of https://github.com/loma-one/friendica_Template.git synced 2025-03-13 15:08:28 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add files via upload

Browse source
This commit is contained in:
loma-one 2025-01-25 20:41:28 +01:00 • committed by GitHub
parent d42a2c30fe
commit 2385265c47
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 122 additions and 86 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
bookface - loma/dark/bookface_dark.css
View file

@ -913,6 +913,24 @@ audio, canvas, progress, video {
margin: 20px auto; margin: 20px auto;
} }
iframe, img, video {
border-radius: 2px;
}
.custom-iframe {
width: 100% !important;
height: auto !important;
aspect-ratio: 625 / 350 !important;
}
@media (max-width: 768px) {
.custom-iframe {
width: 100% !important;
height: auto !important;
aspect-ratio: 425 / 350 !important;
}
}
#photo-photo { #photo-photo {
margin: 20px auto; margin: 20px auto;
} }

190
bookface - loma/light/bookface_light.css
View file

@ -1,25 +1,25 @@
/* /*
Name : Bookface Light Name : Bookface Light
Version : 1.0 Version : 1.0
Licence : AGPL Licence : AGPL
Created on : 19.01.2025 Created on : 19.01.2025
Author : Kristi H. @kmh@friendica.world feb @feb@loma.ml Author : Kristi H. @kmh@friendica.world feb @feb@loma.ml
*/ */
:root { :root {
--global-font-family: 'Roboto', 'Helvetica Neue', Arial, sans-serif, Noto Color Emoji; --global-font-family: 'Roboto', 'Helvetica Neue', Arial, sans-serif, Noto Color Emoji;
--nav-bg: $nav_bg; --nav-bg: $nav_bg;
--link-color: $link_color; --link-color: $link_color;
--nav-icon-color: $nav_icon_color; --nav-icon-color: $nav_icon_color;
--background-color: $background_color; --background-color: $background_color;
--contentbg-transp: $contentbg_transp; --contentbg-transp: $contentbg_transp;
--font-color: $font_color; --font-color: $font_color;
--font-color-darker: $font_color_darker; --font-color-darker: $font_color_darker;
--background-image: $background_image; --background-image: $background_image;
--menu-background-hover-color: $menu_background_hover_color; --menu-background-hover-color: $menu_background_hover_color;
--border-color: $border_color; --border-color: $border_color;
} }
body { body {
background-color: var(--background-color) !important; background-color: var(--background-color) !important;
@ -221,7 +221,7 @@ header #banner #logo-img,
} }
.btn { .btn {
border-radius: 10px; border-radius: 10px;
} }
.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 { .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 {
@ -251,15 +251,15 @@ header #banner #logo-img,
} }
.well { .well {
background-image: -webkit-linear-gradient(top,#e8e8e8 0,#f5f5f5 100%); background-image: -webkit-linear-gradient(top,#e8e8e8 0,#f5f5f5 100%);
background-image: -o-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: -webkit-gradient(linear,left top,left bottom,from(#e8e8e8),to(#f5f5f5));
background-image: linear-gradient(to bottom,#fff 0,#fff 100%); background-image: linear-gradient(to bottom,#fff 0,#fff 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
background-repeat: repeat-x; background-repeat: repeat-x;
border-color: #eee; border-color: #eee;
-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.1); -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); 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:hover,
@ -513,20 +513,20 @@ p.wall-item-announce,
.wall-item-actions-row > button span, .wall-item-actions-row > button span,
.wall-item-response span { .wall-item-response span {
position: absolute; position: absolute;
text-align: center; text-align: center;
display: block; display: block;
background-color: #65686c; background-color: #65686c;
box-shadow: -1px 1px 1px #fff; box-shadow: -1px 1px 1px #fff;
border-radius: 4px; border-radius: 4px;
color: #fff; color: #fff;
font-size: 12px; font-size: 12px;
font-weight: 700; font-weight: 700;
width: fit-content; width: fit-content;
padding: 0px 7px; padding: 0px 7px;
left: 55%; left: 55%;
top: 0px; top: 0px;
z-index: 1; z-index: 1;
} }
.vote-event:not(:has(.wall-item-response:empty)) { .vote-event:not(:has(.wall-item-response:empty)) {
@ -621,19 +621,19 @@ p.wall-item-announce,
} }
.dropzone.dz-clickable { .dropzone.dz-clickable {
border-radius: 10px; border-radius: 10px;
} }
.dropzone:not(textarea) { .dropzone:not(textarea) {
border: 1px solid rgb(238, 238, 238); border: 1px solid rgb(238, 238, 238);
} }
.dropzone, .dropzone .dz-default * { .dropzone, .dropzone .dz-default * {
box-sizing: border-box; box-sizing: border-box;
overflow: auto; overflow: auto;
cursor: default; cursor: default;
border-radius: 10px; border-radius: 10px;
border: 1px solid #fdfdfd; border: 1px solid #fdfdfd;
} }
.jot-nav { .jot-nav {
@ -764,8 +764,8 @@ aside .widget li:hover {
} }
.wall-item-actions button { .wall-item-actions button {
font-size: 20px !important; font-size: 20px !important;
color: #65686C !important; color: #65686C !important;
} }
.wall-item-actions button:hover { .wall-item-actions button:hover {
@ -788,84 +788,84 @@ aside .widget li:hover {
} }
.navicon { .navicon {
font-size: 16px; font-size: 16px;
position: relative; position: relative;
top: 1px; top: 1px;
} }
.contact-photo, .contact-photo,
.contact-photo-xs { .contact-photo-xs {
border-radius: 100% !important; border-radius: 100% !important;
border: 1px solid var(--border-color) !important; border: 1px solid var(--border-color) !important;
} }
.pagination .pager_next a, .pagination .pager_prev a { .pagination .pager_next a, .pagination .pager_prev a {
border-radius: 10px; 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 { .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; background-color: #0866ff;
border-color: #0866ff; border-color: #0866ff;
border-radius: 10px; border-radius: 10px;
} }
.pagination li.pager_n a { .pagination li.pager_n a {
border-radius: 10px; 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 { .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-left-radius: 10px;
border-bottom-right-radius: 10px; border-bottom-right-radius: 10px;
} }
#vcard-short-photo-wrapper img, #nav-short-info .contact-wrapper img { #vcard-short-photo-wrapper img, #nav-short-info .contact-wrapper img {
border-radius: 50px; 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 { 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; border-radius: 10px;
box-shadow: 0 0px 1px rgba(0,0,0,.5) !important; box-shadow: 0 0px 1px rgba(0,0,0,.5) !important;
} }
.mail-list-outside-wrapper .contact-photo-wrapper img { .mail-list-outside-wrapper .contact-photo-wrapper img {
height: 70px; height: 70px;
width: 70px; width: 70px;
border-radius: 50%; border-radius: 50%;
} }
.mail-conv-wrapper .media .contact-photo-wrapper img { .mail-conv-wrapper .media .contact-photo-wrapper img {
height: 48px; height: 48px;
width: 48px; width: 48px;
border-radius: 50%; border-radius: 50%;
} }
p.wall-item-announce, p.wall-item-announce,
.media .time, .media .shared-time, .media .time, .media .shared-time,
.media .delivery, .media .location, .media .delivery, .media .location,
.media .location a { .media .location a {
font-size: 13px !important; font-size: 13px !important;
} }
.type-link, .type-video { .type-link, .type-video {
padding: 0 !important; padding: 0 !important;
margin: 0 !important; margin: 0 !important;
background-color: rgb(255, 255, 255) !important; background-color: rgb(255, 255, 255) !important;
border: 1px solid rgba(208, 211, 215, 0.45) !important; border: 1px solid rgba(208, 211, 215, 0.45) !important;
border-radius: 10px; border-radius: 10px;
} }
.type-link h4, .type-link blockquote, .type-link sup, .type-link h4, .type-link blockquote, .type-link sup,
.type-video h4, .type-video blockquote, .type-video sup { .type-video h4, .type-video blockquote, .type-video sup {
padding-left: 10px !important; padding-left: 10px !important;
padding-right: 10px !important; padding-right: 10px !important;
} }
.contact-block-img { .contact-block-img {
height: 45px !important; height: 45px !important;
width: 45px !important; width: 45px !important;
border-radius: 50% !important; border-radius: 50% !important;
box-shadow: 0 0 1px rgba(0, 0, 0, .2); box-shadow: 0 0 1px rgba(0, 0, 0, .2);
margin: 5px; margin: 5px;
} }
.img-allocated-max-width { .img-allocated-max-width {
@ -879,23 +879,41 @@ p.wall-item-announce,
} }
.fc .fc-month-view .fc-content .fc-title .item-desc { .fc .fc-month-view .fc-content .fc-title .item-desc {
font-size: 15px; font-size: 15px;
} }
.fc .fc-event { .fc .fc-event {
background-color: #65686c26; background-color: #65686c26;
border: 1px solid #65686c1f; border: 1px solid #65686c1f;
color: #333; color: #333;
} }
.fancybox-image, .fancybox-spaceball { .fancybox-image, .fancybox-spaceball {
border-radius: 5px; border-radius: 5px;
} }
#photo-photo { #photo-photo {
margin: 20px auto; margin: 20px auto;
} }
iframe, img, video {
border-radius: 2px;
}
.custom-iframe {
width: 100% !important;
height: auto !important;
aspect-ratio: 625 / 350 !important;
}
@media (max-width: 768px) {
.custom-iframe {
width: 100% !important;
height: auto !important;
aspect-ratio: 425 / 350 !important;
}
}
@media screen and (max-width: 1280px) { @media screen and (max-width: 1280px) {
#search-box { #search-box {
width: 18% !important; width: 18% !important;