Template:Amaranth TV/entry/styles.css

.amaranth-tv-entry {
	position: relative;
	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 {
	width: 100%;
	height: 100%;
	margin: 0;
}

.amaranth-tv-entry figure > a:first-child:not(.mw-file-description) {
	display: block;
}

.amaranth-tv-entry figure img {
	padding: var(--space-sm);
}

.amaranth-tv-entry figure > figcaption {
	display: block;
	position: absolute;
	bottom: var(--space-xs);
	left: 0;
	right: 0;
	text-align: center;
	color: var(--color-base);
	font-size: var(--font-size-base);
	font-weight: bold;
	padding-inline: var(--space-sm);
}

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;
	}
}