diff --git a/bookface - loma/dark/bookface_dark.css b/bookface - loma/dark/bookface_dark.css index 530bf19..f49d5f8 100644 --- a/bookface - loma/dark/bookface_dark.css +++ b/bookface - loma/dark/bookface_dark.css @@ -897,6 +897,10 @@ section > .generic-page-wrapper, .videos-content-wrapper, .suggest-content-wrapp border-radius: 3px; } +.wall-item-container { + border-top: 1px solid rgb(28, 28, 29); +} + figure.img-allocated-height img { border-radius: 3px; } @@ -913,21 +917,29 @@ audio, canvas, progress, video { margin: 20px auto; } +audio, canvas, progress, video { + display: block; + width: 100%; + aspect-ratio: 16/9; + margin: 0 auto; +} + iframe, img, video { border-radius: 2px; } -.custom-iframe { - width: 100% !important; - height: auto !important; - aspect-ratio: 625 / 350 !important; +iframe { + width: 100% !important; + height: auto !important; + aspect-ratio: 16/9 !important; + display: block; /* for positioning */ + margin: 0 auto; /* centers block */ + background-color: #000; /* optional fill */ } -@media (max-width: 768px) { - .custom-iframe { - width: 100% !important; - height: auto !important; - aspect-ratio: 425 / 350 !important; +@media (width: 768px){ + iframe{ + aspect-ratio: 5/4 !important; } } diff --git a/bookface - loma/light/bookface_light.css b/bookface - loma/light/bookface_light.css index 2893bf4..f9e1580 100644 --- a/bookface - loma/light/bookface_light.css +++ b/bookface - loma/light/bookface_light.css @@ -896,21 +896,29 @@ p.wall-item-announce, margin: 20px auto; } +audio, canvas, progress, video { + display: block; + width: 100%; + aspect-ratio: 16/9; + margin: 0 auto; +} + iframe, img, video { border-radius: 2px; } -.custom-iframe { +iframe { width: 100% !important; height: auto !important; - aspect-ratio: 625 / 350 !important; + aspect-ratio: 16/9 !important; + display: block; /* for positioning */ + margin: 0 auto; /* centers block */ + background-color: #000; /* optional fill */ } -@media (max-width: 768px) { - .custom-iframe { - width: 100% !important; - height: auto !important; - aspect-ratio: 425 / 350 !important; +@media (width: 768px){ + iframe{ + aspect-ratio: 5/4 !important; } } diff --git a/bookface - loma/light/bookface_light.php b/bookface - loma/light/bookface_light.php index 231f18d..702e534 100644 --- a/bookface - loma/light/bookface_light.php +++ b/bookface - loma/light/bookface_light.php @@ -5,7 +5,7 @@ * * SPDX-License-Identifier: AGPL-3.0-or-later * - * Name: loma hell (ligh) + * Name: loma hell (light) * Licence: AGPL * Author: Kristi H. @kmh@friendica.world feb @feb@loma.ml * Overwrites: nav_bg, nav_icon_color, background_color, background_image, contentbg_transp