MediaWiki:Common.css：修订间差异

2025年9月3日 (三) 08:02的最新版本

/* 这里放置的CSS将应用于所有皮肤 */
/* 版权协定：知识共享 署名-非商业性使用-相同方式共享 3.0

/* 部分代码从https://otomad.wiki/MediaWiki:Common.css中复制粘贴 */

/* 版权协定：知识共享 署名-非商业性使用-相同方式共享 3.0 */

/* 导入 */

/* 字体 */
@font-face {
    font-family: 'Yuesong';
    src: url('https://cdn.jsdelivr.net/gh/channelwey/ZeroFont@main/Yuesong.woff2') format('woff2');
}

@font-face {
    font-family: 'Huiwen';
    src: url('https://cdn.jsdelivr.net/gh/channelwey/ZeroFont@main/汇文明朝体.woff2') format('woff2');
}

@font-face {
    font-family: 'GuZhangHei';
    src: url('https://cdn.jsdelivr.net/gh/channelwey/ZeroFont@main/瀞之故障黑体H2.woff2') format('woff2');
}

@font-face {
    font-family: 'Dianzhensong';
    src: url('https://static.wikia.nocookie.net/backrooms/images/0/0d/%E7%82%B9%E9%98%B5%E5%AE%8B%E5%AD%97.woff2/revision/latest?cb=20230402095639&format=original&path-prefix=zh') format('woff2');
}

/** 需要Debug **/
@font-face {
  font-family: '7397';
  src: url('https://soka.cafe/images/c/cf/7397.ttf') format('truetype');
}

/* 模糊 */
.blur{
	filter: blur(30px);
	width: 100%;
}

/* 换行 */
p {
  word-break: normal;
}

/* 表格 */
/*************************************
 * Huijia Collapsible Table – 美化套件
 * 依赖你提供的“防竖排”修复代码（已内联）
 * 特色：主题变量、条纹、悬停、暗色模式、紧凑模式
 *************************************/

/* ===== 主题变量（可按站点风格调整） ===== */
:root {
  --ct-bg: #ffffff;
  --ct-fg: #1f2937;                 /* 文本 */
  --ct-border: #e5e7eb;             /* 边框 */
  --ct-muted: #6b7280;              /* 次级文本 */
  --ct-primary: #3CB371;            /* 主色：Huijia 绿 */
  --ct-primary-weak: #e8f7ef;       /* 主色浅底 */
  --ct-header-bg: #f9fafb;          /* 表头背景 */
  --ct-row-alt: #fbfdff;            /* 斑马纹浅行 */
  --ct-hover: #f3f4f6;              /* 行悬停 */
  --ct-shadow: 0 6px 16px rgba(0,0,0,0.06);
  --ct-radius: 12px;                /* 圆角 */
  --ct-cell-pad-y: .55em;
  --ct-cell-pad-x: .8em;
  --ct-font-size: 0.95rem;
  --ct-header-font-weight: 600;
  --ct-transition: 180ms ease;      /* 过渡统一 */
}

/* 暗色模式自动适配（若不需要可删除本段） */
@media (prefers-color-scheme: dark) {
  :root {
    --ct-bg: #0b0e11;
    --ct-fg: #e5e7eb;
    --ct-border: #1f2937;
    --ct-muted: #9ca3af;
    --ct-primary: #86efac;
    --ct-primary-weak: rgba(134,239,172,0.12);
    --ct-header-bg: #0f1318;
    --ct-row-alt: #0d1115;
    --ct-hover: #121821;
    --ct-shadow: 0 6px 18px rgba(0,0,0,0.35);
  }
}

/* ===== 基础外观（同时适配 wikitable 与普通表格） ===== */
table.mw-collapsible {
  background: var(--ct-bg);
  color: var(--ct-fg);
  border: 1px solid var(--ct-border);
  border-radius: var(--ct-radius);
  box-shadow: var(--ct-shadow);
  font-size: var(--ct-font-size);
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden; /* 让圆角对内部生效 */
}

/* 表头 */
table.mw-collapsible > thead > tr > th,
table.mw-collapsible > tbody > tr:first-child > th {
  background: linear-gradient(180deg, var(--ct-header-bg), transparent 160%);
  color: var(--ct-fg);
  font-weight: var(--ct-header-font-weight);
  padding: calc(var(--ct-cell-pad-y) + .05em) calc(var(--ct-cell-pad-x) + .15em);
  position: relative;
  border-bottom: 1px solid var(--ct-border);
  white-space: nowrap;
}

/* 普通单元格 */
table.mw-collapsible th,
table.mw-collapsible td {
  padding: var(--ct-cell-pad-y) var(--ct-cell-pad-x);
  border-bottom: 1px solid var(--ct-border);
  vertical-align: middle;
}

/* 最后一行去底边框 */
table.mw-collapsible tr:last-child > th,
table.mw-collapsible tr:last-child > td {
  border-bottom: none;
}

/* 斑马纹（排除表头行） */
table.mw-collapsible > tbody > tr:nth-child(odd):not(:first-child) {
  background-color: var(--ct-row-alt);
}

/* 行悬停（不影响折叠隐藏行） */
table.mw-collapsible > tbody > tr:hover {
  background-color: var(--ct-hover);
  transition: background-color var(--ct-transition);
}

/* 链接与轻提示色 */
table.mw-collapsible a { color: var(--ct-primary); }
table.mw-collapsible .note,
table.mw-collapsible .muted { color: var(--ct-muted); }

/* 紧凑/宽松密度（通过给表格加类切换） */
table.mw-collapsible.is-compact th,
table.mw-collapsible.is-compact td {
  padding: calc(var(--ct-cell-pad-y) - .2em) calc(var(--ct-cell-pad-x) - .2em);
}
table.mw-collapsible.is-comfy th,
table.mw-collapsible.is-comfy td {
  padding: calc(var(--ct-cell-pad-y) + .2em) calc(var(--ct-cell-pad-x) + .2em);
}

/* 让第一列标题更醒目（可按需删除） */
table.mw-collapsible td:first-child,
table.mw-collapsible th:first-child {
  font-variation-settings: "wght" 520;
}

/* ===== 折叠/展开交互的视觉增强 ===== */

/* 切换按钮样式（靠近标题，保持不挤压） */
table.mw-collapsible .mw-collapsible-toggle {
  display: inline-flex !important;
  align-items: center;
  gap: .35em;
  padding: .15em .4em;
  margin-inline-start: .2em;
  border-radius: 8px;
  color: var(--ct-primary);
  background: var(--ct-primary-weak);
  border: 1px solid color-mix(in oklab, var(--ct-primary) 35%, transparent);
  text-decoration: none !important;
  line-height: 1.2;
  cursor: pointer;
  transition: background-color var(--ct-transition), border-color var(--ct-transition), transform var(--ct-transition);
  vertical-align: middle;
}
table.mw-collapsible .mw-collapsible-toggle:hover {
  transform: translateY(-1px);
  background: color-mix(in oklab, var(--ct-primary-weak) 70%, white);
}
table.mw-collapsible .mw-collapsible-toggle:focus-visible {
  outline: 2px solid var(--ct-primary);
  outline-offset: 2px;
}

