Fix media viewer styling
This commit is contained in:
parent
524eb67b9f
commit
999e516fd1
1 changed files with 12 additions and 9 deletions
|
@ -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%;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue