MediaWiki:Common.css

/* CSS placed here will be applied to all skins */ /* noline galleries */ .skin-citizen ul.mw-gallery-nolines li.gallerybox { display: inline-block; vertical-align: middle; margin: 1.5px; } .skin-citizen ul.mw-gallery-nolines { display: inline-block; text-align: center; margin-bottom: 0px; width: 100%; } .skin-citizen .mw-gallery-nolines img { border-radius: 5px; } /* Hide pagetools icons and show text on mobile */ font-size: 14px; }   display: none; } /* Remove page header on front page */ body.page-NU_carnival_Wiki .page-actions { display: none; } body.page-NU_carnival_Wiki .mw-body-header { display: none; } /* Fix table display on mobile */ table { display: table; } /* Dropdown Button */ .dropdown { position: relative; display: inline-block; } .dropdown-content { margin-top: 5px; 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; 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 {