/* 使用伪元素绘制小箭头（无需额外图标） */
table.mw-collapsible .mw-collapsible-toggle::before {
  content: "";
  inline-size: .6em;
  block-size: .6em;
  border-inline-end: 2px solid currentColor;
  border-block-end: 2px solid currentColor;
  transform: rotate(-45deg);
  display: inline-block;
  margin-inline-end: .1em;
  transition: transform var(--ct-transition);
}

/* 展开状态：箭头向下 */
table.mw-collapsible:not(.mw-collapsed) .mw-collapsible-toggle::before {
  transform: rotate(45deg); /* ↴ */
}

/* 折叠状态：箭头向右（与你提供的修复逻辑兼容） */
table.mw-collapsible.mw-collapsed .mw-collapsible-toggle::before {
  transform: rotate(-45deg); /* ↳ */
}

/* 折叠状态首行视觉突出（淡底 + 细边） */
table.mw-collapsible.mw-collapsed > tbody > tr:first-child {
  background: linear-gradient(180deg, var(--ct-primary-weak), transparent 120%);
}
table.mw-collapsible.mw-collapsed > tbody > tr:first-child > th,
table.mw-collapsible.mw-collapsed > tbody > tr:first-child > td {
  border-bottom: 1px dashed color-mix(in oklab, var(--ct-primary) 35%, var(--ct-border));
}

/* ======= 你提供的“防竖排”修复（内联保留） ======= */
table.mw-collapsible.mw-collapsed {
  display: inline-table !important;   /* 保持表格语义 + 依据内容自适应宽度 */
  width: auto !important;
  table-layout: auto !important;
  overflow: visible !important;       /* 不要裁切首行内容 */
}
table.mw-collapsible.mw-collapsed > tbody > tr:first-child {
  display: table-row !important;
}
table.mw-collapsible.mw-collapsed > tbody > tr:first-child > th,
table.mw-collapsible.mw-collapsed > tbody > tr:first-child > td {
  display: table-cell !important;
  white-space: nowrap !important;     /* 禁止中文逐字换行 */
  word-break: keep-all !important;    /* CJK 不随意断行 */
  writing-mode: horizontal-tb !important; /* 明确横排 */
  vertical-align: middle;
}
/* 收起时隐藏其余行（与脚本行为一致，且不参与布局） */
table.mw-collapsible.mw-collapsed > tbody > tr:nth-child(n + 2) {
  display: none !important;
}
/* 切换按钮不挤窄 */
table.mw-collapsible .mw-collapsible-toggle {
  float: none !important;
  white-space: nowrap !important;
}

/* ===== 细节增强 ===== */

/* 可选：让首列在横向滚动时“粘住”（大表格可读性更好） */
@supports (position: sticky) {
  table.mw-collapsible:not(.mw-collapsed) td:first-child,
  table.mw-collapsible:not(.mw-collapsed) th:first-child {
    position: sticky;
    left: 0;
    background: inherit;
    z-index: 1;
  }
}

/* 可选：小屏时允许横向滚动，而非挤压换行 */
@media (max-width: 720px) {
  .mw-parser-output .table-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin: .5rem 0;
  }
  .mw-parser-output .table-wrap > table.mw-collapsible {
    min-width: 520px; /* 保障结构不被压垮 */
  }
}

/* 可选：为 wikitable 赋同款外观（不改 class 也能匹配） */
table.mw-collapsible.wikitable { border-color: var(--ct-border); }

/* 打印优化：去阴影背景，保留边框 */
@media print {
  table.mw-collapsible {
    box-shadow: none;
    background: #fff;
  }
  table.mw-collapsible .mw-collapsible-toggle { display: none !important; }
}
/** End **/

/* 展开和折叠时的过渡效果 */
/*.mw-collapsible
{
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}*/

/* 修改展开状态下的最大高度 */
/*.mw-collapsible.mw-collapsed
{
    max-height: none;
}*/

/* 鼠标触碰 */
.custom-link
{
    text-decoration: none;
    color: none;
}

.custom-link:hover
{
    text-decoration: underline;
    color: blue;
}

/* 左右分栏 */
#left-column
{
   float: left;
   width: 49%;
}

#right-column
{
   float: right;
   width: 49%;
}

/* 左右分栏扩展 */
#left-column-full
{
   float: left;
   width: 50%;
}

#right-column-full
{
   float: right;
   width: 50%;
}

#middle-column-full
{
   float: middle;
   width: 50%;
}

#left-column-0.3
{
   float: left;
   width: 29%;
}

#left-column-0.7
{
   float: left;
   width: 69%;
}

#right-column-0.3
{
   float: left;
   width: 29%;
}

#right-column-0.7
{
   float: left;
   width: 69%;
}


/* 以下代码均从https://otomad.wiki/MediaWiki:Common.css复制 */

/* 加载Material icons */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(https://gstatic.loli.net/s/materialicons/v140/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}

.material-icons, .md, .md-lg, .md-md, .md-sm {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  user-select: none;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}
.md-lg {
    font-size: 60px;
}
.md-md {
    font-size: 30px;
}
.md-sm {
    font-size: 10px;
}

/* 隐藏首页按钮和标题 */
body.page-首页 #firstHeading, body.page-首页 li#ca-talk, body.page-首页 li#ca-watch, body.page-首页 li#ca-unwatch, body.page-首页 li#ca-history, body.page-首页 li#ca-nstab-main, body.page-首页 li#ca-viewsource, body.page-首页 #catlinks-sidebar, body.page-首页 #mw-normal-catlinks, body.page-首页 #ca-view {
	display: none !important;
}

body.page-首页 #siteSub {
    display: none;
}

body.page-讨论版块 #ca-talk, body.page-讨论版块 #ca-watch, body.page-讨论版块 #ca-unwatch, body.page-讨论版块 #ca-history, body.page-讨论版块 #ca-nstab-main, body.page-讨论版块 #ca-viewsource, body.page-讨论版块 #catlinks-sidebar, body.page-讨论版块 #mw-normal-catlinks, body.page-讨论版块 #ca-view {
	display: none !important;
}

.page-讨论版块 #mw-wrapper #flowthread {
	margin-top: 0;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column-reverse;
	margin: 24px 0 4px;
}

.page-讨论版块 #mw-wrapper #flowthread .comment-paginator {
	border: 0;
	display: flex;
	justify-content: flex-end;
}

