Template:Amaranth TV/entry/styles.css: Difference between revisions
Template page
More actions
Content deleted Content added
Tesinormed (talk | contribs) Undo revision 155688 by Tesinormed (talk) Tag: Undo |
Tesinormed (talk | contribs) No edit summary |
||
| Line 6: | Line 6: | ||
flex-wrap: wrap; |
flex-wrap: wrap; |
||
gap: var(--space-sm); |
gap: var(--space-sm); |
||
position: relative; |
|||
width: 150px; |
width: 150px; |
||
height: 200px; |
height: 200px; |
||
| Line 12: | Line 13: | ||
border-style: solid; |
border-style: solid; |
||
border-width: 4px; |
border-width: 4px; |
||
} |
|||
.amaranth-tv-entry a { |
|||
font-size: 0; |
|||
position: absolute; |
|||
left: 0; |
|||
top: 0; |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
} |
||
Revision as of 19:59, May 8, 2025
.amaranth-tv-entry {
display: flex;
justify-content: center;
align-items: center;
align-content: space-between;
flex-wrap: wrap;
gap: var(--space-sm);
position: relative;
width: 150px;
height: 200px;
padding: var(--space-sm);
background: var(--color-surface-2);
border-style: solid;
border-width: 4px;
}
.amaranth-tv-entry a {
font-size: 0;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
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;
}
}