打开/关闭菜单
打开/关闭外观设置菜单
打开/关闭个人菜单
未登录
未登录用户的IP地址会在进行任意编辑后公开展示。

RIA Wiki 已更新到 1.41!部分 CSS 在新版本下可能有不同的表现,请编辑者注意检查和修改。 目前wiki关闭了自行注册账号的功能,如需注册账号,请查阅Help:注册账号

模板:零洲共鸣地标/styles.css:修订间差异

来自RIA | Wiki
Aunst留言 | 贡献
尝试适配黑暗模式
Aunst留言 | 贡献
写点注释
 
第8行: 第8行:
@media screen {
@media screen {
   /* 明亮模式/默认 */
   /* 明亮模式/默认 */
  /* 标题 */
   .template-zth_landmarks .navbox-title {
   .template-zth_landmarks .navbox-title {
     background-color: rgb(254, 187, 185); /* color level:200 */
     background-color: rgb(254, 187, 185); /* color level:200 */
   }
   }
  /* 顶部、底部单元格与组标题(列表左边编号单元格) */
   .template-zth_landmarks .navbox-abovebelow,
   .template-zth_landmarks .navbox-abovebelow,
   .template-zth_landmarks .navbox-group {
   .template-zth_landmarks .navbox-group {
     background-color: rgb(254, 222, 221); /* color level:100 */
     background-color: rgb(254, 222, 221); /* color level:100 */
   }
   }
  /* 偶数行 */
   .template-zth_landmarks .navbox-even { /* 以非常透的红色作为偶数行的背景色 */
   .template-zth_landmarks .navbox-even { /* 以非常透的红色作为偶数行的背景色 */
     background-color: rgb(193, 0, 49, 0.05); /* color level:500 */
     background-color: rgb(193, 0, 49, 0.05); /* color level:500 */
第20行: 第23行:


   /* 用户设置的黑暗模式 */
   /* 用户设置的黑暗模式 */
  /* 标题 */
   html.skin-theme-clientpref-night .template-zth_landmarks .navbox-title {
   html.skin-theme-clientpref-night .template-zth_landmarks .navbox-title {
   background-color: rgb(104, 1, 22); /* color level:800 */
   background-color: rgb(104, 1, 22); /* color level:800 */
   }
   }
  /* 顶部、底部单元格与组标题 */
   html.skin-theme-clientpref-night .template-zth_landmarks .navbox-abovebelow,
   html.skin-theme-clientpref-night .template-zth_landmarks .navbox-abovebelow,
   html.skin-theme-clientpref-night .template-zth_landmarks .navbox-group {
   html.skin-theme-clientpref-night .template-zth_landmarks .navbox-group {
第31行: 第36行:
@media screen and (prefers-color-scheme: dark) {
@media screen and (prefers-color-scheme: dark) {
   /* 自动切换的黑暗模式 */
   /* 自动切换的黑暗模式 */
  /* 标题 */
   html.skin-theme-clientpref-os .template-zth_landmarks .navbox-title {
   html.skin-theme-clientpref-os .template-zth_landmarks .navbox-title {
     background-color: rgb(104, 1, 22); /* color level:800 */
     background-color: rgb(104, 1, 22); /* color level:800 */
   }
   }
  /* 顶部、底部单元格与组标题 */
   html.skin-theme-clientpref-os .template-zth_landmarks .navbox-abovebelow,
   html.skin-theme-clientpref-os .template-zth_landmarks .navbox-abovebelow,
   html.skin-theme-clientpref-os .template-zth_landmarks .navbox-group {
   html.skin-theme-clientpref-os .template-zth_landmarks .navbox-group {

2026年3月15日 (日) 00:12的最新版本

/*
 * 零洲共鸣地标导航盒
 * 颜色空间:OKLCH 2 SRGB
 * 配色工具:https://harmonizer.evilmartians.com
 * H:20;WCAG;max chroma
 * color level:浅 100 —— 1000 深
*/
@media screen {
  /* 明亮模式/默认 */
  /* 标题 */
  .template-zth_landmarks .navbox-title {
    background-color: rgb(254, 187, 185); /* color level:200 */
  }
  /* 顶部、底部单元格与组标题(列表左边编号单元格) */
  .template-zth_landmarks .navbox-abovebelow,
  .template-zth_landmarks .navbox-group {
    background-color: rgb(254, 222, 221); /* color level:100 */
  }
  /* 偶数行 */
  .template-zth_landmarks .navbox-even { /* 以非常透的红色作为偶数行的背景色 */
    background-color: rgb(193, 0, 49, 0.05); /* color level:500 */
  }

  /* 用户设置的黑暗模式 */
  /* 标题 */
  html.skin-theme-clientpref-night .template-zth_landmarks .navbox-title {
  	background-color: rgb(104, 1, 22); /* color level:800 */
  }
  /* 顶部、底部单元格与组标题 */
  html.skin-theme-clientpref-night .template-zth_landmarks .navbox-abovebelow,
  html.skin-theme-clientpref-night .template-zth_landmarks .navbox-group {
    background-color: rgb(65, 0, 10); /* color level:900 */
  }
}

@media screen and (prefers-color-scheme: dark) {
  /* 自动切换的黑暗模式 */
  /* 标题 */
  html.skin-theme-clientpref-os .template-zth_landmarks .navbox-title {
    background-color: rgb(104, 1, 22); /* color level:800 */
  }
  /* 顶部、底部单元格与组标题 */
  html.skin-theme-clientpref-os .template-zth_landmarks .navbox-abovebelow,
  html.skin-theme-clientpref-os .template-zth_landmarks .navbox-group {
    background-color: rgb(65, 0, 10); /* color level:900 */
  }
}