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

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

模块:Navbox/styles.css:修订间差异

来自RIA | Wiki
Aunst留言 | 贡献
更新
Aunst留言 | 贡献
尝试分离CSS
 
(未显示同一用户的7个中间版本)
第1行: 第1行:
.navbox2 { /* 原类名为 .navbox2 , 现改为 .navbox2, 见 [https://wiki.ria.red/index.php?title=Module:Navbox/configuration&oldid=18181] */
/* Navbox styles
* 导航盒样式
*
* @source https://en.wikipedia.org/wiki/Module:Navbox/styles.css
* @revision 2021-12-21
*/
.navbox {
   box-sizing: border-box;
   box-sizing: border-box;
  clear: both;
  width: 100%;
  margin: 1em auto 0;
  /* Prevent preceding content from clinging to navboxes */
   border: 1px solid #a2a9b1;
   border: 1px solid #a2a9b1;
   width: 100%;
   padding: 3px;
  clear: both;
  font-size: 88%;
   text-align: center;
   text-align: center;
   padding: 1px;
   font-size: 0.875em;
  margin: 1em auto 0; /* Prevent preceding content from clinging to navboxes */
}
}


.navbox2 .navbox2 {
.navbox .navbox {
   margin-top: 0; /* No top margin for nested navboxes */
   margin-top: 0;
  /* No top margin for nested navboxes */
}
}


.navbox2 + .navbox2, /* TODO: remove first line after transclusions have updated */
.navbox + .navbox,
.navbox2 + .navbox2-styles + .navbox2 {
.navbox + .component-template_styles + .navbox {
   margin-top: -1px; /* Single pixel border between adjacent navboxes */
   margin-top: -1px;
  /* Single pixel border between adjacent navboxes */
}
}


.navbox2-inner,
.navbox-inner,
.navbox2-subgroup {
.navbox-subgroup {
   width: 100%;
   width: 100%;
}
}


.navbox2-group,
.navbox-inner {
.navbox2-title,
  background-color: transparent;
.navbox2-abovebelow {
  color: inherit;
}
 
.navbox-group,
.navbox-title,
.navbox-abovebelow {
   padding: 0.25em 1em;
   padding: 0.25em 1em;
   line-height: 1.5em;
   line-height: 1.5em;
第32行: 第46行:
}
}


.navbox2-group {
.navbox-title > div[id] {
  margin: 0 4em;
  font-size: 1.14em;
}
 
.navbox-group {
  width: 1%;
   white-space: nowrap;
   white-space: nowrap;
  /* @noflip */
   text-align: right;
   text-align: right;
}
}


.navbox2,
.navbox,
.navbox2-subgroup {
.navbox-subgroup {
   background-color: #fdfdfd;
   background-color: #fdfdfd;
}
}


.navbox2-list {
.navbox-list {
  width: 100%;
  padding: 0;
   line-height: 1.5em;
   line-height: 1.5em;
   border-color: #fdfdfd; /* Must match background color */
   border-color: #fdfdfd;
  /* Must match background color */
}
}


.navbox2-list-with-group {
.navbox-list-with-group {
   text-align: left;
   text-align: left;
   border-left-width: 2px;
   border-left-width: 2px;
   border-left-style: solid;
   border-left-style: solid;
}
.navbox-list > div {
  padding: 0 0.25em;
}
.navbox-image {
  width: 1%;
  padding: 0 2px;
}
}


第58行: 第89行:
/* TODO: figure out how to replace tr as structure;
/* TODO: figure out how to replace tr as structure;
  * with div structure it should be just a matter of first-child */
  * with div structure it should be just a matter of first-child */
tr + tr > .navbox2-abovebelow,
tr + tr > .navbox-abovebelow,
tr + tr > .navbox2-group,
tr + tr > .navbox-group,
tr + tr > .navbox2-image,
tr + tr > .navbox-image,
tr + tr > .navbox2-list {
tr + tr > .navbox-list {
   border-top: 2px solid #fdfdfd; /* Must match background color */
   border-top: 2px solid #fdfdfd;
  /* Must match background color */
}
}


.navbox2-title {
.navbox-title {
   background-color: #ccf; /* Level 1 color */
   background-color: #ccccff;
  /* Level 1 color */
}
}


.navbox2-abovebelow,
.navbox-abovebelow,
.navbox2-group,
.navbox-group,
.navbox2-subgroup .navbox2-title {
.navbox-subgroup .navbox-title {
   background-color: #ddf; /* Level 2 color */
   background-color: #ddddff;
  /* Level 2 color */
}
}


.navbox2-subgroup .navbox2-group,
.navbox-subgroup .navbox-group,
.navbox2-subgroup .navbox2-abovebelow {
.navbox-subgroup .navbox-abovebelow {
   background-color: #e6e6ff; /* Level 3 color */
   background-color: #e6e6ff;
  /* Level 3 color */
}
}


.navbox2-even {
.navbox-even {
   background-color: #f7f7f7;
   background-color: #f7f7f7;
}
}


.navbox2-odd {
.navbox-odd {
   background-color: transparent;
   background-color: transparent;
}
}


