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 5: | Line 5: | ||
html.skin-theme-clientpref-day .amaranth-tv-entry { |
html.skin-theme-clientpref-day .amaranth-tv-entry { |
||
border: |
border: 4px solid var(--template-arg-color-light, var(--template-arg-color-dark)); |
||
box-shadow: var(--template-arg-color-light, var(--template-arg-color-dark)) 0 0 10px; |
|||
} |
} |
||
| Line 11: | Line 12: | ||
html.skin-theme-clientpref-os .amaranth-tv-entry { |
html.skin-theme-clientpref-os .amaranth-tv-entry { |
||
border: 1px solid var(--template-arg-color-light, var(--template-arg-color-dark)); |
border: 1px solid var(--template-arg-color-light, var(--template-arg-color-dark)); |
||
box-shadow: var(--template-arg-color-light, var(--template-arg-color-dark)) 0 0 10px; |
|||
} |
} |
||
} |
} |
||
| Line 16: | Line 18: | ||
html.skin-theme-clientpref-night .amaranth-tv-entry { |
html.skin-theme-clientpref-night .amaranth-tv-entry { |
||
border: 1px solid var(--template-arg-color-dark); |
border: 1px solid var(--template-arg-color-dark); |
||
box-shadow: var(--template-arg-color-dark) 0 0 10px; |
|||
} |
} |
||
| Line 21: | Line 24: | ||
html.skin-theme-clientpref-os .amaranth-tv-entry { |
html.skin-theme-clientpref-os .amaranth-tv-entry { |
||
border: 1px solid var(--template-arg-color-dark); |
border: 1px solid var(--template-arg-color-dark); |
||
box-shadow: var(--template-arg-color-dark) 0 0 10px; |
|||
} |
} |
||
} |
} |
||
Revision as of 15:58, May 8, 2025
.amaranth-tv-entry {
padding: var(--space-sm);
background: var(--color-surface-2);
}
html.skin-theme-clientpref-day .amaranth-tv-entry {
border: 4px solid var(--template-arg-color-light, var(--template-arg-color-dark));
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: 1px solid var(--template-arg-color-light, var(--template-arg-color-dark));
box-shadow: var(--template-arg-color-light, var(--template-arg-color-dark)) 0 0 10px;
}
}
html.skin-theme-clientpref-night .amaranth-tv-entry {
border: 1px solid var(--template-arg-color-dark);
box-shadow: var(--template-arg-color-dark) 0 0 10px;
}
@media (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os .amaranth-tv-entry {
border: 1px solid var(--template-arg-color-dark);
box-shadow: var(--template-arg-color-dark) 0 0 10px;
}
}