MediaWiki:Citizen.css

/* Fonts */ @font-face { /* Inter: SIL Open Font License 1.1 * https://github.com/rsms/inter/blob/v3.19/LICENSE.txt */ font-family: "Inter"; font-weight: 100 900; font-display: swap; font-style: oblique 0deg 10deg; src: local("Inter"), url("/resources/applewiki/Inter.var.woff2") format("woff2"); }


 * root {

--font-family-base: -apple-system, BlinkMacSystemFont, "SF Pro", Inter, sans-serif; --font-family-serif: ui-serif, Georgia, serif; --font-family-monospace: "SF Mono", ui-monospace, "JetBrains Mono", Menlo, "Cascadia Mono", monospace; }

/* Colors */
 * root {

--color-base: #000; --color-surface-0: hsl(0 0% 100%); --color-surface-1: hsl(0 0% 100%); --color-surface-2: hsl(210 17% 98%); --color-surface-3: hsl(220 17% 93%); --color-surface-4: hsl(213 9% 80%); --border-color-base: rgba(0, 0, 0, .125); --border-color-base--lighter: rgba(0, 0, 0, .08); --border-color-base--darker: rgba(0, 0, 0, .125); }


 * root.skin-citizen-dark {

--color-base: #fff; --color-surface-0: hsl(var(--color-primary__h) 20% 7%); --color-surface-1: hsl(var(--color-primary__h) 25% 12%); --color-surface-2: hsl(var(--color-primary__h) 25% 15%); --color-surface-3: hsl(var(--color-primary__h) 15% 20%); --color-surface-4: hsl(var(--color-primary__h) 15% 25%); --background-color-overlay: hsla(var(--color-primary__h) 20% 7% / 95%); --border-color-base: rgba(255, 255, 255, .2); --border-color-base--lighter: rgba(255, 255, 255, .08); --border-color-base--darker: rgba(255, 255, 255, .2); }

/* Wider default layout width */
 * root {

--width-layout: 1800px; }

/* Logo */ .citizen-drawer__siteinfo .mw-logo-wordmark { background: url(/resources/applewiki/logo-wordmark.svg) 0 0/auto 100% no-repeat; color: transparent; }

width: 270px; height: 46px; }
 * 1) footer-sitetitle img.mw-logo-wordmark {

.citizen-drawer__siteinfo .mw-logo-wordmark, filter: var(--filter-invert); }
 * 1) footer-sitetitle img.mw-logo-wordmark {

.skin-citizen-dark .mainpageimage { display: none; }

.skin-citizen-dark .mainpageimage.mainpageimage-dark { display: block !important; }

/* Tables */ .wikitable th { text-align: center; }

.wikitable { border-collapse: collapse; }

.wikitable th, .wikitable td { border: 1px solid var( --border-color-base ); }

.wikitable th:first-child, .wikitable td:first-child { border-left: 0; }

.wikitable tr:first-of-type th:first-child, .wikitable tr:first-of-type td:first-child, .wikitable tr:first-of-type th:last-child, .wikitable tr:first-of-type td:last-child, .wikitable tr:last-of-type th:first-child, .wikitable tr:last-of-type td:first-child, .wikitable tr:last-of-type th:last-child, .wikitable tr:last-of-type td:last-child { border-radius: 0; }

/* Template:Table cell templates */ .table-yes, .table-active, .table-siteactive, .table-release-candidate { background-color: var(--background-color-success) !important; }

.table-no, .table-siteinactive, .table-failure, .table-nightly { background-color: var(--background-color-destructive) !important; }

.table-maybe, .table-partial, .table-any, .table-planned, .table-experimental, .table-beta, .table-needs, .table-depends, .table-dropped { background-color: var(--background-color-warning) !important; }

.table-rh, .table-noAttempt, .table-na { background-color: var(--color-surface-3) !important; }

.table-unknown { background-color: transparent !important; }

.table-na { color: var(--color-base--subtle) !important; }

/* Forms */ .mw-ui-button, .oo-ui-buttonElement > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button { border-radius: var(--border-radius--medium); }

.oo-ui-textInputWidget .oo-ui-inputWidget-input { border-radius: var(--border-radius--small); }

.oo-ui-checkboxInputWidget [type="checkbox"] + span { border-radius: var(--border-radius--small); }

/* MediaWiki UI colors */ div.mw-warning-with-logexcerpt, div.mw-lag-warn-high, div.mw-cascadeprotectedwarning, div#mw-protect-cascadeon, div.titleblacklist-warning { background-color: var(--background-color-destructive); border-color: var(--border-color-base); }

/* Progress bar gets stuck when you navigate and then go back, just disable it */ .citizen-loading:after { display: none; }

/* Disable thin scrollbar */ @media screen and (hover: hover) { * { 		scrollbar-width: initial; } }

/* Disable hover zoom effect */ .citizen-body a.image:hover:not(.lazy):not(.new) > img, figure[typeof~="mw:File"] > a:first-child:hover:not(.lazy):not(.new) > img, figure[typeof~="mw:File/Frameless"] > a:first-child:hover:not(.lazy):not(.new) > img, figure[typeof~="mw:File/Thumb"] > a:first-child:hover:not(.lazy):not(.new) > img, figure[typeof~="mw:File/Frame"] > a:first-child:hover:not(.lazy):not(.new) > img { transform: initial; }

@media (max-width: 720px) { table.infobox { display: revert; } }

/* Bugfix for visited redlink category links showing as red */ .catlinks li > a.new:visited { color: var(--color-base--subtle); }

/* Sidebar icons */ .citizen-drawer__menu a:before { display: block; content: ""; width: var(--size-icon); height: var(--size-icon); background: transparent center/contain no-repeat; opacity: var(--opacity-icon-base); filter: var(--filter-invert); }

.citizen-drawer__menu .citizen-ui-icon { display: none; }

.citizen-drawer__menu #n-mainpage-description a:before { background-image: url(/resources/lib/ooui/themes/wikimediaui/images/icons/home.svg); } .citizen-drawer__menu #n-Ground-rules a:before        { background-image: url(/resources/lib/ooui/themes/wikimediaui/images/icons/article-ltr.svg); } .citizen-drawer__menu #n-portal a:before              { background-image: url(/resources/lib/ooui/themes/wikimediaui/images/icons/userGroup-ltr.svg); } .citizen-drawer__menu #n-recentchanges a:before       { background-image: url(/resources/lib/ooui/themes/wikimediaui/images/icons/recentChanges-ltr.svg); } .citizen-drawer__menu #n-randompage a:before          { background-image: url(/resources/lib/ooui/themes/wikimediaui/images/icons/die.svg); } .citizen-drawer__menu #n-help a:before                { background-image: url(/resources/lib/ooui/themes/wikimediaui/images/icons/help-ltr.svg); } .citizen-drawer__menu #n-Discord a:before             { background-image: url(/resources/applewiki/discord.svg); } .citizen-drawer__menu #t-specialpages a:before        { background-image: url(/resources/lib/ooui/themes/wikimediaui/images/icons/specialPages-ltr.svg); } .citizen-drawer__menu #t-upload a:before              { background-image: url(/resources/lib/ooui/themes/wikimediaui/images/icons/upload.svg); }

.citizen-drawer__menu #n-Devices a:before             { background-image: url(/resources/applewiki/iphone.svg); } .citizen-drawer__menu #n-Filesystem a:before          { background-image: url(/resources/lib/ooui/themes/wikimediaui/images/icons/folderPlaceholder-ltr.svg); } .citizen-drawer__menu #n-Firmware a:before            { background-image: url(/resources/lib/ooui/themes/wikimediaui/images/icons/download.svg); } .citizen-drawer__menu #n-Firmware-Keys a:before       { background-image: url(/resources/lib/ooui/themes/wikimediaui/images/icons/key.svg); } .citizen-drawer__menu #n-Jailbreak a:before           { background-image: url(/resources/lib/ooui/themes/wikimediaui/images/icons/unLock.svg); } .citizen-drawer__menu #n-Protocols a:before           { background-image: url(/resources/lib/ooui/themes/wikimediaui/images/icons/pageSettings.svg); } .citizen-drawer__menu #n-Timeline a:before            { background-image: url(/resources/lib/ooui/themes/wikimediaui/images/icons/history.svg); }

/* Icon invert helper class */ .dark-mode-invert { filter: var(--filter-invert); }

/* Dock the footer to bottom of a short page */ .mw-body, .parsoid-body { flex-grow: 1; min-height: auto; }

/* Work around TOCs somehow showing inline in the article due to mediawiki:Extension:Lingo */ display: none !important; }
 * 1) toc.toc {

/* Remove extra margins on lists inside lists */ .mw-content-ltr ul ul, .mw-content-ltr ol ul, .mw-content-ltr ul ol, .mw-content-rtl ul ul, .mw-content-rtl ol ul, .mw-content-rtl ul ol { margin-top: 0; margin-bottom: 0; }

/* Remove linebreak from changelist line */ .mw-changeslist-line-inner .changedby::before, .mw-changeslist-line-inner-userLink::before { content: none; }

/* Restore separator */ .mw-diff-bytes ~ .mw-changeslist-separator, .mw-changeslist-line-inner-separatorAftercharacterDiff { display: inline; }

.mw-changeslist-separator:empty { width: auto; }

.mw-changeslist-separator:empty:before { display: inline; }

/* Restore changebytes */ .mw-diff-bytes { float: none; margin-left: 0; }

.mw-diff-bytes:before, .mw-diff-bytes:after { display: inline; }

/* Remove line between changelist line */ .mw-changeslist-line + .mw-changeslist-line, .mw-changeslist-line + .mw-contributions-list li, .mw-contributions-list li + .mw-changeslist-line, .mw-contributions-list li + .mw-contributions-list li { border-top: 0; }