.page-讨论版块 #mw-wrapper #flowthread .comment-paginator span {
	display: flex;
	border: 0;
	width: 36px;
	height: 36px;
	padding: 0;
	margin: 0;
	text-align: center;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	border-radius: 0;
	background-color: #fafafa;
	box-shadow: inset 0px 10px 4px -4px rgba(0, 0, 0, 0.04);
}

.page-讨论版块 #mw-wrapper #flowthread .comment-paginator span[current] {
	color: white;
	background-color: #fb7299;
	box-shadow: 0 2px 4px rgba(240, 110, 142, 0.6);
	font-weight: bold;
	border-radius: 4px !important;
}

.page-讨论版块 #mw-wrapper #flowthread .comment-paginator span:first-child{
	border-radius: 4px 0 0 4px;
}

.page-讨论版块 #mw-wrapper #flowthread .comment-paginator span:last-child{
	border-radius: 0 4px 4px 0;
}

.res-img img {
	max-width:100%;
	height:auto;
}

/* 链接列表的转载标记 */
.repost-circle{
    display: inline-block;
    margin-left: 5px;
    border: solid 1px;
    border-radius: 100px;
    padding: 3px;
    font-size: 12px;
    line-height: 1;
    color: #e06386;
    border: 1px #e06386 solid;
}
.repost-circle a.external{
    background: none!important;
    padding-right: 0px!important;
    color: #e06386!important;
    box-sizing: border-box!important;
}

/* 本段内容来自萌娘百科 https://zh.moegirl.org.cn/MediaWiki:Gadget-site-styles.css 感谢贡献！*/
/* 版权协定：知识共享 署名-非商业性使用-相同方式共享 3.0 */
/* 黑幕模板配合CSS */
/* 把这几行单独拎出来写，否则会被Firefox合并到“.heimu a”这条规则，然后又被上面的“点过外链不变色”规则override */
.heimu,
.heimu rt {
    background-color: #252525;
}
span.heimu a.external,
span.heimu a.external:visited,
span.heimu a.extiw,
span.heimu a.extiw:visited {
    color: #252525;
}
.heimu,
.heimu a,
a .heimu,
.heimu a.new {
    color: #252525;
    text-shadow: none;
}
body:not(.heimu_toggle_on) .heimu:hover,
body:not(.heimu_toggle_on) .heimu:active,
body:not(.heimu_toggle_on) .heimu.off {
    transition: color .13s linear;
    color: white;
}
body:not(.heimu_toggle_on) .heimu:hover a,
body:not(.heimu_toggle_on) a:hover .heimu,
body:not(.heimu_toggle_on) .heimu.off a,
body:not(.heimu_toggle_on) a:hover .heimu.off {
    transition: color .13s linear;
    color: lightblue;
}
body:not(.heimu_toggle_on) .heimu.off .new,
body:not(.heimu_toggle_on) .heimu.off .new:hover,
body:not(.heimu_toggle_on) .new:hover .heimu.off,
body:not(.heimu_toggle_on) .heimu:hover .new {
    transition: color .13s linear;
    color: #FCC;
}
/* info类模板 */
.infoBox {
    margin: 10px auto;
    width: 80%;
    box-shadow: 0 1px 3px 0px rgb(0 0 0 / 20%);
    border-radius: 4px;
}
@media screen and (max-width: 850px) {
.infoBox {
	float: unset !important;
    width: 100% !important;
    clear: both;
}}
.infoBox a, p{
    word-break: normal;
}
.infoBoxTitle {
    margin: 3px auto;
    padding: 6px 0 0 0;
    text-align: center;
    font-weight: 700;
}
.infoBoxIcon {
    display: table-cell;
    padding: 2px 0 2px .5em;
    vertical-align: middle;
}
.infoBoxText {
    display: table-cell;
    padding: .25em .5em .25em 1.3em;
    width: 100%;
    vertical-align: middle;
}
.infoBoxContent {
    border: 1px solid #ddd;
    border-left-width: 0;
    background: #fbfbfb;
}
.infoBoxBelow {
    margin: 0 auto;
    padding: 0;
    text-align: center;
}
/* wikitable green */
table.wikitable-green {
    background: #c9f6e1
}
.wikitable-green th {
    background: #13ec93
}
.wikitable-green td {
    background: #f3f3f3
}



/* 教程链接列表 */
/* 目前全部移动到 https://otomad.wiki/Template:链接列表/style.css 下
.tutorial-links {
	width: 100%;
	margin-bottom: 6px;
}
.tutorial-links>tbody>tr>td:first-child {
	text-align: center;
	width: 35px;
}
.tutorial-links>tbody>tr>td:first-child>span {
	border: 1px #e06386 solid;
	border-radius: 4px;
	color: #e06386;
	font-size: 12px;
	height: 14px;
	padding: 2px 4px;
}
.tutorial-links>tbody>tr>td:nth-child(2) {
	padding-left: 6px;
}
.tutorial-links>tbody>tr>td:nth-child(3) {
	font-size: 12px;
	color: grey;
	text-align: right;
}
*/

/*scrollUpButton样式*/
img#scrollUpButton, img#scrollDownButton {
    transition: transform 200ms;
}
img#scrollUpButton:hover {
    transform: scale(1.1);
}
img#scrollUpButton:active {
    transform: scale(.95);
}
img#scrollDownButton:hover {
    transform: rotate(180deg)scale(1.1) !important;
}
img#scrollDownButton:active {
    transform: rotate(180deg)scale(.95) !important;
}

