Template:Amaranth TV/entry/styles.css: Difference between revisions
Template page
More actions
Content deleted Content added
Tesinormed (talk | contribs) No edit summary |
Tesinormed (talk | contribs) No edit summary |
||
| Line 9: | Line 9: | ||
} |
} |
||
.amaranth-tv-entry |
.amaranth-tv-entry figure { |
||
border-radius: 0; |
|||
position: absolute; |
|||
left: 0; |
|||
top: 0; |
|||
} |
|||
.amaranth-tv-entry a, .amaranth-tv-entry a span { |
|||
display: inline-block; |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
.amaranth-tv-entry .mw-heading3 { |
|||
z-index: 1; |
|||
} |
|||
.amaranth-tv-entry h3 { |
|||
font-size: var(--font-size-large); |
|||
} |
|||
.amaranth-tv-entry .mw-heading3::before, |
|||
.amaranth-tv-entry .mw-heading3::after { |
|||
display: none; |
|||
} |
} |
||
Revision as of 20:57, May 8, 2025
.amaranth-tv-entry {
position: relative;
width: 150px;
height: 200px;
padding: var(--space-sm);
background: var(--color-surface-2);
border-style: solid;
border-width: 4px;
}
.amaranth-tv-entry figure {
border-radius: 0;
}
html.skin-theme-clientpref-day .amaranth-tv-entry {
border-color: var(--template-arg-color-light, var(--template-arg-color-dark));
border-image: var(--template-arg-border-image, unset);
box-shadow: var(--template-arg-color-light, var(--template-arg-color-dark)) 0 0 10px;
}
@media (prefers-color-scheme: light) {
html.skin-theme-clientpref-os .amaranth-tv-entry {
border-color: solid var(--template-arg-color-light, var(--template-arg-color-dark));
border-image: var(--template-arg-border-image, unset);
box-shadow: var(--template-arg-color-light, var(--template-arg-color-dark)) 0 0 10px;
}
}
html.skin-theme-clientpref-night .amaranth-tv-entry {
border-color: var(--template-arg-color-dark);
border-image: var(--template-arg-border-image, unset);
box-shadow: var(--template-arg-color-dark) 0 0 10px;
}
@media (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os .amaranth-tv-entry {
border-color: var(--template-arg-color-dark);
border-image: var(--template-arg-border-image, unset);
box-shadow: var(--template-arg-color-dark) 0 0 10px;
}
}