Template:Signpost-subscription/styles.css

/* {{pp-template|small=yes}} */
.signpost-subscription {
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
	background-color: var(--background-color-base, #fff);
	font-size: 100%;
	border: 1px solid var(--border-color-subtle, #c8ccd1);
	position: relative;
}

.signpost-subscription .sidebar-title {
	padding-top: 10px;
}

.signpost-subscription .sidebar-above {
	border-top: none;
	font-size: 15px;
	line-height: 15px;
	padding: 0;
	padding-bottom: 10px;
	border-bottom: none;
}

.signpost-subscription .sidebar-content {
	text-align: left;
	font-size: 95%;
	border-top: 1px solid var(--border-color-subtle, #c8ccd1);
}

.signpost-subscription .sidebar-below {
	font-size: 90%;
	font-weight: normal;
	border-bottom: none;
	border-top: none;
	padding: 0;
}

.signpost-subscription .sidebar-below a {
	color: var(--color-subtle, #72777d);
}

.signpost-subscription-general {
	border-top: 1px solid var(--border-color-muted, #dadde3);
	padding: 5px 0;
	margin-top: 5px;
	font-size: 95%;
}

@media (min-width: 720px) {
	.signpost-subscription {
		width: 23em;
	}

	.signpost-subscription-left {
		float: left;
	}

	.signpost-subscription-none {
		float: none;
	}
}

@media screen {
	html.skin-theme-clientpref-night .signpost-subscription {
		box-shadow: 0 2px 4px rgba(255, 255, 255, 0.1);
	}
}
@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .signpost-subscription {
		box-shadow: 0 2px 4px rgba(255, 255, 255, 0.1);
	}
}