Template:Infobox country/styles.css:修订间差异

来自Kyoshihira Encyclopedia
跳转到导航 跳转到搜索
Lhscogs​(留言 | 贡献)
无编辑摘要
标签:已被回退
Mikhsha​(留言 | 贡献)
无编辑摘要
标签:已被回退
第1行: 第1行:
/* 信息框整体样式 */
/* 信息框整体样式 */
.infobox::before {
  content: "✔ 样式已加载";
  color: red;
  font-weight: bold;
}
.infobox,
.infobox,
.ib-country {
.ib-country {

2025年6月28日 (六) 16:06的版本

/* 信息框整体样式 */
.infobox::before {
  content: "✔ 样式已加载";
  color: red;
  font-weight: bold;
}

.infobox,
.ib-country {
  border: 1px solid var(--border-color-base, #a2a9b1);
  background-color: var(--background-color-infobox, #f9f9f9); /* 关键 */
  width: 22em;
  font-size: 88%;
  line-height: 1.5em;
  padding: 0.4em;
  border-collapse: collapse;
}

.ib-country {
  border: 1px solid red !important;
  border-collapse: collapse;
}


.mw-parser-output table.infobox.ib-country {
  border: 2px solid #444 !important;
}

.infobox {
  border: 1px solid #aaa !important;
  width: 22em !important;
  font-size: 88% !important;
  line-height: 1.5em !important;
  padding: 0.4em !important;
  border-collapse: collapse !important;/* 表格边框合并 */
  margin: 0.5em 0;               /* 上下外边距 */

  box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* 轻微阴影,可选 */
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; /* 字体样式 */
}

/* 单元格边框与内边距 */
.infobox td,
.infobox th {
  border: 1px solid #ccc;       /* 单元格边框 */
  padding: 0.4em 0.6em;         /* 内边距 */
  vertical-align: top;          /* 内容顶部对齐 */
}

/* 表头样式 */
.infobox th {
  background-color: #ddd;        /* 表头背景色 */
  font-weight: bold;
  text-align: left;
}

/* 信息框标题 */
.infobox .infobox-header {
  font-size: 110%;
  font-weight: bold;
  padding: 0.6em 0.8em;
  background-color: #ccc;
  border-bottom: 1px solid #aaa;
}

/* 图片单元格调整 */
.infobox .infobox-image {
  padding: 0.5em;
  text-align: center;
}

/* 合并的顶部行 */
.infobox .mergedtoprow th,
.infobox .mergedtoprow td {
  border-top: 2px solid #888;
  padding-top: 0.5em;
}

/* 合并的底部行 */
.infobox .mergedbottomrow th,
.infobox .mergedbottomrow td {
  border-bottom: 2px solid #888;
  padding-bottom: 0.5em;
}

/* 链接和文字颜色 */
.infobox a {
  color: #0645ad;
  text-decoration: none;
}

.infobox a:hover {
  text-decoration: underline;
}