Wikipedia:WikiProject Navigation templates/Nav2mobile/styles.css

/* Vertical (Outline-style) navbox rendering demo
   Tested against standard navbox markup with hlist */

/* ---- Base navbox cleanup ---- */
.navbox {
  border: none;
  background: transparent;
  font-size: 0.95em;
}

.navbox th,
.navbox td {
  border: none;
  background: transparent;
}

/* Title  */
.navbox .navbox-title {
  background: transparent;
  border: none;
  text-align: left;
  font-size: 1.25em;
  font-weight: bold;
  padding: 0.4em 0 0.6em 0;
}

/* Hide V · T · E links */
.navbox .navbox-title .navbar {
  display: none;
}

/* Group headings H2-like */
.navbox th.navbox-group {
  text-align: left;
  font-size: 1.1em;
  font-weight: bold;
  padding: 0.6em 0 0.3em 0;
  border-bottom: 1px solid #c8ccd1;
  vertical-align: top;
}

/* Subgroup headings (level 2 – H3) */
.navbox .navbox-subgroup th.navbox-group {
  font-size: 1.0em;
  font-weight: bold;
  padding: 0.5em 0 0.2em 0;
  border-bottom: none;
}

/* Subgroup headings (level 3 – H4) */
.navbox .navbox-subgroup .navbox-subgroup th.navbox-group {
  font-size: 1.0em;
  font-weight: bold;
  padding: 0.5em 0 0.2em 0;
  border-bottom: none;
}

/* List container */
.navbox td.navbox-list {
  padding: 0.2em 0 0.6em 1.2em;
}

/* Middot diddling */
/* 1. Remove literal middot separators by hlist */
.navbox .hlist .mw-list-item-separator {
  display: none;
}

/* 2 Remove original <li> box from layout */
.navbox td.navbox-list li {
  display: contents;
}

/* 3. Make each link its own vertical bullet */
.navbox td.navbox-list a {
  display: list-item;
  list-style-type: disc;
  margin: 0.25em 0;
  line-height: 1.4;
}

/* Disable horizontal list behavior */
.navbox .hlist,
.navbox .nowrap {
  white-space: normal;
}

/* Remove navbox footers */

.navbox .navbox-abovebelow,
.navbox .navbox-below {
  display: none;
}