@@ Line 393: / Line 393: @@
   * comment above.
   */
+/*******************
+ * Navboxes
+ *******************/
+/*
+* CSS Vars
+* Note: The linter will throw an error. See [https://community.fandom.com/wiki/Help:Advanced_CSS_and_JS#Common_issues this page] for more info.
+*/
+.navbox {
+    --navbox-bg-color: var(--theme-page-background-color);
+    --navbox-text-color: var(--theme-page-text-color);
+    --navbox-title-color: rgba(var(--theme-accent-color--rgb, rgb(102, 102, 102)), 0.5);
+    --navbox-header-color: rgba(var(--theme-accent-color--rgb, rgb(102, 102, 102)), 0.3);
+    --navbox-alt-color: rgba(var(--theme-accent-color--rgb, rgb(85, 85, 85)), 0.1);
+    --navbox-border-color: var(--theme-border-color)
+}
+.navbox {
+    width: 100%;
+    background: var(--navbox-bg-color, white);
+    color: var(--navbox-text-color, black);
+    margin: 1em auto;
+    font-size: 84%;
+    clear: both;
+    padding: 2px;
+    border-spacing: 0;
+    border: 1px solid var(--navbox-border-color, #AAA);
+}
+/* Merges navboxes that are directly under eachother */
+.navbox + .navbox {
+    margin-top: -11px;
+}
+.navbox .navbox-title {
+    background: var(--navbox-title-color, #CCF);
+    color: var(--navbox-text-color, black);
+    font-weight: bold;
+}
+.navbox .navbox-vde {
+    float:left;
+    width:65px;
+}
+.navbox .navbox-title-padright {
+    padding-right: 65px;
+}
+.navbox .navbox-title-padleft {
+    padding-left: 65px;
+}
+.navbox .navbox-subgroup {
+    border-spacing: 0;
+    width: 100%;
+}
+.navbox .navbox-gutter {
+    height: 2px;
+}
+.navbox .navbox-subgroup .navbox-gutter {
+    background: var(--navbox-bg-color, white);
+}
+.navbox .navbox-section-row > td {
+    padding: 0;
+    height: 100%;
+}
+.navbox .navbox-section {
+    width: 100%;
+    border-spacing: 0;
+}
+.navbox .navbox-above,
+.navbox .navbox-below {
+    background: var(--navbox-header-color, #DDF);
+    text-align: center;
+}
+.navbox .navbox-image {
+    background: var(--navbox-bg-color, white);
+    text-align: center;
+}
+.navbox .navbox-group,
+.navbox .navbox-header {
+    background: var(--navbox-header-color, #DDF);
+    color: var(--navbox-text-color, black);
+    font-weight: bold;
+    height: 100%;
+    padding: 2px 4px;
+}
+.navbox .navbox-header-collapsible {
+    padding-left: 65px;
+}
+.navbox .navbox-group {
+    text-align: right;
+    padding-left: 1em;
+    padding-right: 1em;
+    white-space: nowrap;
+}
+.navbox .navbox-group,
+.navbox .navbox-image-left {
+    border-right: 2px solid var(--navbox-bg-color, white);
+}
+.navbox .navbox-image-right {
+    border-left: 2px solid var(--navbox-bg-color, white);
+}
+.navbox .navbox-list {
+    background: var(--navbox-bg-color, white);
+    color: var(--navbox-text-color, black);
+    width: 100%;
+    height: 100%;
+    padding: 0;
+}
+.navbox .alt > .navbox-list {
+    background: var(--navbox-alt-color, #F7F7F7);
+}
+.navbox .navbox-list div {
+    padding: 0px 4px;
+}
+.navbox .navbox-list.no-group {
+    text-align: center;
+    padding-top: 2px;
+    padding-bottom: 2px;
+}
+.navbox .mw-collapsible-toggle {
+    width: 65px;
+}
+/* hlist */
+.hlist dl,
+.hlist ol,
+.hlist ul {
+	margin: 0;
+	padding: 0;
+}
+/* Display list items inline */
+.hlist dd,
+.hlist dt,
+.hlist li {
+	margin: 0; /* don't trust the note that says margin doesn't work with inline
+				* removing margin: 0 makes dds have margins again */
+	display: inline;
+}
+/* Display nested lists inline */
+.hlist.inline,
+.hlist.inline dl,
+.hlist.inline ol,
+.hlist.inline ul,
+.hlist dl dl,
+.hlist dl ol,
+.hlist dl ul,
+.hlist ol dl,
+.hlist ol ol,
+.hlist ol ul,
+.hlist ul dl,
+.hlist ul ol,
+.hlist ul ul {
+	display: inline;
+}
+/* Hide empty list items */
+.hlist .mw-empty-li {
+	display: none;
+}
+/* Generate interpuncts */
+.hlist dt:after {
+	content: ": ";
+}
+.hlist dd:after,
+.hlist li:after {
+	content: " · ";
+	font-weight: bold;
+}
+.hlist dd:last-child:after,
+.hlist dt:last-child:after,
+.hlist li:last-child:after {
+	content: none;
+}
+/* Add parentheses around nested lists */
+.hlist dd dd:first-child:before,
+.hlist dd dt:first-child:before,
+.hlist dd li:first-child:before,
+.hlist dt dd:first-child:before,
+.hlist dt dt:first-child:before,
+.hlist dt li:first-child:before,
+.hlist li dd:first-child:before,
+.hlist li dt:first-child:before,
+.hlist li li:first-child:before {
+	content: " (";
+	font-weight: normal;
+}
+.hlist dd dd:last-child:after,
+.hlist dd dt:last-child:after,
+.hlist dd li:last-child:after,
+.hlist dt dd:last-child:after,
+.hlist dt dt:last-child:after,
+.hlist dt li:last-child:after,
+.hlist li dd:last-child:after,
+.hlist li dt:last-child:after,
+.hlist li li:last-child:after {
+	content: ")";
+	font-weight: normal;
+}
+/* Put ordinals in front of ordered list items */
+.hlist ol {
+	counter-reset: listitem;
+}
+.hlist ol > li {
+	counter-increment: listitem;
+}
+.hlist ol > li:before {
+	content: " " counter(listitem) "\a0";
+}
+.hlist dd ol > li:first-child:before,
+.hlist dt ol > li:first-child:before,
+.hlist li ol > li:first-child:before {
+	content: " (" counter(listitem) "\a0";
+}

MediaWiki:Common.css: Difference between revisions