Fix media viewer styling

This commit is contained in:
traumweh 2025-04-09 12:42:59 +02:00
parent 524eb67b9f
commit 999e516fd1
Signed by: lilith
SSH key fingerprint: SHA256:WMHGS60rozMrHkA/VT+Ole85sPCLZ190yemdzY68WJo

View file

@ -15,7 +15,7 @@
left: 0;
display: inline-block;
max-width: 100%;
color: @ini_button_color;
color: var(--color-foreground);
margin: 0 auto 1.4em;
&::before {
@ -25,7 +25,7 @@
display: block;
width: 100%;
box-sizing: border-box;
background: @ini_button_background;
background: var(--color-background);
line-height: @line-height-default;
padding: @margin-small;
}
@ -33,7 +33,7 @@
img {
margin: 0;
display: block;
border: 1px dotted var(--color-background);
border: solid 0.1rem transparent;
position: relative;
}
@ -44,10 +44,13 @@
&::before {
content: attr(title);
border: solid 0.1rem var(--color-glow-primary);
transition: var(--transition-glow);
filter: var(--filter-glow-primary);
}
img {
border: 1px solid @ini_button_background;
border: solid 0.1rem var(--color-shade-4);
}
}
}
@ -59,10 +62,10 @@
div.img_detail {
@media screen {
/* vertical minus margin of .img-detail corresponds to the padding of .page */
background-color: @ini_background_page_header;
border: solid @ini_border_light;
border-width: 1px 0;
background-color: var(--color-shade-1);
border: solid 0.1em var(--color-shade-4);
margin: @margin-default -(@margin-default);
color: var(--color-foreground);
h1,
h2,
@ -96,8 +99,8 @@
}
dt {
background-color: @ini_highlight;
color: @ini_highlight_text;
background-color: none;
color: var(--color-foreground);
@media @screen_min-xs {
width: 33.3%;