/* 从https://zh.wikipedia.org/wiki/MediaWiki:Common.css引入的样式 */
/* Style for horizontal lists (separator following item) */
.hlist dl,
.hlist ol,
.hlist ul {
    margin: 0;
}
.hlist dd,
.hlist dt,
.hlist li {
    display: inline;
    margin: 0;
}
/* Display nested lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
	display: inline;
}
/* Generate interpuncts */
.hlist dt:after {
    content: " :";
}
.hlist dd:after,
.hlist li:after {
    content: " · ";
    font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
    content: none;
}
/* for IE 8 */
.hlist dd.nopunct:after,
.hlist dt.nopunct:after,
.hlist li.nopunct:after {
    content: none;
}
/* Add parens around nested lists */
.hlist dl dl:before,
.hlist ol ol:before,
.hlist ul ul:before {
    content: "（";
}
.hlist dl dl:after,
.hlist ol ol:after,
.hlist ul ul:after {
    content: "）";
}
/* Put numbers in ordered lists */
.hlist.hnum ol li {
    counter-increment: level1;
}
.hlist.hnum ol li:before {
    content: counter(level1) " ";
}
.hlist.hnum ol ol li {
    counter-increment: level2;
}
.hlist.hnum ol ol li:before {
    content: counter(level2) " ";
}
/* Default style for navigation boxes */
.navbox {                     /* Navbox container style */
    border: 1px solid #a2a9b1;
    width: 100%; 
    margin: auto;
    clear: both;
    font-size: 88%;
    text-align: center;
    padding: 1px;
}
.navbox-inner,
.navbox-subgroup {
    width: 100%;
}
.navbox th,
.navbox-title,
.navbox-abovebelow {
    text-align: center;       /* Title and above/below styles */
    padding-left: 1em;
    padding-right: 1em;
}
th.navbox-group {             /* Group style */
    white-space: nowrap;
    /* @noflip */
    text-align: right;
}
.navbox,
.navbox-subgroup {
    background: #fdfdfd;      /* Background color */
}
.navbox-list {
    border-color: #fdfdfd;    /* Must match background color */
}
.navbox th,
.navbox-title {
    background: #ccccff;      /* Level 1 color */
}
.navbox-abovebelow,
th.navbox-group,
.navbox-subgroup .navbox-title {
    background: #ddddff;      /* Level 2 color */
}
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
    background: #e6e6ff;      /* Level 3 color */
}
.navbox-even {
    background: #f7f7f7;      /* Even row striping */
}
.navbox-odd {
    background: transparent;  /* Odd row striping */
}
table.navbox + table.navbox {  /* Single pixel border between adjacent navboxes */
    margin-top: -1px;          /* (doesn't work for IE6, but that's okay)       */
}
.navbox .hlist td dl,
.navbox .hlist td ol,
.navbox .hlist td ul,
.navbox td.hlist dl,
.navbox td.hlist ol,
.navbox td.hlist ul {
    padding: 0.125em 0;       /* Adjust hlist padding in navboxes */
}
.navbox .hlist dd,
.navbox .hlist dt,
.navbox .hlist li {
    white-space: nowrap;      /* Nowrap list items in navboxes */
}
.navbox .hlist dd dl,
.navbox .hlist dt dl,
.navbox .hlist li ol,
.navbox .hlist li ul {
    white-space: normal;      /* But allow parent list items to be wrapped */
}
ol + table.navbox,
ul + table.navbox {
    margin-top: 0.5em;        /* Prevent lists from clinging to navboxes */
}

/* Default styling for Navbar template */
.navbar {
    display: inline;
    font-weight: normal;
}
.navbar ul {
    display: inline;
    white-space: nowrap;
}
.navbar li {
    word-spacing: -0.125em;
}
.navbar.mini li abbr[title] {
    font-variant: small-caps;
    border-bottom: none;
    text-decoration: none;
    cursor: inherit;
}
/* Navbar styling when nested in navbox */
.navbox .navbar {
    display: block;
}
.navbox-title .navbar {
    /* @noflip */
    float: left;
    /* @noflip */
    text-align: left;
    /* @noflip */
    margin-right: 0.5em;
    width: 8em;
}

/* 'show'/'hide' buttons created dynamically by the CollapsibleTables javascript
   in [[MediaWiki:Common.js]] are styled here so they can be customised. */
.collapseButton {       
    /* @noflip */
    float: right;
    font-weight: normal;
    /* @noflip */
    margin-left: 0.5em;
    /* @noflip */
    text-align: right;
    width: auto;
}
/* In navboxes, the show/hide button balances the v·d·e links
   from [[Template:Navbar]], so they need to be the same width. */
.navbox .collapseButton {
    width: 8em;
}
/*个人资料设置页*/
.profile-tab{
	background-color: unset;
	padding: 9px 10px 10px;
	font-size: 16px;
}
.profile-tab-on a:visited{
	color: #000 !important;
}
.profile-tab a:visited{
	color: #000 !important;
}
.profile-tab-on a, .profile-tab a{
	color: #000;
}
.profile-tab-on{
	background-color: unset;
	padding: 9px 10px 10px;
	font-size: 16px;
	border-bottom: solid 2px #FB7299;
}
.eye-container .title{
	color: #000;
	font-size: 14px;
}
.eye-container{
	box-shadow: none;
	opacity: 1.0;
}
/*提示框*/
.mw-notification{
	border: none;
	border-radius: 4px;
	box-shadow: 0 0 12px rgb(0 0 0 / 15%);
}
/*修复和修改infobox*/
@media screen and (max-width: 850px){
.infobox{
	width: 100%;
	margin: 0em 0em 2em;
}}
@media screen and (min-width: 851px){
.infobox{
	width: 300px;
	margin: 1em 0 30px 30px;
}}
.infoBoxContent{
	border: 0;
	border-radius: 4px;
}

.fieldset{
	border: 1px solid #c7c7c7;
	border-radius: 4px;
	padding: 0.35em 1.625em 0.75em;
}
textarea {
	border-radius: 4px;
	box-shadow: none;
	background-color: transparent;
	border: 1px solid var(--border-color-base--darker);
    outline: none;
}
textarea:hover {
	border: 1px solid #fb7299;
	background: transparent;
}
textarea:focus-visible {
	box-shadow: inset 0 0 0 1px #fb7299;
    border: 1px solid #fb7299;
    background: transparent;
}
/*导航盒*/
.navbox th, .navbox-title {
	background: #FCA6BF;
}
.navbox-abovebelow, th.navbox-group, .navbox-subgroup .navbox-title {
	background: #FDBFD0;
}
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
	background: #FED7E2;
}
.navbox-even {
	background: #FFF0F4;
}
.navbox{
	border: 0;
}
/* 资料卡 */
#profile-toggle-button{
	background-color: #fb7299;
	border-radius: 2px;
	padding: 5px 10px;
	transition: box-shadow 200ms,transform 200ms;
	box-shadow: 0 4px 4px rgb(251 114 153 / 30%);
}
#profile-toggle-button a {
	font-weight: bold;
}
#profile-toggle-button:hover {
	box-shadow: 0 9px 9px rgb(251 114 153 / 30%);
}
#profile-toggle-button:active {
	box-shadow: 0 0 0 rgb(251 114 153 / 30%);
	transform: scale(.95);
	background-color: #bd5774;
}
#profile-toggle-button:focus, #profile-toggle-button:focus-visible, #profile-toggle-button:focus-within {
	box-shadow: inset 0 0 0 1px #fb7299, inset 0 0 0 2px #fff;
	outline: 1px solid transparent;
}
.profile-on{
	background-color: #fff6c3;
	padding: 5px 10px 5px 10px;
	border-radius: 4px;
	border: none;
}
/*按钮动画*/
.oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button{
	transition: background-color 100ms,color 100ms,border-color 100ms,box-shadow 100ms,transform 200ms
}
/*圆形头像*/
#profile-image img{
    border-radius: 50%;
    padding: 4px;
    border: none;
    width: 75px;
}
.c-avatar img{
	border-radius: 50%;
}
.profile-info img {
    border-radius: 50%;
}
/*解决cite定位内文字显示为斜体的问题*/
cite {
	font-style: normal;
}
/* 首页dpl列表相关样式 */
.mini-block {
    width: 100%;
    min-width: 20%;
    padding: 16px;
    margin-top: 8px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.04);
    border: 1px solid; border-color: rgba(0,0,0,0.05);
    border-radius: 8px;
    word-break: normal;
    box-sizing: border-box;
}
.mini-block p {
	margin: 0 0 1em 0;
}
.mini-block p:last-child {
	margin: 0;
}
.mini-block-container {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 8px;
    box-sizing: border-box;
}
.mini-block-list a{
	color: #212121;
}
.mini-block-list a.new{
	color: #212121;
}
.mini-block-list a:hover{
	color: #00aeec;
}
.mini-block-list li a:hover {
    color: #212121;
}
.mini-block-container li{
    border-radius: 4px;
    margin: 0;
    list-style: none;
    cursor: pointer;
    transition: background cubic-bezier(0.22,0.58,0.12,0.98) 0.4s;
}
.mini-block-title {
	font-size: 24px;
	font-weight: 500;
}
@media screen and (min-width: 851px) {
	.mini-block-container li:hover {
    	background: #0000000d;
	}
	.mini-block-container li:hover a {
		transform: translateX(5px);
	}
}
.mini-block-container ul {
    margin: 0;
    padding: 0;
}
.mini-block-container li a {
    padding: .5em .4em;
    display: inline-block;
    width: 100%;
    transition: transform cubic-bezier(0.22,0.58,0.12,0.98) 0.4s;
}
@media screen and (max-width: 850px) {
    .mini-block {
        align-self: stretch;
        width: auto;
    }
    .mini-block-container {
    	flex-direction: column;
    }
}


