Template:Topic list/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;
}
}