Template:Infobox country/styles.css

来自Kyoshihira Encyclopedia
跳转到导航 跳转到搜索
/* 信息框整体样式 */
.infobox {
  border: 1px solid #aaa;         /* 边框颜色和宽度 */
  background-color: #f9f9f9;      /* 背景色 */
  width: 22em;                   /* 固定宽度 */
  font-size: 88%;                /* 字体大小 */
  line-height: 1.3em;            /* 行高 */
  border-collapse: collapse;    /* 表格边框合并 */
  margin: 0.5em 0;               /* 上下外边距 */
  padding: 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;
}