/* TODO: figure out how to remove reliance on td as structure */
/* TODO: figure out how to remove reliance on td as structure */
.navbox2 .hlist td dl,
.navbox .hlist td dl,
.navbox2 .hlist td ol,
.navbox .hlist td ol,
.navbox2 .hlist td ul,
.navbox .hlist td ul,
.navbox2 td.hlist dl,
.navbox td.hlist dl,
.navbox2 td.hlist ol,
.navbox td.hlist ol,
.navbox2 td.hlist ul {
.navbox td.hlist ul {
   padding: 0.125em 0;
   padding: 0.125em 0;
}
}


.navbox2 .navbar {
.navbox .navbar {
   display: block;
   display: block;
   font-size: 100%;
   font-size: 100%;
}
}


.navbox2-title .navbar {
.navbox-title .navbar {
  /* @noflip */
   float: left;
   float: left;
  /* @noflip */
   text-align: left;
   text-align: left;
  /* @noflip */
   margin-right: 0.5em;
   margin-right: 0.5em;
}
}


body.skin-minerva .navbox2 table {
/* Minerva Neue skin styles
* Minerva Neue 皮肤样式 */
 
/* 强制显示导航框
* https://github.com/wikimedia/mediawiki-skins-MinervaNeue/blob/REL1_39/resources/skins.minerva.base.styles/content/hacks.less
* 的临时修复
* WMF,你坏事做尽 */
body.skin-minerva .navbox {
  display: block;
}
 
body.skin-minerva .navbox > table,
body.skin-minerva .navbox-subgroup {
   margin: 0;
   margin: 0;
}
}


/* 在小屏设备中隐藏导航框图像 */
@media screen and (max-width: 767px) {
@media screen and (max-width: 767px) {
   .navbox2-image {
   .navbox-image {
     display: none;
     display: none;
   }
   }
}
}

2025年3月4日 (二) 20:02的最新版本

/* Navbox styles
 * 导航盒样式
 *
 * @source https://en.wikipedia.org/wiki/Module:Navbox/styles.css
 * @revision 2021-12-21
*/
.navbox {
  box-sizing: border-box;
  clear: both;
  width: 100%;
  margin: 1em auto 0;
  /* Prevent preceding content from clinging to navboxes */
  border: 1px solid #a2a9b1;
  padding: 3px;
  text-align: center;
  font-size: 0.875em;
}

.navbox .navbox {
  margin-top: 0;
  /* No top margin for nested navboxes */
}

.navbox + .navbox,
.navbox + .component-template_styles + .navbox {
  margin-top: -1px;
  /* Single pixel border between adjacent navboxes */
}

.navbox-inner,
.navbox-subgroup {
  width: 100%;
}

.navbox-inner {
  background-color: transparent;
  color: inherit;
}

.navbox-group,
.navbox-title,
.navbox-abovebelow {
  padding: 0.25em 1em;
  line-height: 1.5em;
  text-align: center;
}

.navbox-title > div[id] {
  margin: 0 4em;
  font-size: 1.14em;
}

.navbox-group {
  width: 1%;
  white-space: nowrap;
  text-align: right;
}

.navbox,
.navbox-subgroup {
  background-color: #fdfdfd;
}

.navbox-list {
  width: 100%;
  padding: 0;
  line-height: 1.5em;
  border-color: #fdfdfd;
  /* Must match background color */
}

.navbox-list-with-group {
  text-align: left;
  border-left-width: 2px;
  border-left-style: solid;
}

.navbox-list > div {
  padding: 0 0.25em;
}

.navbox-image {
  width: 1%;
  padding: 0 2px;
}

/* cell spacing for navbox cells */
/* Borders above 2nd, 3rd, etc. rows */
/* TODO: figure out how to replace tr as structure;
 * with div structure it should be just a matter of first-child */
tr + tr > .navbox-abovebelow,
tr + tr > .navbox-group,
tr + tr > .navbox-image,
tr + tr > .navbox-list {
  border-top: 2px solid #fdfdfd;
  /* Must match background color */
}

.navbox-title {
  background-color: #ccccff;
  /* Level 1 color */
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background-color: #ddddff;
  /* Level 2 color */
}

.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
  background-color: #e6e6ff;
  /* Level 3 color */
}

.navbox-even {
  background-color: #f7f7f7;
}

.navbox-odd {
  background-color: transparent;
}

/* TODO: figure out how to remove reliance on td as structure */
.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;
}

.navbox .navbar {
  display: block;
  font-size: 100%;
}

.navbox-title .navbar {
  float: left;
  text-align: left;
  margin-right: 0.5em;
}

/* Minerva Neue skin styles
 * Minerva Neue 皮肤样式 */

/* 强制显示导航框
 * https://github.com/wikimedia/mediawiki-skins-MinervaNeue/blob/REL1_39/resources/skins.minerva.base.styles/content/hacks.less
 * 的临时修复
 * WMF,你坏事做尽 */
body.skin-minerva .navbox {
  display: block;
}

body.skin-minerva .navbox > table,
body.skin-minerva .navbox-subgroup {
  margin: 0;
}

/* 在小屏设备中隐藏导航框图像 */
@media screen and (max-width: 767px) {
  .navbox-image {
    display: none;
  }
}