/*针对移动端用户页的竖向排列*/
@media screen and (max-width: 850px){
#user-page-left {
    width: 100%;
    float: none;}
#user-page-right {
    width: 100%;
    float: none;
    }
}

/*移动端导航栏子级标题竖向排列*/
@media screen and (max-width: 850px){
th.navbox-group {
	white-space: normal;
}
th.navbox-group div {
    line-height: 1.3em;
    width: 10px;
    margin: 10px 0;
}
}

/* 讨论版块FlowThread隐藏热门 */
.page-讨论版块 .comment-container-top {
	display: none;
}

/* 上传文件InfoBox排版增强修复 */
.mw-special-Upload i.md {
	display: flex;
}
.mw-special-Upload .infoBoxText li {
	margin-top: 6px;
	margin-bottom: 0;
}

/* 设置原生html组件的颜色 */
body {
	accent-color: #ea6b8f;
}

/* 现代化FlowThread主题 */
#flowthread .comment-submit {
	font-family: inherit;
	color: white;
	border: 0;
	background-color: #fb7299;
	background-color: var(--color-primary);
	text-shadow: none;
	top: 0;
	right: 0;
	border-radius: 0 0 var(--border-radius--small) 0;
}

#flowthread .comment-toolbar {
	height: 36px;
	border: 0;
	border-top: 1px solid var(--border-color-base--darker);
	background-color: #f8f9fa;
	background-color: var(--color-surface-2);
	border-radius: 0 0 var(--border-radius--small) var(--border-radius--small);
	margin-bottom: 0;
}

#flowthread .comment-thread {
	border: 0;
	padding: 0;
}

#flowthread .comment-avatar {
	border-radius: 100%;
	overflow: hidden;
}

#flowthread .comment-text {
	font-size: inherit;
}

#flowthread .comment-user, .comment-user a {
	font-size: inherit;
	color: var(--color-base--subtle);
}

#flowthread .comment-footer {
	font-size: 14px;
}

#flowthread .flowthread-btn-wikitext, 
#flowthread .flowthread-btn-preview {
	width: 36px;
	height: 36px;
	margin: 0;
	box-shadow: none;
	background-color: transparent;
	border-radius: 100%;
	border: 0 !important;
}

#flowthread .flowthread-btn-preview {
	transform: translateX(-100%);
}

#flowthread .flowthread-btn-wikitext.on+.flowthread-btn-preview {
	transform: none;
}

#flowthread .flowthread-btn-wikitext:hover, 
#flowthread .flowthread-btn-preview:hover {
	background-color: var(--background-color-quiet--hover);
}

#flowthread .comment-submit {
	height: inherit;
}

#flowthread .comment-replybox > .comment-body {
	border: 1px solid var(--border-color-base--darker);
	border-radius: var(--border-radius--small);
	padding-left: 0;
	margin-left: 60px;
}

#flowthread .comment-replybox > .comment-body:has(textarea:focus-visible) {
	border-color: var(--color-primary);
}

#flowthread .comment-replybox > .comment-body textarea, #flowthread .comment-preview {
	background-color: transparent;
	border: 0;
	box-shadow: none;
}

#flowthread .comment-post,
#flowthread .comment-container > .comment-thread {
	padding: 12px 0;
}

#flowthread .comment-reply::before,
#flowthread .comment-like::before,
#flowthread .comment-report::before,
#flowthread .comment-delete::before {
	display: inline-block;
	background-image: none;
	direction: ltr;
	font-family: 'Material Icons';
	font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 1;
	text-align: center;
	text-indent: 0;
	text-rendering: optimizeLegibility;
	text-transform: none;
	user-select: none;
	vertical-align: middle;
	white-space: nowrap;
	word-wrap: normal;
	width: 18px;
	height: 18px;
	color: black;
	font-size: 18px;
	opacity: var(--opacity-icon-base);
	border-radius: 100%;
}

#flowthread .comment-reply::before {
	content: 'reply';
}
#flowthread .comment-like::before {
	content: 'favorite';
}
#flowthread .comment-report::before {
	content: 'flag';
}
#flowthread .comment-delete::before {
	content: 'delete';
}
#flowthread .comment-like[liked],
#flowthread .comment-report[reported] {
	color: var(--color-primary);
}
#flowthread .comment-like[liked]::before,
#flowthread .comment-report[reported]::before {
	opacity: 1;
	color: var(--color-primary);
}

搜索

MediaWiki:Common.css：修订间差异

命名空间

更多

页面操作

2025年9月3日 (三) 08:02的最新版本

导航

导航

档案区

创作区

编辑帮助

wiki工具

wiki工具

@@ 第33行： / 第33行： @@
    font-family: '7397';
    src: url('https://soka.cafe/images/c/cf/7397.ttf') format('truetype');
+}
+/* 模糊 */
+.blur{
+	filter: blur(30px);
+	width: 100%;
 }
@@ 第41行： / 第47行： @@
 /* 表格 */
