MediaWiki:Citizen.css

/* All CSS here will be loaded for users of the Citizen skin */ /* Gallery */ background-color: var(--background-color-framed); } .gallerybox .thumb img { background-color: transparent; } ul.mw-gallery-packed li.gallerybox, ul.mw-gallery-packed-hover li.gallerybox, ul.mw-gallery-packed-overlay li.gallerybox { flex-grow: 0 !important; } .gallery { max-width: 100%; } ul.mw-gallery-nolines { margin-bottom: 0px; } ul.mw-gallery-nolines li.gallerybox { margin: 1.5px; } ul.mw-gallery-nolines img { border-radius: 5px; }
 * 1) content li.gallerybox div.thumb {

/* Wordmark */ height: 35px; }
 * 1) mw-drawer-logo img.mw-logo-wordmark {

height: 35px; }	height: 40px; } .mw-footer { margin-top: calc(var(--padding-page) * 2); }
 * 1) header-sitetitle img.mw-logo-wordmark {
 * 1) footer-sitetitle img.mw-logo-wordmark {

/* Fix table display on mobile */ table { display: block; } @media screen and (min-width:720px) { table { display:table; } }

/* Table heading */ table.wikitable > tr > th, table.wikitable > * > tr > th { text-align: center; padding: 10px 0 10px 0; background-color: #eaecf0; background-color: var(--color-surface-3); color: var(--color-base--emphasized); border-right: 1px solid var(--border-color-base); } table.wikitable > tr > th:last-child, table.wikitable > * > tr > th:last-child { border-right: none; } table.wikitable tr td table:not(.wikitable) tr td { padding: inherit; } table.wikitable tr td { padding: 10px; }

border-bottom: 1px solid var(--border-color-base); }
 * 1) mw-content-text .mw-parser-output > h1,
 * 2) mw-content-text .mw-parser-output > h2,
 * 3) mw-content-text .mw-parser-output > h3,
 * 4) mw-content-text .mw-parser-output > h4,
 * 5) mw-content-text .mw-parser-output > h5,
 * 6) mw-content-text .mw-parser-output > h6 {

.section-heading--collapsed .mw-editsection { display: none !important; }

/* Message boxes */ .mw-message-box, .messagebox, .errorbox, .warningbox, .successbox { color: var(--color-base--emphasized); box-sizing: border-box; margin-bottom: 16px; border: 1px solid var(--color-base); padding: 0px 24px; word-wrap: break-word; overflow-wrap: break-word; overflow: hidden; } .mw-message-box, .messagebox { background-color: var(--background-color-framed); border-color: var(--color-base); } .errorbox { background-color: var(--background-color-destructive); border-color: var(--color-error); } .warningbox { background-color: var(--background-color-warning); border-color: var(--color-warning); } .successbox { background-color: var(--background-color-success); border-color: var(--color-success); }

/* HotCat */ .catlinks .mw-normal-catlinks { font-size: smaller; } .catlinks .mw-normal-catlinks > a, .catlinks .mw-hidden-catlinks > a { display: inline; } .catlinks .mw-normal-catlinks > ul li, .catlinks .mw-hidden-catlinks > ul li { overflow: visible; } .catlinks .mw-normal-catlinks > ul li a, .catlinks .mw-hidden-catlinks > ul li a { border-radius: 100px; } .catlinks .mw-normal-catlinks .hotcatinput, .catlinks .mw-hidden-catlinks .hotcatinput { top: 4px; } .catlinks .mw-normal-catlinks .hotcatinput input[type=text], .catlinks .mw-hidden-catlinks .hotcatinput input[type=text] { width: 250px; } .catlinks .mw-normal-catlinks .hotcatlink a, .catlinks .mw-hidden-catlinks .hotcatlink a { color: var(--color-link) !important; padding: 7px 4px; }

/* Page Actions */ .page-actions-more { z-index: 9; }
 * 1) p-views { padding-left: 10px; }
 * 2) p-views #ca-edit { order: inherit; }

