跳转到内容

Template:Topic list/sandbox/styles.css

维基百科,自由的百科全书
/* Template:Topic list/styles.css — content model: Sanitized CSS.
 * Codex colour tokens are supplied by the skin. Do not define custom properties here.
 * Legacy style selectors match Cewbot's current output; keep the bot data untouched.
 * [[mw:Codex/Design/Color]]   
 */
.topic-list {
	/* A block formatting context uses the space beside external floats.
	 * Keep the list within the available width beside them.
	 * Only the inner data region scrolls; this overflow contains the bot's {{Clear}}. */
	display: block;
	overflow: hidden;
	box-sizing: border-box;
	clear: none;
	width: auto;
	min-width: 0;
	max-width: 72em;
	margin: 0.5em 0;
	color: inherit;
}
body.page-Wikipedia_已删除内容查询 .topic-list,
body.page-Wikipedia_已删除内容查询_header .topic-list,
body.page-Wikipedia_机器人_申请 .topic-list,
body.page-Wikipedia_机器人_申请_header .topic-list,
body.page-Wikipedia_机器用户_申请 .topic-list,
body.page-Wikipedia_机器用户_申请_header .topic-list {
	max-width: 84em;
}
body.page-Wikipedia_机器人_作业请求 .topic-list,
body.page-Wikipedia_机器人_作业请求_header .topic-list {
	max-width: 96em;
}
.topic-list__heading {
	padding: 0.5em;
	border-bottom: 1px solid var(--border-color-interactive, #72777d);
	font-size: 1em;
	font-weight: bold;
}
.topic-list__note,
.topic-list__footer,
.topic-list__empty {
	padding: 0.5em;
	line-height: 1.6;
}
.topic-list__note,
.topic-list__footer {
	font-size: 0.875em;
	color: var(--color-subtle, #54595d);
}
.topic-list__data {
	min-width: 0;
	max-width: 100%;
	overflow-x: auto;
}
.topic-list__data:focus {
	outline: 2px solid var(--border-color-progressive, #36c);
	outline-offset: -2px;
}
.topic-list__data table.wikitable {
	float: none !important;
	/* Fill the content-sized wrapper. */
	width: 100%;
	margin: 0 !important;
	border: 0;
}
.topic-list__data table.wikitable th,
.topic-list__data table.wikitable td {
	vertical-align: top;
	color: inherit;
}
.topic-list__data table.wikitable th {
	white-space: nowrap;
}
/* Preserve MediaWiki's 21px sorting-control space plus a text gap.
 * Cover both the pre-initialization header and the initialized headerSort class. */
.topic-list__data table.sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable),
.topic-list__data table.sortable th.headerSort {
	padding-right: calc(21px + 0.4em);
}
/* Keep the native toggle in the title row, outside the sortable headers. */
.topic-list__collapsible > .topic-list__heading .mw-collapsible-toggle {
	float: none !important;
	display: inline-block;
	margin: 0 0 0 0.75em;
	vertical-align: baseline;
	font-weight: normal;
}
/* The outer native collapsible controls the table; keep Cewbot's data untouched. */
.topic-list__collapsible .topic-list__data table.sortable .mw-collapsible-toggle {
	display: none !important;
}
.topic-list__data table.wikitable td,
.topic-list__key--week {
	background-color: var(--background-color-base, #fff) !important;
	/* Let the bot's inline numeric alignment take precedence; status is not numeric. */
	text-align: left;
}
body:not(.page-Wikipedia_申请成为管理人员):not(.page-Wikipedia_机器人_申请):not(.page-Wikipedia_机器人_申请_header):not(.page-Wikipedia_机器用户_申请):not(.page-Wikipedia_机器用户_申请_header) .topic-list__data table.sortable td:nth-child(2) {
	min-width: 8em;
	max-width: 22em !important;
	overflow-wrap: break-word;
}
body:not(.page-Wikipedia_申请成为管理人员):not(.page-Wikipedia_机器人_申请):not(.page-Wikipedia_机器人_申请_header):not(.page-Wikipedia_机器用户_申请):not(.page-Wikipedia_机器用户_申请_header) .topic-list__data table.sortable td:nth-child(2) small {
	font-size: 100%;
}
.topic-list__data table.sortable td {
	font-variant-numeric: tabular-nums;
}
.topic-list__data table.sortable td:last-child {
	white-space: nowrap;
}
/* Preserve the bot's anchors, sort keys and closure flags; replace fixed link/time colours. */
.topic-list a:hover {
	text-decoration: underline;
}
.topic-list a:focus {
	outline: 2px solid var(--border-color-progressive, #36c);
}
.topic-list__data td a span[style],
.topic-list__data td[data-sort-type="isoDate"] span[style] {
	color: inherit !important;
}
/* Underlined text links stay readable on both grey time backgrounds. */
body:not(.page-Wikipedia_申请成为管理人员):not(.page-Wikipedia_机器人_申请):not(.page-Wikipedia_机器人_申请_header):not(.page-Wikipedia_机器用户_申请):not(.page-Wikipedia_机器用户_申请_header) .topic-list__data tr[style*="line-through"] td:nth-child(2) {
	border-left: 3px solid var(--border-color-base, #a2a9b1);
}
/* The parameter suppresses this on expansion; the rule also handles cached legacy output. */
.topic-list__data table.wikitable:not(.sortable) {
	display: none !important;
}
.topic-list__legend {
	padding: 0.3em 0.5em;
	border-top: 1px solid var(--border-color-interactive, #72777d);
}
.topic-list__legend-title {
	display: inline;
	font-weight: bold;
}
.topic-list .topic-list__keys {
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
}
.topic-list__key {
	display: inline-block;
	margin: 0.1em 0.2em 0.1em 0;
	padding: 0 0.3em;
	border: 1px solid var(--border-color-interactive, #72777d);
	color: inherit !important;
}
.topic-list__key--archived {
	text-decoration: line-through;
}
.topic-list__legend .topic-list__note {
	padding: 0.2em 0 0;
}
.topic-list__footer {
	border-top: 1px solid var(--border-color-interactive, #72777d);
}
@media print {
	.topic-list { overflow: visible; max-width: none !important; }
	.topic-list__data { overflow: visible; }
	.topic-list__data table.sortable td:last-child { white-space: normal; }
	.topic-list__footer,
	.topic-list__collapsible > .topic-list__heading .mw-collapsible-toggle { display: none; }
}

/* Map Cewbot's palette to Codex tokens. */
.topic-list__data table.wikitable td[style*="#efe;"],
.topic-list__data table.wikitable td[style*="#eeffee;"],
.topic-list__key--hour {
	background-color: var(--background-color-option-green, #dff2eb) !important;
	color: inherit;
}
.topic-list__data table.wikitable td[style*="#eef;"],
.topic-list__data table.wikitable td[style*="#eeeeff;"],
.topic-list__key--day {
	background-color: var(--background-color-option-blue, #e8eeff) !important;
}

.topic-list__data table.wikitable td[style*="#ddd;"],
.topic-list__data table.wikitable td[style*="#dddddd;"],
.topic-list__key--month {
	background-color: var(--background-color-neutral, #eaecf0) !important;
	
}
.topic-list__data table.wikitable td[style*="#bbb;"],
.topic-list__data table.wikitable td[style*="#bbbbbb;"],
.topic-list__key--old {
	background-color: var(--background-color-interactive--active, #c8ccd1) !important;
}
.topic-list__data table.wikitable td[style*="#ffe;"],
.topic-list__data table.wikitable td[style*="#ffffee;"],
.topic-list__data table.wikitable td[style*="#ffd;"],
.topic-list__data table.wikitable td[style*="#ffffdd;"],
.topic-list__data table.wikitable td[style*="#ffc;"],
.topic-list__data table.wikitable td[style*="#ffffcc;"],
.topic-list__key--hot {
	background-color: var(--background-color-option-yellow, #fdf2d5) !important;
}
.topic-list__data table.wikitable td[style*="#fcc;"],
.topic-list__data table.wikitable td[style*="#ffcccc;"],
.topic-list__key--warn {
	background-color: var(--background-color-option-red, #ffe9e5) !important;
}
.topic-list__data table.wikitable td[style*="#cfc;"],
.topic-list__data table.wikitable td[style*="#ccffcc;"] {
	background-color: var(--background-color-option-lime, #e3f2e4) !important;
}
.topic-list__data table.wikitable td[style*="#ccf;"],
.topic-list__data table.wikitable td[style*="#ccccff;"] {
	background-color: var(--background-color-option-purple, #f0ecf6) !important;
}


/* Preserve Cewbot evaluation statuses: a sort key does not imply a date.
 * Colour options express vote data, not application errors or clickable links.
 * Match source attributes rather than assuming a particular column number. */
.topic-list__data table.wikitable td[data-sort-value]:not([data-sort-type="isoDate"]) > span[style*="color: #800;"],
.topic-list__data table.wikitable td[data-sort-value]:not([data-sort-type="isoDate"]) > span[style*="color: #880000;"],
.topic-list__data table.wikitable td[data-sort-value]:not([data-sort-type="isoDate"]) > span[style*="color: red;"] {
	color: var(--color-option-red, #bf3c2c) !important;
}
.topic-list__data table.wikitable td[data-sort-value]:not([data-sort-type="isoDate"]) > span[style*="color: blue;"] {
	color: var(--color-option-blue, #36c) !important;
}
.topic-list__data table.wikitable td[data-sort-value]:not([data-sort-type="isoDate"]) > b[style*="color: gray;"] {
	color: var(--color-subtle, #54595d) !important;
}

@media screen {
	html.skin-theme-clientpref-night .topic-list__data table.wikitable td[data-sort-value]:not([data-sort-type="isoDate"]) > span[style*="color: #800;"],
	html.skin-theme-clientpref-night .topic-list__data table.wikitable td[data-sort-value]:not([data-sort-type="isoDate"]) > span[style*="color: #880000;"],
	html.skin-theme-clientpref-night .topic-list__data table.wikitable td[data-sort-value]:not([data-sort-type="isoDate"]) > span[style*="color: red;"] {
		color: var(--color-option-red, #fd7865) !important;
	}
	html.skin-theme-clientpref-night .topic-list__data table.wikitable td[data-sort-value]:not([data-sort-type="isoDate"]) > span[style*="color: blue;"] {
		color: var(--color-option-blue, #88a3e8) !important;
	}
	html.skin-theme-clientpref-night .topic-list__data table.wikitable td[data-sort-value]:not([data-sort-type="isoDate"]) > b[style*="color: gray;"] {
		color: var(--color-subtle, #a2a9b1) !important;
	}
}

@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .topic-list__data table.wikitable td[data-sort-value]:not([data-sort-type="isoDate"]) > span[style*="color: #800;"],
	html.skin-theme-clientpref-os .topic-list__data table.wikitable td[data-sort-value]:not([data-sort-type="isoDate"]) > span[style*="color: #880000;"],
	html.skin-theme-clientpref-os .topic-list__data table.wikitable td[data-sort-value]:not([data-sort-type="isoDate"]) > span[style*="color: red;"] {
		color: var(--color-option-red, #fd7865) !important;
	}
	html.skin-theme-clientpref-os .topic-list__data table.wikitable td[data-sort-value]:not([data-sort-type="isoDate"]) > span[style*="color: blue;"] {
		color: var(--color-option-blue, #88a3e8) !important;
	}
	html.skin-theme-clientpref-os .topic-list__data table.wikitable td[data-sort-value]:not([data-sort-type="isoDate"]) > b[style*="color: gray;"] {
		color: var(--color-subtle, #a2a9b1) !important;
	}
}

/* Bot approval requests: keep the progress column on one line. */
@media screen {
	body.page-Wikipedia_机器人_申请 .topic-list__data table.sortable td:nth-child(3),
	body.page-Wikipedia_机器人_申请_header .topic-list__data table.sortable td:nth-child(3),
	body.page-Wikipedia_机器用户_申请 .topic-list__data table.sortable td:nth-child(3),
	body.page-Wikipedia_机器用户_申请_header .topic-list__data table.sortable td:nth-child(3) {
		white-space: nowrap;
	}
}