Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
.navbox {
line-height: 120%;
margin: .5em 0;
clear: both;
overflow: hidden;
}
/* Structure */
.navbox-table-wrapper {
margin: -3px; /* spacing */
margin-top: 0;
overflow: hidden;
}
.navbox-table-wrapper:first-child,
.navbox-section-wrapper:first-child {
margin-top: -3px; /* spacing */
}
.navbox-table {
border-collapse: separate;
width: 100%;
margin: 0;
padding: 0;
border: none;
border-spacing: 3px; /* spacing */
}
.navbox-table td {
margin: 0;
padding: 0;
}
.navbox-section {
margin: 3px 0; /* spacing */
overflow: hidden;
}
.navbox-section:first-child {
margin-top: 0;
}
.navbox-section:last-child {
margin-bottom: 0;
}
/* Title and section headers */
.navbox-title {
font-size: 110%;
text-align: center;
font-weight: bold;
padding: .2em 2em;
position: relative;
}
.navbox-header {
text-align: center;
font-weight: bold;
padding: .2em 2em;
position: relative;
}
.navbox-template-links {
line-height: 190%;
font-size: 80%;
font-weight: normal;
text-align: left;
width: 5em;
padding: 0;
position: absolute;
top: 0;
left: .6em;
}
.navbox > .mw-collapsible-toggle,
.navbox-section > .mw-collapsible-toggle {
float: none;
text-align: center;
cursor: pointer;
}
.navbox > .mw-collapsible-toggle::after,
.navbox-section > .mw-collapsible-toggle::after {
display: inline-block;
content: '';
position: absolute;
top: 50%;
right: .6em;
margin-top: -2px;
border-color: #000;
border-color: currentColor;
border-style: solid;
border-width: 2px 2px 0 0;
height: 4px;
width: 4px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.navbox > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed::after,
.navbox-section > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed::after {
margin-top: -4px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
transform: rotate(135deg);
}
/* Fields */
.navbox-above,
.navbox-below {
text-align: center;
padding: 0;
}
.navbox-list {
text-align: left;
padding: 0;
vertical-align: top;
}
.navbox-group,
.navbox-subgroup {
text-align: center;
padding: 0;
}
.navbox-image {
width: 1px;
vertical-align: top;
}
.navbox-table .navbox-padding {
padding: .2em .3em;
}
/* Table layout */
.navbox-table-layout {
margin: -3px; /* spacing */
margin-top: 0;
}
.navbox-table-layout .navbox-group,
.navbox-table-layout .navbox-subgroup {
text-align: right;
white-space: nowrap;
width: 1px;
}
.navbox-nogroup {
text-align: center;
}
/* Horizontal layout */
.navbox-horizontal-layout {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
margin-right: -3px; /* spacing */
}
.navbox-col {
flex: 1 0 auto;
margin-top: 3px; /* spacing */
display: flex;
flex-direction: column;
box-sizing: border-box;
}
.navbox-col .navbox-group {
text-align: center;
margin-bottom: 3px; /* spacing */
margin-right: 3px; /* spacing */
}
.navbox-col .navbox-list {
margin-right: 3px; /* spacing */
text-align: center;
flex: 1 0 auto;
}
/* Disable scrollable table when width exceeds article space */
.navbox-table-wrapper > .table-wide > .table-wide-inner,
.navbox-section-wrapper > .table-wide > .table-wide-inner {
margin: 0;
}
.navbox-table-wrapper > .table-wide::before,
.navbox-section-wrapper > .table-wide::before {
display: none;
}
.navbox-table-wrapper .fl-scrolls,
.navbox-table-layout .fl-scrolls {
overflow: visible !important;
}
/* Temp fix for inline elements inside links skipping the link for click action */
.navbox-title.mw-collapsible-toggle a > *,
.navbox-header.mw-collapsible-toggle a > * {
pointer-events: none;
}