/* Sidebar */ background-image: url(/w/load.php?modules=skins.citizen.icons.t&image=upload&format=rasterized&skin=citizen&version=tjz65); background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E upload %3C/title%3E%3Cg fill=%22%23000%22%3E %3Cpath d=%22M17 12v5H3v-5H1v5a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-5z%22/%3E %3Cpath d=%22M10 1 5 7h4v8h2V7h4z%22/%3E %3C/g%3E%3C/svg%3E"); }	background-image: url(/w/load.php?modules=skins.citizen.icons.t&image=info&format=rasterized&skin=citizen&version=tjz65); background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E info %3C/title%3E%3Cg fill=%22%23000%22%3E %3Cpath d=%22M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z%22/%3E %3C/g%3E%3C/svg%3E"); }	background-image: url(/w/load.php?modules=skins.citizen.icons.sitestats&image=edits&format=rasterized&skin=citizen&version=js5cg); background-image: linear-gradient(transparent,transparent),url(/w/load.php?modules=skins.citizen.icons.sitestats&image=edits&format=original&skin=citizen&version=js5cg); }	background-image: url(/w/load.php?modules=skins.citizen.icons.sitestats&image=articles&format=rasterized&lang=en&skin=citizen&version=js5cg); background-image: linear-gradient(transparent,transparent),url(/w/load.php?modules=skins.citizen.icons.sitestats&image=articles&format=original&lang=en&skin=citizen&version=js5cg); }	background-image: url(/w/load.php?modules=skins.citizen.icons.ca&image=talk&format=rasterized&lang=en&skin=citizen&version=1ftno); background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E speech bubbles %3C/title%3E%3Cg fill=%22%23000%22%3E %3Cpath d=%22M17 4v7a2 2 0 0 1-2 2H4v1a2 2 0 0 0 2 2h10l4 4V6a2 2 0 0 0-2-2zM6 10H0v6z%22/%3E %3Crect width=%2216%22 height=%2212%22 rx=%222%22/%3E %3C/g%3E%3C/svg%3E"); }
 * 1) mw-drawer-menu { grid-template-columns: repeat(auto-fit,220px); }
 * 2) n-upload > a::after {
 * 1) n-aboutsite > a::after {
 * 1) n-newpage > a::after {
 * 1) n-contents > a::after {
 * 1) n-portal > a::after {
 * 1) p-managewiki-sidebar-header a::after { display: none; }

/* Navbox */ .navbox, .navbox-subgroup { background-color: var(--color-surface-1); /* Background color */ } .navbox-list { border-color: var(--color-surface-1);   /* Must match background color */ } 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 var(--color-surface-1); /* Must match background color */ } .nabbox table { display: table; } .navbox th, .navbox-title { background-color: var(--color-surface-4);     /* Level 1 color */ } .navbox-abovebelow, th.navbox-group, .navbox-subgroup .navbox-title { background-color: var(--color-surface-3);     /* Level 2 color */ } .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background-color: var(--color-surface-2);     /* Level 3 color */ } .navbox-even { background-color: var(--color-surface-2);     /* Even row striping */ }

/* Infobox */ .portable-infobox { background: var(--background-color-framed); } .portable-infobox .pi-header { background: var(--background-color-quiet--active); }

/* Media player should be on top */ .oo-ui-windowManager-modal > .oo-ui-dialog { z-index: 12; } .gallerybox .mw-tmh-player.audio .mw-tmh-play { background-position: left; }

/* Collapsible TOC */ .toclevel-1 .toctext { color: var(--color-primary); } .toclevel-2 .toctext, .toclevel-3 .toctext, .toclevel-4 .toctext, .toclevel-5 .toctext, .toclevel-6 .toctext { color: inherit } .toclevel-1 .tocnumber, .toclevel-2 .tocnumber, .toclevel-3 .tocnumber, .toclevel-4 .tocnumber, .toclevel-5 .tocnumber, .toclevel-6 .tocnumber { font-size: 0; margin-left: 2px; display: none; } .toc a { padding-left: 15px; } .toclevel-2, .toclevel-3, .toclevel-4, .toclevel-5, .toclevel-6 { margin-left: 18px !important; } .toclevel-1 .tocnumber::after, .toclevel-2 .tocnumber::after, .toclevel-3 .tocnumber::after, .toclevel-4 .tocnumber::after, .toclevel-5 .tocnumber::after, .toclevel-6 .tocnumber::after { content: '+/-'; font-size: 14px; color: transparent; background-image: url(/w/load.php?modules=skins.citizen.icons.sections&image=collapse&format=original&skin=citizen&version=zofk6); background-size: 12px; background-repeat: no-repeat; background-position: center; transform: rotate3d(0,0,1,180deg); float: left; margin-left: -18px; } .toclevel-1.collapsed .tocnumber::after, .toclevel-2.collapsed .tocnumber::after, .toclevel-3.collapsed .tocnumber::after, .toclevel-4.collapsed .tocnumber::after, .toclevel-5.collapsed .tocnumber::after, .toclevel-6.collapsed .tocnumber::after { transform: rotate3d(0,0,1,90deg); } .skin-citizen-dark .tocnumber::after { filter: invert(1) hue-rotate(180deg); }