-/*
+/*************************************
-  * MediaWiki Table Beautifier CSS
+  * Huijia Collapsible Table – 美化套件
-  *
+  * 依赖你提供的“防竖排”修复代码（已内联）
-  * Add this to your wiki's MediaWiki:Common.css page.
+  * 特色：主题变量、条纹、悬停、暗色模式、紧凑模式
-  * This set of styles enhances the default 'wikitable' class
+  *************************************/
- * and provides additional classes for more styling options.
- */
-/* == Basic Wikitable Enhancements == */
+/* ===== 主题变量（可按站点风格调整） ===== */
+:root {
+  --ct-bg: #ffffff;
+  --ct-fg: #1f2937;                 /* 文本 */
+  --ct-border: #e5e7eb;             /* 边框 */
+  --ct-muted: #6b7280;              /* 次级文本 */
+  --ct-primary: #3CB371;            /* 主色：Huijia 绿 */
+  --ct-primary-weak: #e8f7ef;       /* 主色浅底 */
+  --ct-header-bg: #f9fafb;          /* 表头背景 */
+  --ct-row-alt: #fbfdff;            /* 斑马纹浅行 */
+  --ct-hover: #f3f4f6;              /* 行悬停 */
+  --ct-shadow: 0 6px 16px rgba(0,0,0,0.06);
+  --ct-radius: 12px;                /* 圆角 */
+  --ct-cell-pad-y: .55em;
+  --ct-cell-pad-x: .8em;
+  --ct-font-size: 0.95rem;
+  --ct-header-font-weight: 600;
+  --ct-transition: 180ms ease;      /* 过渡统一 */
+}
-/*
+/* 暗色模式自动适配（若不需要可删除本段） */
- * Apply a more modern look to the standard 'wikitable'.
+@media (prefers-color-scheme: dark) {
- * - Uses border-collapse for cleaner lines.
+  :root {
- * - Ensures full width by default (can be overridden).
+    --ct-bg: #0b0e11;
- * - Adds subtle box shadow for depth.
+    --ct-fg: #e5e7eb;
- */
+    --ct-border: #1f2937;
-table.wikitable {
+    --ct-muted: #9ca3af;
-  margin: 1em 0;
+    --ct-primary: #86efac;
-  border-collapse: collapse;
+    --ct-primary-weak: rgba(134,239,172,0.12);
-  width: 100%; /* Default to full width, can be overridden by inline styles or other classes */
+    --ct-header-bg: #0f1318;
-  font-size: 0.9em; /* Slightly smaller font for better information density */
+    --ct-row-alt: #0d1115;
-  border: 1px solid #cccccc; /* Light grey border around the table */
+    --ct-hover: #121821;
-  /* box-shadow: 0 1px 3px rgba(0,0,0,0.05); */ /* Subtle shadow - uncomment if desired */
+    --ct-shadow: 0 6px 18px rgba(0,0,0,0.35);
+  }
 }
-/*
+/* ===== 基础外观（同时适配 wikitable 与普通表格） ===== */
- * Header styling for 'wikitable'.
+table.mw-collapsible {
- * - Darker background for clear distinction.
+   background: var(--ct-bg);
- * - White text for contrast.
+  color: var(--ct-fg);
- * - Centered text by default.
+   border: 1px solid var(--ct-border);
- */
+   border-radius: var(--ct-radius);
-table.wikitable > tr > th,
+   box-shadow: var(--ct-shadow);
-table.wikitable > * > tr > th {
+   font-size: var(--ct-font-size);
-   background-color: #f0f0f0; /* Light grey background for headers */
+   border-collapse: separate;
-   color: #333333; /* Darker text for headers */
+   border-spacing: 0;
-   font-weight: bold;
+  overflow: hidden; /* 让圆角对内部生效 */
-   text-align: left; /* Default to left, can be overridden per column */
-   padding: 10px 12px; /* Increased padding for readability */
-   border: 1px solid #cccccc;
-   border-bottom: 2px solid #bbbbbb; /* Stronger bottom border for headers */
 }
-/*
+/* 表头 */
- * Cell styling for 'wikitable'.
+table.mw-collapsible > thead > tr > th,
- * - Adequate padding.
+table.mw-collapsible > tbody > tr:first-child > th {
- * - Vertical alignment to the top.
+  background: linear-gradient(180deg, var(--ct-header-bg), transparent 160%);
- * - Consistent border.
+  color: var(--ct-fg);
- */
+  font-weight: var(--ct-header-font-weight);
-table.wikitable > tr > td,
+   padding: calc(var(--ct-cell-pad-y) + .05em) calc(var(--ct-cell-pad-x) + .15em);
-table.wikitable > * > tr > td {
+   position: relative;
-   padding: 8px 12px;
+   border-bottom: 1px solid var(--ct-border);
-   border: 1px solid #dddddd; /* Slightly lighter border for cells */
+   white-space: nowrap;
-   vertical-align: top;
-   line-height: 1.5; /* Improved line spacing within cells */
 }
-/*
+/* 普通单元格 */
- * Caption styling for 'wikitable'.
+table.mw-collapsible th,
- * - Larger, centered, and spaced out.
+table.mw-collapsible td {
- */
+   padding: var(--ct-cell-pad-y) var(--ct-cell-pad-x);
-table.wikitable > caption {
+   border-bottom: 1px solid var(--ct-border);
-   font-size: 1.2em;
+   vertical-align: middle;
-  font-weight: bold;
-   margin-bottom: 0.75em;
-  text-align: left; /* Captions usually look better left-aligned or centered */
-  caption-side: top; /* Standard caption position */
-   color: #333333;
 }
-/*
+/* 最后一行去底边框 */
- * Zebra striping for 'wikitable' rows in the tbody for better readability.
+table.mw-collapsible tr:last-child > th,
- */
+table.mw-collapsible tr:last-child > td {
-table.wikitable > tbody > tr:nth-child(odd) > td {
+   border-bottom: none;
-   background-color: #f9f9f9; /* Very light grey for odd rows */
 }
-/*
+/* 斑马纹（排除表头行） */
- * Hover effect for 'wikitable' rows in the tbody for better focus.
+table.mw-collapsible > tbody > tr:nth-child(odd):not(:first-child) {
- */
+   background-color: var(--ct-row-alt);
-table.wikitable > tbody > tr:hover > td {
-   background-color: #eef4f8; /* Light blueish highlight on hover */
 }
+/* 行悬停（不影响折叠隐藏行） */
+table.mw-collapsible > tbody > tr:hover {
+  background-color: var(--ct-hover);
+  transition: background-color var(--ct-transition);
+}
-/* == Additional Beautifier Classes (Optional) == */
+/* 链接与轻提示色 */
+table.mw-collapsible a { color: var(--ct-primary); }
+table.mw-collapsible .note,
+table.mw-collapsible .muted { color: var(--ct-muted); }
-/*
+/* 紧凑/宽松密度（通过给表格加类切换） */
- * Class for a more "modern" or "stylish" table.
+table.mw-collapsible.is-compact th,
- * You would use this by adding class="wikitable stylish-table"
+table.mw-collapsible.is-compact td {
- */
+   padding: calc(var(--ct-cell-pad-y) - .2em) calc(var(--ct-cell-pad-x) - .2em);
-table.stylish-table {
+}
-   border: none; /* Remove the main table border if using stylish version */
+table.mw-collapsible.is-comfy th,
-  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
+table.mw-collapsible.is-comfy td {
-  border-radius: 5px; /* Rounded corners for the table */
+   padding: calc(var(--ct-cell-pad-y) + .2em) calc(var(--ct-cell-pad-x) + .2em);
-   overflow: hidden; /* Ensures content respects border-radius */
 }
-table.stylish-table > tr > th,
+/* 让第一列标题更醒目（可按需删除） */
-table.stylish-table > * > tr > th {
+table.mw-collapsible td:first-child,
-   background-color: #4a5568; /* Darker, modern header */
+table.mw-collapsible th:first-child {
-  color: #ffffff;
+   font-variation-settings: "wght" 520;
-  border: none;
-  border-bottom: 1px solid #2d3748; /* Subtle border for header bottom */
-  padding: 12px 15px;
 }
-table.stylish-table > tr > td,
+/* ===== 折叠/展开交互的视觉增强 ===== */
-table.stylish-table > * > tr > td {
-   border: none;
+/* 切换按钮样式（靠近标题，保持不挤压） */
-   border-bottom: 1px solid #edf2f7; /* Very light horizontal lines between rows */
+table.mw-collapsible .mw-collapsible-toggle {
-   padding: 10px 15px;
+  display: inline-flex !important;
+  align-items: center;
+  gap: .35em;
+  padding: .15em .4em;
+  margin-inline-start: .2em;
+  border-radius: 8px;
+  color: var(--ct-primary);
+  background: var(--ct-primary-weak);
+   border: 1px solid color-mix(in oklab, var(--ct-primary) 35%, transparent);
+  text-decoration: none !important;
+  line-height: 1.2;
+  cursor: pointer;
+   transition: background-color var(--ct-transition), border-color var(--ct-transition), transform var(--ct-transition);
+  vertical-align: middle;
+}
+table.mw-collapsible .mw-collapsible-toggle:hover {
+  transform: translateY(-1px);
+  background: color-mix(in oklab, var(--ct-primary-weak) 70%, white);
+}
+table.mw-collapsible .mw-collapsible-toggle:focus-visible {
+  outline: 2px solid var(--ct-primary);
+   outline-offset: 2px;
 }
-table.stylish-table > tbody > tr:last-child > td {
+/* 使用伪元素绘制小箭头（无需额外图标） */
-   border-bottom: none; /* Remove border from the last row of cells */
+table.mw-collapsible .mw-collapsible-toggle::before {
+  content: "";
+  inline-size: .6em;
+  block-size: .6em;
+   border-inline-end: 2px solid currentColor;
+  border-block-end: 2px solid currentColor;
+  transform: rotate(-45deg);
+  display: inline-block;
+  margin-inline-end: .1em;
+  transition: transform var(--ct-transition);
 }
-table.stylish-table > tbody > tr:nth-child(odd) > td {
+/* 展开状态：箭头向下 */
-   background-color: #f7fafc;
+table.mw-collapsible:not(.mw-collapsed) .mw-collapsible-toggle::before {
+   transform: rotate(45deg); /* ↴ */
 }
-table.stylish-table > tbody > tr:hover > td {
+/* 折叠状态：箭头向右（与你提供的修复逻辑兼容） */
-   background-color: #e2e8f0;
+table.mw-collapsible.mw-collapsed .mw-collapsible-toggle::before {
+   transform: rotate(-45deg); /* ↳ */
 }
-table.stylish-table > caption {
+/* 折叠状态首行视觉突出（淡底 + 细边） */
-   color: #2d3748;
+table.mw-collapsible.mw-collapsed > tbody > tr:first-child {
-   padding-top: 0.5em; /* Add some space if table has rounded corners */
+   background: linear-gradient(180deg, var(--ct-primary-weak), transparent 120%);
+}
+table.mw-collapsible.mw-collapsed > tbody > tr:first-child > th,
+table.mw-collapsible.mw-collapsed > tbody > tr:first-child > td {
+   border-bottom: 1px dashed color-mix(in oklab, var(--ct-primary) 35%, var(--ct-border));
 }
+/* ======= 你提供的“防竖排”修复（内联保留） ======= */
-/* == Column Alignment Helpers == */
+table.mw-collapsible.mw-collapsed {
-/* Add these classes to th or td elements for specific alignment */
+  display: inline-table !important;   /* 保持表格语义 + 依据内容自适应宽度 */
-.wikitable .col-align-left, table.wikitable th.col-align-left, table.wikitable td.col-align-left { text-align: left; }
+  width: auto !important;
-.wikitable .col-align-center, table.wikitable th.col-align-center, table.wikitable td.col-align-center { text-align: center; }
+  table-layout: auto !important;
-.wikitable .col-align-right, table.wikitable th.col-align-right, table.wikitable td.col-align-right { text-align: right; }
+  overflow: visible !important;       /* 不要裁切首行内容 */
-.wikitable .col-valign-top, table.wikitable th.col-valign-top, table.wikitable td.col-valign-top { vertical-align: top; }
+}
-.wikitable .col-valign-middle, table.wikitable th.col-valign-middle, table.wikitable td.col-valign-middle { vertical-align: middle; }
+table.mw-collapsible.mw-collapsed > tbody > tr:first-child {
-.wikitable .col-valign-bottom, table.wikitable th.col-valign-bottom, table.wikitable td.col-valign-bottom { vertical-align: bottom; }
+  display: table-row !important;
+}
-/* == Responsive Table Wrapper == */
+table.mw-collapsible.mw-collapsed > tbody > tr:first-child > th,
-/*
+table.mw-collapsible.mw-collapsed > tbody > tr:first-child > td {
- * For tables that are too wide, wrap them in a div with this class
+  display: table-cell !important;
- * to enable horizontal scrolling on small screens.
+  white-space: nowrap !important;     /* 禁止中文逐字换行 */
- * Example: <div class="responsive-table-wrapper"> {| class="wikitable" ... |} </div>
+  word-break: keep-all !important;    /* CJK 不随意断行 */
- */
+  writing-mode: horizontal-tb !important; /* 明确横排 */
-.responsive-table-wrapper {
+  vertical-align: middle;
-   overflow-x: auto;
+}
-  -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
+/* 收起时隐藏其余行（与脚本行为一致，且不参与布局） */
-   margin-bottom: 1em; /* Space below the scrolling table */
+table.mw-collapsible.mw-collapsed > tbody > tr:nth-child(n + 2) {
+  display: none !important;
+}
+/* 切换按钮不挤窄 */
+table.mw-collapsible .mw-collapsible-toggle {
+   float: none !important;
+   white-space: nowrap !important;
 }
-/*
+/* ===== 细节增强 ===== */
- * Alternative responsive approach: Stacked table on small screens.
- * This requires adding data-label attributes to your <td> elements in the HTML.
- * E.g., <td data-label="Header Name">Cell Content</td>
- *
- * You can activate this by adding the 'responsive-stack' class to your table.
- * {| class="wikitable responsive-stack"
- * ! Header 1 !! Header 2
- * |-
- * | data-label="Header 1" | Content 1 || data-label="Header 2" | Content 2
- * |}
- */
-@media screen and (max-width: 767px) { /* Adjust breakpoint as needed */
-  table.responsive-stack,
-  table.responsive-stack thead,
-  table.responsive-stack tbody,
-  table.responsive-stack th,
-  table.responsive-stack td,
-  table.responsive-stack tr {
-    display: block;
-  }
-   table.responsive-stack thead tr {
+/* 可选：让首列在横向滚动时“粘住”（大表格可读性更好） */
-     position: absolute;
+@supports (position: sticky) {
-     top: -9999px;
+   table.mw-collapsible:not(.mw-collapsed) td:first-child,
-     left: -9999px;
+  table.mw-collapsible:not(.mw-collapsed) th:first-child {
-     border: none;
+     position: sticky;
+     left: 0;
+     background: inherit;
+     z-index: 1;
    }
+}
-   table.responsive-stack tr {
+/* 可选：小屏时允许横向滚动，而非挤压换行 */
-     border: 1px solid #cccccc;
+@media (max-width: 720px) {
-     margin-bottom: 0.5em;
+   .mw-parser-output .table-wrap {
+     overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+     margin: .5rem 0;
    }
-   table.responsive-stack > tbody > tr:nth-child(odd) > td { /* Remove zebra striping for stacked */
+   .mw-parser-output .table-wrap > table.mw-collapsible {
-    background-color: transparent;
+     min-width: 520px; /* 保障结构不被压垮 */
-  }
-  table.responsive-stack > tbody > tr:hover > td { /* Adjust hover for stacked */
-    background-color: #f0f0f0;
-  }
-  table.responsive-stack td {
-    border: none;
-    border-bottom: 1px solid #eeeeee;
-    position: relative;
-    padding-left: 50% !important; /* Ensure padding is applied after data-label */
-    text-align: right; /* Align cell content to the right */
-    white-space: normal; /* Allow text to wrap */
-  }
-  table.responsive-stack td:before {
-     content: attr(data-label); /* Gets content from data-label attribute */
-    position: absolute;
-    left: 6px;
-    width: calc(50% - 12px); /* Adjust width considering padding */
-    padding-right: 10px;
-    white-space: nowrap; /* Keep label on one line if possible */
-    font-weight: bold;
-    text-align: left; /* Align label text to the left */
    }
+}
-  table.responsive-stack td:last-child {
+/* 可选：为 wikitable 赋同款外观（不改 class 也能匹配） */
-    border-bottom: 0;
+table.mw-collapsible.wikitable { border-color: var(--ct-border); }
-  }
-  /* If using .stylish-table with .responsive-stack */
+/* 打印优化：去阴影背景，保留边框 */
-   table.stylish-table.responsive-stack tr {
+@media print {
-    border: none; /* Remove individual row borders for stylish stacked */
+   table.mw-collapsible {
-     box-shadow: 0 1px 3px rgba(0,0,0,0.1);
+     box-shadow: none;
-     margin-bottom: 0.75em;
+     background: #fff;
-    border-radius: 3px;
    }
-   table.stylish-table.responsive-stack td {
+   table.mw-collapsible .mw-collapsible-toggle { display: none !important; }
-    border-bottom: 1px dashed #e2e8f0; /* Light dashed line for stylish stacked cells */
-  }
-  table.stylish-table.responsive-stack td:last-child {
-    border-bottom: none;
-  }
-}
-/*
- * Class to prevent a table from being full-width
- * Useful for smaller tables that don't need to span the entire content area.
- */
-table.wikitable.not-full-width {
-  width: auto;
-  min-width: 50%; /* Or whatever min-width is appropriate */
-  max-width: 100%;
 }
+/** End **/
-/*
- * Emphasize first column (often row headers)
- */
-table.wikitable.emphasize-first-column > tbody > tr > td:first-child {
-  font-weight: bold;
-  background-color: #f5f5f5; /* Slightly different background if not zebra striped */
-}
-/* Compatibility with zebra striping */
-table.wikitable.emphasize-first-column > tbody > tr:nth-child(odd) > td:first-child {
-  background-color: #f0f0f0; /* Slightly darker for odd rows */
-}
-/* ==========================================================================
-   End of MediaWiki Table Beautifier CSS
-   ========================================================================== */
 /* 展开和折叠时的过渡效果 */
@@ 第441行： / 第429行： @@
 }
-.page-留言板 #mw-wrapper #flowthread {
+.page-讨论版块 #mw-wrapper #flowthread {
 	margin-top: 0;
 	display: flex;
@@ 第449行： / 第437行： @@
 }
-.page-留言板 #mw-wrapper #flowthread .comment-paginator {
+.page-讨论版块 #mw-wrapper #flowthread .comment-paginator {
 	border: 0;
 	display: flex;
@@ 第455行： / 第443行： @@
 }
-.page-留言板 #mw-wrapper #flowthread .comment-paginator span {
+.page-讨论版块 #mw-wrapper #flowthread .comment-paginator span {
 	display: flex;
 	border: 0;
@@ 第471行： / 第459行： @@
 }
-.page-留言板 #mw-wrapper #flowthread .comment-paginator span[current] {
+.page-讨论版块 #mw-wrapper #flowthread .comment-paginator span[current] {
 	color: white;
 	background-color: #fb7299;
@@ 第479行： / 第467行： @@
 }
-.page-留言板 #mw-wrapper #flowthread .comment-paginator span:first-child{
+.page-讨论版块 #mw-wrapper #flowthread .comment-paginator span:first-child{
 	border-radius: 4px 0 0 4px;
 }
-.page-留言板 #mw-wrapper #flowthread .comment-paginator span:last-child{
+.page-讨论版块 #mw-wrapper #flowthread .comment-paginator span:last-child{
 	border-radius: 0 4px 4px 0;
 }
@@ 第566行： / 第554行： @@
 }}
 .infoBox a, p{
-     word-break: break-all;
+     word-break: normal;
 }
 .infoBoxTitle {
@@ 第996行： / 第984行： @@
      border: 1px solid; border-color: rgba(0,0,0,0.05);
      border-radius: 8px;
-     word-break: break-all;
+     word-break: normal;
      box-sizing: border-box;
 }
@@ 第1,087行： / 第1,075行： @@
 }
-/* 留言板FlowThread隐藏热门 */
+/* 讨论版块FlowThread隐藏热门 */
-.page-留言板 .comment-container-top {
+.page-讨论版块 .comment-container-top {
 	display: none;
 }

搜索

MediaWiki:Common.css：修订间差异

2025年9月3日 (三) 08:02的最新版本

导航

wiki工具

页面工具