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

2024年9月30日 (一) 17:18的版本

.navbox {
  margin: 1em auto 0;
  border: 1px solid #a2a9b1;

  text-align: center;
  font-size: 0.875em;
}

.navbox .navbox {
  margin-top: 0;
}

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

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

.navbox-abovebelow {
  border-top: 1px solid #a2a9b1;
}

.navbox-title_text {
  margin: 0 4em;
  font-size: 0.875rem;
  font-weight: bold;
}

.navbox-body {
  display: flex;
  align-items: center;
  border-top: 1px solid #a2a9b1;
}

.navbox-content {
  flex: 1 1 auto;
}

.navbox-image {
  display: none;
  flex: 0 1 auto;
  align-self: stretch;
  padding: 0 0.25rem;
}

.navbox-row:not(:first-of-type) {
  border-top: 1px solid #a2a9b1;
}
.navbox-row {
  display: flex;
  flex-direction: column;
}

.navbox-group,
.navbox-list {
  line-height: 1.5;
}

.navbox-group {
  text-align: left;
  padding: 0.25em 0.5em;
}

.navbox-list {
  text-align: left;
}

.navbox-list-not-subgroup {
  padding: 0.25em 0.5em;
}

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

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

.navbox .mw-collapsible-toggle {
  margin-top: 0.25em;
  margin-right: 1em;
}

.navbox-header {
  background-color: #cccfff;
}

.navbox-title {
  margin: 0 4em;
  font-size: 0.875rem;
  font-weight: bold;
}

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

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

.navbox-subgroup .navbox-body {
  border-top: none;
}

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

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

@media screen and (min-width: 720px) {
  .navbox-image {
    display: flex;
    align-items: center;
  }
  
  .navbox-image {
    border-right: 1px solid #a2a9b1;
  }
  
  .navbox-content + .navbox-image {
    border-left: 1px solid #a2a9b1;
    border-right: none;
  }

  .navbox-row {
    flex-direction: row;
    align-items: stretch;
  }
  
  .navbox-group {
    flex: 0 0 calc(5em + 2vw);
    text-align: right;
  }
  
  .navbox-list {
    flex: 1 1 auto;
  }
}