MediaWiki:Common.css

/* Import Raleway font */ @import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); @import url('/load.php?mode=articles&only=styles&articles=u:dev:MediaWiki:Module:Documentation.css|MediaWiki:Common.css/MessageBox.css|u:dev:MediaWiki:InterlanguageFlags.css');

/* ===================    2. VARIABLES =================== */

.skin-fandomdesktop { /* Both themes. */	--tv5-font-family: 'Raleway', sans-serif; --tv5-red: #dc000c; --tv5-red--rgb: 220,0,12; }

/* Mark redirects in Special:Allpages and Special:Watchlist */ .allpagesredirect { font-style: italic; } .allpagesredirect:after { color: #808080; content: " (redirect)" } .watchlistredir { font-style: italic; }

/** * Mark staff */ a[href$=":MajaSalvadorTV5"], a[href$="/MajaSalvadorTV5"], a[href$=":LisaLalisaa"], a[href$="/LisaLalisaa"], a[href$=":PhilipBanicoBarquilla"], a[href$="/PhilipBanicoBarquilla"] { color: var(--tv5-red); font-weight: 700; }

a[href$=":TheRafaMarc15"], a[href$="/TheRafaMarc15"] { color: #d4af37; font-weight: 700; }

a[href$=":Jskylinegtr"], a[href$="/Jskylinegtr"], a[href$=":TeaserMediaPH30"], a[href$="/TeaserMediaPH30"] { color: #7f00ff; font-weight: 700; }

a[href$=":Harleyanonuevo"], a[href$="/Harleyanonuevo"] { color: #228B22; font-weight: 700; }

/* Reduce opacity on hover (former staff) */ a[href$=":PhilipBanicoBarquilla"], a[href$="/PhilipBanicoBarquilla"] { opacity: 0.75; }

/* Change fonts from Rubik (FandomDesktop default) to Raleway. */ .page-content, .page, .page-header, .right-rail-wrapper, .resizable-container, .mw-headline, .page-content h1, .page-content h2, .page-content h3, .page-content h4, .page-content h5, .page-content h6, .fandom-community-header, .fandom-sticky-header, .ve-fd-header, #WikiaBar, .wds-tooltip, .popover, .notifications-placeholder, .search-modal, .postedit-container, .WikiaLightbox { font-family: var(--tv5-font-family) !important; } .page-header__title, .mw-headline, .page-content h1, .page-content h2, .page-content h3, .page-content h4, .page-content h5, .page-content h6, .fandom-community-header__community-name, .page-counter { font-weight: bold !important; } /* Also change font in dialogs */ .oo-ui-defaultOverlay, .oo-ui-windowManager, .wds-dialog__curtain, .suggestions, .ui-dialog, .ui-widget, .wikiEditor-toolbar-dialog.ui-dialog, .mw-rcfilters-ui-overlay {   font-family: var(--tv5-font-family) !important; }

.page__main, .page__right-rail { border-radius: unset !important; }

/* White logo on sticky nav. .theme-fandomdesktop-light .fandom-sticky-header__logo img { content: url(https://static.wikia.nocookie.net/tv5network/images/7/77/IBAsa5whitelogo.png/revision/latest); }

.theme-fandomdesktop-dark .fandom-sticky-header__logo img { content: url(https://static.wikia.nocookie.net/tv5network/images/8/87/IBA_sa_5.png/revision/latest); }

/** Red text on dark theme sticky nav. .theme-fandomdesktop-dark .fandom-sticky-header__sitename, .theme-fandomdesktop-dark .fandom-sticky-header .fandom-community-header__local-navigation .wds-tabs .wds-dropdown .wds-tabs__tab-label a, .theme-fandomdesktop-dark .fandom-sticky-header .fandom-community-header__local-navigation .first-level-item .wds-icon, .theme-fandomdesktop-dark .fandom-sticky-header .wiki-tools .wds-button { color: var(--tv5-red) !important; }

/* Hide the pencil icon and only show it on hover. (Credits to MNL48 Wiki) */ .page-content :is(h2, h3, h4, h5, h6) .mw-editsection a { opacity: 0; transition-property: opacity, color; transition-duration: .6s; transition-timing-function: ease; } .page-content :is(h2, h3, h4, h5, h6):hover .mw-editsection a { opacity: 1; transition-property: opacity, color; transition-duration: .6s; transition-timing-function: ease; } .mw-editsection a { color: var(--theme-link-color) !important; transition: color .3s; } .mw-editsection a:hover { color: var(--theme-link-color--hover) !important; transition: color .3s; }

/* Custom button credits to (G)I-dle Wiki */ .button2 { display: inline-block; border: none; color: #FFFFFF; text-align: center; font-size: 18px; letter-spacing: 2px; transition: all 0.5s; cursor: pointer; width: 250px; background: var(--tv5-red); border-radius:30px; padding-top:4px; padding-bottom:4px; margin-bottom: 2px; box-shadow: 2px 2px 25px var(--tv5-red); text-transform: lowercase; }

.button2 span { cursor: pointer; display: inline-block; position: relative; transition: 0.5s; }

.button2 span:after { content: '➜'; position: absolute; opacity: 0; top: 0; right: -20px; transition: 0.5s; }

.button2:hover span { padding-right: 25px; }

.button2:hover span:after { opacity: 1; right: 0; }

/* Footer adjustments */ /*** Boost page loading performance. (Credits to Hollow Knight Wiki.) ***/ content-visibility: auto; contain-intrinsic-size: 2222px; } /** More squared **/ border-radius: 0 !important; } /** Change header styling **/ color: var(--theme-page-text-color); text-transform: uppercase; } /** Changes circle color **/ color: var(--theme-accent-label-color); background-color: var(--theme-accent-color); }	background: var(--theme-accent-color); } /** Rounded images on footer **/ position: relative; border: none; border-radius: 24px; overflow: hidden; }
 * 1) mixed-content-footer {
 * 1) mixed-content-footer {
 * 1) mixed-content-footer .mcf-header {
 * 1) mixed-content-footer .mcf-card-wiki-articles__circle {
 * 1) mixed-content-footer .mcf-card-wiki-articles__header,
 * 2) mixed-content-footer .mcf-card-related-wikis__header {
 * 1) mixed-content-footer .mcf-wrapper .mcf-content .mcf-mosaic .mcf-column .mcf-card {

/* Light and dark mode Twitter widget settings */ .theme-fandomdesktop-dark .twtlight { display: none; } .theme-fandomdesktop-light .twtdark { display: none; }

/* Main page CSS credits to ABC Wiki */ .mainpage-wrap-gallery .wikia-gallery-item .thumb .gallery-image-wrapper { border-width: 0px; border-radius: 100%; box-shadow: 0 0 4px #111; } .mainpage-wrap-gallery .wikia-gallery-item .thumb .gallery-image-wrapper:hover { box-shadow: 0 0 5px #aac, 0 0 20px var(--theme-personality-portal-image-glow-color-on-hover); }

.rectangle-gallery-images .wikia-gallery-item .thumb .gallery-image-wrapper { border-radius: 18px; box-shadow: 0 0 4px #111; }

/* ======================    6. ARTICLE ELEMENTS ====================== */

/* Message box */ .mbox { display: flex; position: relative; background-color: var(--theme-page-background-color); border-left-width: 8px; border-left-style: solid; border-left-color: var(--theme-accent-color); border-radius: 3px; margin-bottom: 5px; min-height: 32px; box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12); }

.mbox__content { display: table; box-sizing: border-box; width: 100%; padding: 8px 15px; }

.mbox__content__image { display: table-cell; width: 40px; height: 100%; text-align: center; vertical-align: middle; padding-right: 15px; }

.mbox__content__wrapper { display: table-cell; vertical-align: middle; }

.mbox__content__header { display: block; font-weight: bold; font-size: 20px; }

.mbox__content__text { display: block; }

.mbox__content__text__comment { font-size: small; }

.mbox__content__aside { display: table-cell; width: 100px; vertical-align: middle; text-align: center; padding-left: 15px; border-left: 1px solid #d6d6d6; }

.mbox__close { position: absolute; right: 0; top: 0; padding: 2px 7px; font-weight: normal; font-size: 13px; color: var(--theme-link-color); cursor: pointer; transition: all .15s ease-out; transform: rotate(90deg); font-family: monospace; }

.mbox__close:after { content: "‹"; }

.mbox__close:hover { color: var(--theme-link-color--hover); } .mw-collapsed + .mbox__close { padding: 2px 7px; transform: rotate(90deg); }

.mw-collapsed + .mbox__close:after { content: "›"; }

/* Ensure text is readable in the FandomDesktop dark theme. */ .theme-fandomdesktop-dark .mbox { background-color: var(--theme-page-background-color--secondary); } .theme-fandomdesktop-dark .mbox__content__aside { border-color: var(--theme-border-color); }

/* Infobox */ .portable-infobox { border-radius: 24px; border: 2px solid var(--theme-accent-color); float: right; overflow: hidden; }

.portable-infobox .pi-title { font-size: 14px; }

.portable-infobox .pi-header { font-size: 13px; }

.portable-infobox .pi-title, .portable-infobox .pi-header, .portable-infobox .pi-horizontal-group .pi-header { color: var(--theme-accent-label-color); font-weight: bold; text-align: center; background-color: var(--theme-accent-color); }

.portable-infobox .pi-caption { text-align: center; font-style: normal; }

.portable-infobox .pi-item[data-source=caption] { font-size: 85%; text-align: center; justify-content: center; } .portable-infobox .pi-navigation { text-align: center; color: var(--theme-accent-label-color); background-color: var(--theme-accent-color); } .portable-infobox .pi-navigation a { color: var(--theme-accent-label-color); }

/* Citations */ /* Make the list of references smaller */ ol.references { font-size: 90%;           /* Default font-size */ margin-bottom: 0.5em; }

/* This custom footnotes like Wikipedia */ .reflist-lower-alpha { /* Default. */   list-style: lower-alpha; list-style-type: lower-alpha; } .reflist-upper-alpha { list-style: upper-alpha; list-style-type: upper-alpha; } .reflist-lower-roman { list-style: lower-roman; list-style-type: lower-roman; } .reflist-upper-alpha { list-style: upper-roman; list-style-type: upper-roman; }

/* Ref begin */ .refbegin { font-size: 90%; margin-bottom: 0.5em; }

.refbegin-hanging-indents > ul { margin-left: 0; }

.refbegin-hanging-indents > ul > li { margin-left: 0; padding-left: 3.2em; text-indent: -3.2em; }

.refbegin-hanging-indents ul, .refbegin-hanging-indents ul li { list-style: none; }

@media (max-width: 720px) { .refbegin-hanging-indents > ul > li { padding-left: 1.6em; text-indent: -1.6em; } }

.refbegin-columns { margin-top: 0.3em; }

/* Reset top margin for lists embedded in columns */ .refbegin-columns ul { margin-top: 0; }

/* Avoid elements breaking between columns */ .refbegin-columns li { page-break-inside: avoid; /* Removed from CSS in favor of break-inside c. 2020 */ break-inside: avoid-column; }

/* Table cells */ .theme-fandomdesktop-dark .table-na, .theme-fandomdesktop-dark .table-unknown { background-color: #2C2C2C !important; color: #ececec !important; }

.theme-fandomdesktop-dark .table-yes { background-color: #003500 !important; color: #fff !important; }

.theme-fandomdesktop-dark .table-no { background-color: #400000 !important; color: #fff !important; }

.theme-fandomdesktop-dark .table-maybe { background-color: #1a1a00 !important; color: #fff !important; }

.theme-fandomdesktop-dark .table-rarely { background-color: #261600 !important; color: #fff !important; }

/* Table dark theme */ .theme-fandomdesktop-dark .darkbackground1 td, .theme-fandomdesktop-dark .darkbackground1 tr, .theme-fandomdesktop-dark .darkbackground1 { background-color:#00007b !important; }

/* Table dark theme */ .theme-fandomdesktop-dark .darkbackground2 td, .theme-fandomdesktop-dark .darkbackground2 tr, .theme-fandomdesktop-dark .darkbackground2 { background-color:#000043 !important; }

/* Ensure that the templates have text readable on FandomDesktop dark theme */ .theme-fandomdesktop-dark .article-navbar, .theme-fandomdesktop-dark .site-maintenance-notice, .theme-fandomdesktop-dark .card { background-color: #3A3A3A !important; color: #e6e6e6 !important; }

.theme-fandomdesktop-dark .image-toc { border-color: white !important; background: var(--theme-page-background-color--secondary) !important; }

/* Inline tag templates, like citation needed */ .inline-tag, .link-color { color: var(--theme-link-color); }

/*** Icons template, credits to Wookieepedia ***/ /* "printable version" tweaks */ @media print { /* tweaks for title-messing templates */ #icons { display: none!important; visibility: hidden !important } }

/* Add tiny bit of padding between the Eras icons and the Edit button dropdown */
 * 1) icons { padding-bottom: 2px; }

/* Spacing for Top icons */ vertical-align: middle; margin: 8px 5px 0px 5px; margin-right: -8px !important; }
 * 1) icons img {

/*#icons { position: static !important; }

height: 23px; width: 23px; } }*/
 * 1) icons img {

/* spacing */
 * 1) icons { white-space: nowrap; }

/* Eraicons edits */ .theme-fandomdesktop-dark #icons img[data-image-name="Premium-Era-real.png"] { filter: invert(1); }

.skin-fandomdesktop #icons { margin-right: 5px; }

/******************* * Navboxes *******************/ /* .navbox { --navbox-bg-color: white; --navbox-text-color: black; --navbox-title-color: #CCF; --navbox-header-color: #DDF; --navbox-alt-color: #f7f7f7; --navbox-border-color: #AAA; } .navbox { width: 100%; background: var(--navbox-bg-color); color: var(--navbox-text-color); margin: 1em auto; font-size: 84%; clear: both; padding: 2px; border-spacing: 0; border: 1px solid var(--navbox-border-color); }
 * CSS Vars
 * Note: The linter will throw an error. See this page for more info.

/* Merges navboxes that are directly under eachother */ .navbox + .navbox { margin-top: -11px; }

.navbox .navbox-title { background: var(--navbox-title-color); color: var(--navbox-text-color); 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); }

.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); text-align: center; }

.navbox .navbox-image { background: var(--navbox-bg-color); text-align: center; }

.navbox .navbox-group, .navbox .navbox-header { background: var(--navbox-header-color); color: var(--navbox-text-color); font-weight: bold; height: 100%; padding: 2px 4px; }

.navbox .navbox-header-collapsible { padding-left: 65px; }

.navbox .navbox-group { text-align: right; padding-right: 1em; min-width: 150px; }

.navbox .navbox-group, .navbox .navbox-image-left { border-right: 2px solid var(--navbox-bg-color); }

.navbox-image-right { border-left: 2px solid var(--navbox-bg-color); }

.navbox .navbox-list { background: var(--navbox-bg-color); color: var(--navbox-text-color); width: 100%; height: 100%; padding: 0; }

.navbox .alt > .navbox-list { background: var(--navbox-alt-color); }

.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; }

.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;      /* Adjust hlist padding in navboxes */ }

/* Round corners on Special:Community */ .community-page-card-module-header, .community-page-card-module { border-radius: 40px 40px / 40px 40px; }

/* Error page */ background: #fff; border: 3px solid var(--tv5-red); }
 * 1) err {

.theme-fandomdesktop-dark #err { background: var(--tv5-red); color: #fff; }

.theme-fandomdesktop-dark #errimg img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }

/* TOC / Table of Contents */ .toc:not(.sticky-toc) { background-color: var(--theme-page-background-color--secondary); border: 0; } .toc .toc-title, .toc .toctitle h2 { font-weight: bold; }

/* Centered tabs */ text-align: center; justify-content: center; }
 * 1) centered-tabs > .wds-tabber .wds-tabs__wrapper .wds-tabs {

/* ===================    10. MISCELLANEOUS =================== */

/** Hovers **/ .increase img { opacity: 1; filter: alpha(opacity=100); transition: all 0.6s ease; } .increase img:hover { opacity: 0.8; filter: alpha(opacity=80); transform:scaleX(1.05) scaleY(1.05); }

.hoverimage img { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; opacity: 1; filter: alpha(opacity=100); } .hoverimage img:hover { opacity: 0.5; filter: alpha(opacity=50); transform:scaleX(0.95) scaleY(0.95); } .grayscalehover { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .grayscalehover:hover { -webkit-filter: grayscale(100%); filter: grayscale(100%); }

.hoverspin img { opacity: 1; filter: alpha(opacity=100); transition: all 0.6s ease; } .hoverspin img:hover { opacity: 0.5; filter: alpha(opacity=50); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }

/** Rotate **/ .rotate img { opacity: 1; filter: alpha(opacity=100); transition: all 1.5s ease; }

.rotate img:hover { opacity: 0.5; filter: alpha(opacity=50); -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -o-transform: rotateY(360deg); -ms-transform: rotateY(360deg); transform: rotateY(360deg); }

/* Red color settings */ .red { color: var(--tv5-red); }

.theme-fandomdesktop-dark .red { color: #f3a0a5; }

color: var(--tv5-red); }
 * 1) red {

/* Tweak pre */ pre, .pre { background-color: rgba(183,183,183,0.23); border: 1px solid rgba(156, 156, 156, 0.4); color: inherit; padding: 1px 4px; font-family: monospace; }

/* Category add notice (From The Family Guy Wiki) */ .CategorySelect.editMode > .toolbar:before { display: block; content: "Please consult an administrator or a moderator before adding a new category."; float: left; color: var(--theme-link-color); line-height: 1.7em; }

/* xt and !xt templates */ .xt-green { color: #006400; }

.xt-red { color: #8B0000; }

.theme-fandomdesktop-dark .xt-green { color: #99ff99; }

.theme-fandomdesktop-dark .xt-red { color: #f3a0a5; }

/* Red color */ .theme-fandomdesktop.dark .red { color: #f3a0a5; }

/* make code tags more prominent (and match pre tags) */ code, .code { background-color: rgba(183,183,183,0.23); border: 1px solid rgba(156, 156, 156, 0.4); color: inherit; padding: 1px 4px; font-family: monospace; }

/* Hatnotes and disambiguation notices */ .hatnote { font-style: italic; } .hatnote i { font-style: normal; } div.hatnote { padding-left: 1.6em; margin-bottom: 0.5em; } div.hatnote + div.hatnote { margin-top: -0.5em; }

/* Shortcut templates */ .shortcut { background: var(--theme-page-background-color--secondary); border: 1px solid var(--theme-border-color); border-radius: 6px; }

/* Center element */ .center { text-align: center; margin-left: auto; margin-right: auto; display: block; }

/* Invert image IDs */ .theme-fandomdesktop-light #invert-light img { filter: invert(1); }

.theme-fandomdesktop-dark #invert-dark img { filter: invert(1); }

/* Notification messages */ /*** Edit was saved ***/ .postedit-container { right: 0; left: auto; } .postedit-container .postedit { top: 60px; color: var(--theme-success-color); background-color: white; border-radius: 8px; border: none; margin: 0; padding: 7px 18px; box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12); font-weight: bold; transition: none !important; max-width: 672px; } .postedit-container .postedit:after { display: none; } .postedit-container .postedit .postedit-content { line-height: inherit; } /** Dark theme fix. **/ .theme-fandomdesktop-dark .postedit-container .postedit { background-color: black; }

/** Banner notifications. **/ .wds-banner-notification, .wds-banner-notification__text, .wds-banner-notification__close { border: none; } .wds-banner-notification { box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12); border: none; border-radius: 8px; } .wds-banner-notification__text, .wds-banner-notification__text a { font-weight: bold; } .wds-banner-notification.wds-success .wds-banner-notification__text, .wds-banner-notification.wds-success .wds-banner-notification__close, .banner-notifications-placeholder .wds-banner-notification.wds-success { background-color: #009A17; color: white; } .wds-banner-notification.wds-message .wds-banner-notification__text, .wds-banner-notification.wds-message .wds-banner-notification__close, .banner-notifications-placeholder .wds-banner-notification.wds-message { background-color: #520044; color: white; } .wds-banner-notification.wds-warning .wds-banner-notification__text, .wds-banner-notification.wds-warning .wds-banner-notification__close, .banner-notifications-placeholder .wds-banner-notification.wds-warning { background-color: #ffc500; color: black; } .wds-banner-notification.wds-alert .wds-banner-notification__text, .wds-banner-notification.wds-alert .wds-banner-notification__close, .banner-notifications-placeholder .wds-banner-notification.wds-alert { background-color: var(--tv5-red); color: white; }

/*** Yellow links. ***/ .wds-banner-notification a { color: #ffc500; } .wds-banner-notification a:hover { color: #ffdc65; } .wds-banner-notification.wds-warning a { color: #9b004e !important; } .wds-banner-notification.wds-warning a:hover { color: #35001a !important; }

/*** Dropping the icons. ***/ .postedit-icon-checkmark { background-image: none; } .postedit-icon { padding: 0; line-height: 1; } .wds-banner-notification__icon { display: none; }

/* Toolbar */ .WikiaBarWrapper, .WikiaBarCollapseWrapper { bottom: 0; font-weight: bold; } .WikiaBarWrapper, .WikiaBarCollapseWrapper .wikia-bar-collapse { border-radius: 12px 12px 0 0; box-shadow: 0px 0px 5px #0009; }

/* Popovers */ .popover { border-radius: 6px; background-color: var(--theme-page-background-color--secondary); color: var(--theme-page-text-color); border: none; } .popover > .arrow { display: none; visibility: hidden; } .popover-header { font-weight: bold; color: var(--theme-page-text-color); } .popover-body { color: var(--theme-page-text-color); font-weight: 500; }

/* Style for horizontal lists (separator following item). @source mediawiki.org/wiki/Snippets/Horizontal_lists @revision 8 (2016-05-21) @author User:Edokter */ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; }

/* Display list items inline */ .hlist dd, .hlist dt, .hlist ul li, .toc.hlist li a { 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: ": "; }

/** * Note hlist style usage differs in Minerva and is defined in core as well! * Please check Minerva desktop (and Minerva.css) when changing * See https://phabricator.wikimedia.org/T213239 */ .hlist dd:after, .hlist li:after { content: " • "; }

.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 { content: " (" counters(tocitem, ".") " ";	font-weight: normal; }

.hlist .toc li li:first-child:before { content: " • (" counters(tocitem, ".") " ";	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"; }

/* ...unless they also use the hlist class */ .toc.hlist ul, .wikitable.hlist td ul, .wikitable.hlist td ol, .wikitable.hlist td dl { text-align: inherit; } /* Hlist TOCs */ .hlist .toc ul { max-width: none; } .hlist .toc ul li { margin-left: 0; } .hlist .toc ul li a { display: inline; padding: 0; } .hlist .toc li li:first-child:before { content: "("; } .hlist .toc li li:last-child:after {	content: ")"; }
 * 1) toc.hlist ul,

/* Unbulleted lists */ .plainlist ol, .plainlist ul { line-height: inherit; list-style: none none; margin: 0; }

.plainlist ol li, .plainlist ul li { margin-bottom: 0; }

/* Tweak wikitable hlist problem */ .wikitable .hlist dd dd:first-child:before, .wikitable .hlist dd dt:first-child:before, .wikitable .hlist dd li:first-child:before, .wikitable .hlist dt dd:first-child:before, .wikitable .hlist dt dt:first-child:before, .wikitable .hlist dt li:first-child:before, .wikitable .hlist li dd:first-child:before, .wikitable .hlist li dt:first-child:before, .wikitable .hlist li li:first-child:before { content: "(";	font-weight: normal; }

/* Do the same for hlist in navboxes */ .navbox .hlist dd dd:first-child:before, .navbox .hlist dd dt:first-child:before, .navbox .hlist dd li:first-child:before, .navbox .hlist dt dd:first-child:before, .navbox .hlist dt dt:first-child:before, .navbox .hlist dt li:first-child:before, .navbox .hlist li dd:first-child:before, .navbox .hlist li dt:first-child:before, .navbox .hlist li li:first-child:before { content: "(";	font-weight: normal; }

/* Styling for Template:Nobold */ .nobold { font-weight: normal; }

/* Styling for Template:Noitalic */ .noitalic { font-style: normal; }

/** TOC tweaks **/ /***  Allow limiting of which header levels are shown in a TOC; , for instance, will limit to  showing ==headings== and ===headings=== but no further (as long as there are no =headings= on the page, which  there shouldn't be according to the MoS). */ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; }

.nonum .tocnumber { display: none; }

.mw-parser-output div.toc[role=navigation] ul li:before, .mw-parser-output div.toc[role=navigation] ul ul li:before { content: ""; counter-increment: tocitem; }

/* == END OF CSS STYLING == */