Template:Amaranth TV/entry/styles.css: Difference between revisions
Template page
More actions
Content deleted Content added
Tesinormed (talk | contribs) No edit summary Tag: Reverted |
Tesinormed (talk | contribs) No edit summary |
||
| (43 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
.amaranth-tv-entry { |
.amaranth-tv-entry { |
||
width: 160px; |
|||
| ⚫ | |||
align-items: center; |
|||
align-content: space-between; |
|||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
height: 200px; |
height: 200px; |
||
| ⚫ | |||
background: var(--color-surface-2); |
background: var(--color-surface-2); |
||
border-style: solid; |
border-style: solid; |
||
| Line 15: | Line 7: | ||
} |
} |
||
.amaranth-tv-entry |
.amaranth-tv-entry figure, |
||
.amaranth-tv-entry figure > a:first-child:not(.mw-file-description) { |
|||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
border-radius: 0; |
|||
} |
|||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
display: flex; |
|||
flex-direction: column; |
|||
| ⚫ | |||
| ⚫ | |||
width: 100%; |
width: 100%; |
||
height: 100%; |
height: 100%; |
||
margin: 0; |
|||
} |
} |
||
.amaranth-tv-entry |
.amaranth-tv-entry figure > a:first-child:not(.mw-file-description) { |
||
display: block; |
|||
| ⚫ | |||
| ⚫ | |||
flex-basis: 150px; |
|||
} |
} |
||
.amaranth-tv-entry |
.amaranth-tv-entry figure img { |
||
width: 100% !important; |
|||
align-self: flex-end; |
|||
height: unset; |
|||
| ⚫ | |||
} |
} |
||
.amaranth-tv-entry |
.amaranth-tv-entry figure > figcaption { |
||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
bottom: 0; |
|||
display: block; |
|||
| ⚫ | |||
color: var(--color-base); |
|||
| ⚫ | |||
| ⚫ | |||
line-height: var(--line-height-xx-small); |
|||
padding: 0 var(--space-xs) var(--space-xs); |
|||
} |
} |
||
Latest revision as of 08:27, December 17, 2025
.amaranth-tv-entry {
width: 160px;
height: 200px;
background: var(--color-surface-2);
border-style: solid;
border-width: 4px;
}
.amaranth-tv-entry figure,
.amaranth-tv-entry figure > a:first-child:not(.mw-file-description) {
border: none;
border-radius: 0;
}
.amaranth-tv-entry figure {
position: relative;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
gap: var(--space-xs);
width: 100%;
height: 100%;
margin: 0;
}
.amaranth-tv-entry figure > a:first-child:not(.mw-file-description) {
display: block;
flex: 0;
flex-basis: 150px;
}
.amaranth-tv-entry figure img {
width: 100% !important;
height: unset;
padding: var(--space-xs) var(--space-md) 0;
}
.amaranth-tv-entry figure > figcaption {
width: 100%;
position: absolute;
bottom: 0;
display: block;
text-align: center;
color: var(--color-base);
font-size: var(--font-size-base);
font-weight: bold;
line-height: var(--line-height-xx-small);
padding: 0 var(--space-xs) var(--space-xs);
}
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;
}
}