Template:Category/Review record/State/styles.css

From Miniscope
Jump to: navigation, search
/* TemplateStyles for {{Category/Review_record/State}} — right-floating
   Review status sidebox. See {{UI/card}}/styles.css for the var() /
   fallback / geometry rationale. */

.wiki-status-sidebox {
	float: right;
	clear: right;
	width: 22em;
	max-width: 100%;
	margin: 0 0 1em 1.5em;
	padding: 0;
	border: 1px solid var(--labki-border, #d8dde3);
	border-radius: 8px;
	background: var(--labki-surface, #ffffff);
	font-size: 0.9rem;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.07);
}

.wiki-status-sidebox__header {
	background: var(--labki-bg-subtle, #f4f6f8);
	color: var(--labki-primary, #003B5C);
	font-weight: 600;
	padding: 8px 12px;
	border-bottom: 1px solid var(--labki-border, #d8dde3);
	border-radius: 8px 8px 0 0;
}

.wiki-status-sidebox table {
	width: 100%;
	margin: 0;
	border: none;
	background: transparent;
}

.wiki-status-sidebox td {
	border: none;
	padding: 6px 12px;
	vertical-align: top;
}

.wiki-status-sidebox tr:not(:last-child) td {
	border-bottom: 1px solid var(--labki-border, #d8dde3);
}

.wiki-status-sidebox td:first-child {
	color: var(--labki-text-muted, #5a6a7a);
	font-weight: 500;
	width: 9em;
	white-space: nowrap;
}

.wiki-status-sidebox__history {
	border-top: 1px solid var(--labki-border, #d8dde3);
	background: var(--labki-bg-subtle, #f4f6f8);
	border-radius: 0 0 8px 8px;
}

.wiki-status-sidebox__history h6 {
	margin: 0;
	padding: 8px 12px;
	font-size: 0.85rem;
	font-weight: 600;
	color: var(--labki-text-muted, #5a6a7a);
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.wiki-status-sidebox__history .mw-collapsible-toggle {
	color: var(--labki-accent, #2774AE);
	font-weight: 500;
	text-transform: none;
	letter-spacing: normal;
	font-size: 0.8rem;
}

.wiki-status-sidebox__history-list {
	margin: 0;
	padding: 6px 12px 10px 28px;
	font-size: 0.85rem;
	line-height: 1.5;
	list-style: disc;
}

.wiki-status-sidebox__history-list li {
	margin-bottom: 3px;
}

.wiki-status-sidebox__history-list li:last-child {
	margin-bottom: 0;
}

@media (max-width: 768px) {
	.wiki-status-sidebox {
		float: none;
		width: 100%;
		margin: 0 0 1em 0;
	}
}