MediaWiki:Common.css

/* CSS placed here will be applied to all skins */ /* Hide pagetools icons and show text on mobile */ font-size: 14px; }   display: none; } /* Remove page header and edit link on front page */ body.page-NU_carnival_Wiki .page-actions { display: none; } body.page-NU_carnival_Wiki .mw-body-header { display: none; } body.page-NU_carnival_Wiki .mw-editsection, body.page-NU_carnival_Wiki #catlinks { display: none !important; } /* Remove unused footer link */ footer #footer-places-about, footer #footer-places-disclaimer { display: none; } /* Fix table display on mobile */ table { display: table; } /* Dropdown Button */ .dropdown { position: relative; display: inline-block; } .dropdown-content { margin-top: 4px; display: none; position: absolute; background-color: #f1f1f1; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; } .dropdown-content a { font-size: 90%; padding: 5px 10px; text-decoration: none; display: block; } /* Change color of dropdown links on hover */ .dropdown-content a:hover {background-color: #ddd;} /* Show the dropdown menu on hover */ .dropdown:hover .dropdown-content {display: block;} /* Change the background color of the dropdown button when the dropdown content is shown */ .dropdown:hover .tabContainer > div { background-color: #3e8e41; } /* Marginless header */ .mw-body-content h5,.citizen-body h6,.mw-body-content h6{ margin-top:0rem } /* Remove external link icons */ a.external.text { background: none; padding-right: 0; } /* Tab spacing */ .mw-parser-output div .tabContainer { padding-bottom: 0em; } .w-100 { width:100% } .justify-center { justify-content:center } .flex { display: flex } .inline-flex { display: inline-flex } .flex-auto { flex: 1 1 auto; min-width: 0; min-height: 0 } .flex-none { flex: none } .flex-column { flex-direction: column } .flex-row { flex-direction: row } .flex-wrap { flex-wrap: wrap } .flex-nowrap { flex-wrap: nowrap } .flex-wrap-reverse { flex-wrap: wrap-reverse } .flex-column-reverse { flex-direction: column-reverse } .flex-row-reverse { flex-direction: row-reverse } /* spoiler hover */ .spoiler { filter: blur(4px); } .spoiler:hover { filter: blur(0); } /* Tabs */ .tabContainer { display: flex; flex-wrap: wrap; padding: 0.2em; justify-content: center; gap: .2em; } .tabContainer > div { border: 1px solid transparent; background-color: #EAECF0; color: black; padding: 0.2em .4em 0.2em; margin-right: 5px; border-radius: 3px; } /* Infobox styling */ .portable-infobox .pi-header a { text-decoration: none; border-bottom: 1px dotted; } .portable-infobox { width: 340px; } .portable-infobox .pi-title { text-align: center; } .portable-infobox .pi-image-thumbnail { max-width: 340px; height: auto; max-height: 340px; object-fit: contain; } .portable-infobox .pi-item-spacing { padding: 3px 10px; border: 0px; } .portable-infobox .pi-title { font-size: 150% } .portable-infobox .pi-data-label { font-size: 95% } .portable-infobox .pi-header { font-size: 105%; } /* Remove main page title */ body.page-NU_carnival_Wiki h1#firstHeading, body.page-NU_carnival_Wiki #siteSub, body.page-NU_carnival_Wiki #contentSub, body.page-NU_carnival_Wiki #contentSub2 { display: none; } /* Navigation */ .mp-section { display: flex; flex-direction: row; flex-wrap: wrap; gap: 0 1.5em; } .mp-section > div { max-width: 100%; } .mp-section > .mp-flex-1-1 { flex-grow: 1; flex-shrink: 1; } .mp-section > .mp-flex-2-1 { flex-grow: 2; flex-shrink: 1; } .mp-section > .mp-flex-basis-200 { flex-basis: 200px; } .mp-section > .mp-flex-basis-300 { flex-basis: 300px; } .mw-parser-output .mp-navigation{ margin-bottom:1.5em; display:grid; grid-gap:20px; grid-template-columns:repeat(auto-fill,minmax(12em,auto)) } .mw-parser-output .mp-nav-button{ border:1px solid #2FD9E3; background-color:rgba(47,217,227,0.1) } .mw-parser-output .mp-link{ border:1px solid #2FD9E3; background-color:rgba(47,217,227,0.1) } @media only screen and (max-width:576px){ .mw-parser-output .mp-navigation{ grid-template-columns:repeat(3,12em)!important; grid-template-rows:repeat(5,3em); overflow-x:scroll } } body.skin-citizen .mw-parser-output .mp-nav-button{ background-color:#F9FAFB; border:1px solid #EAECF0; border-radius:8px } body.skin-citizen .mw-parser-output .mp-nav-button:hover{ background-color:#EAECF0; border:1px solid #C7CCD1; transition:0.15s ease-in-out } body.skin-citizen .mw-parser-output .mp-nav-button a{   color:#54595D; } /* Navigation button */ .mp-nav-button { display: inline-block; position: relative; height: 3em; box-sizing: border-box; } .mp-nav-button a { display: inline-block; position: relative; z-index: 1; width: 100%; height: 100%; padding: 0.6em 0 0.6em 48px; box-sizing: border-box; } .mp-nav-button img { position: absolute; left: 15px; top: 0.8em; }
 * 1) p-views li > a {
 * 1) p-views li > a::after {

/* Default style for navigation boxes */ .navbox {                    /* Navbox container style */ box-sizing: border-box; border: 1px solid #a2a9b1; width: 100%; clear: both; font-size: 88%; text-align: center; padding: 1px; margin: 1em auto 0;      /* Prevent preceding content from clinging to navboxes */ } .navbox .navbox { margin-top: 0;           /* No top margin for nested navboxes */ } .navbox + .navbox { margin-top: -1px;        /* Single pixel border between adjacent navboxes */ } .navbox-inner, .navbox-subgroup { width: 100%; } .navbox-group, .navbox-title, .navbox-abovebelow { padding: 0.25em 1em;     /* Title, group and above/below styles */ line-height: 1.5em; text-align: center; } th.navbox-group {            /* Group style */ white-space: nowrap; /* @noflip */ text-align: right; } .navbox, .navbox-subgroup { background-color: #fdfdfd; /* Background color */ } .navbox-list { line-height: 1.5em; border-color: #fdfdfd;   /* Must match background color */ } /* cell spacing for navbox cells */ tr + tr > .navbox-abovebelow, tr + tr > .navbox-group, tr + tr > .navbox-image, tr + tr > .navbox-list {   /* Borders above 2nd, 3rd, etc. rows */ border-top: 2px solid #fdfdfd; /* Must match background color */ } .navbox th, .navbox-title { background-color: #ccccff;     /* Level 1 color */ } .navbox-abovebelow, th.navbox-group, .navbox-subgroup .navbox-title { background-color: #ddddff;     /* Level 2 color */ } .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background-color: #e6e6ff;     /* Level 3 color */ } .navbox-even { background-color: #f7f7f7;     /* Even row striping */ } .navbox-odd { background-color: transparent; /* Odd row striping */ } .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 */ } .navbox-title .navbar { float: left; text-align: left; margin-right: 0.5em; } .navbar.mini li abbr[title] { font-variant: small-caps; border-bottom: none; text-decoration: none; cursor: inherit; } .navbox table { margin-top: 0; display: table; }

/* 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 !important; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { margin: 0; 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"; }

/* abbr */ abbr[data-title], abbr[title] { position: relative; text-decoration: underline dotted; cursor: help; }

abbr[data-title]:hover::after, abbr[data-title]:focus::after { content: attr(data-title);

position: absolute; left: 0; bottom: -30px; width: auto; white-space: nowrap;

background-color: #ffc; color: #000; font-size: 12px; font-weight: normal; padding: 5px; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }

/* TOC limit */ .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; }