Toggle menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:Citizen.css: Difference between revisions

MediaWiki interface page
No edit summary
No edit summary
Line 22: Line 22:


#citizen-pref { display: none; }
#citizen-pref { display: none; }
citizen-header__inner {
<ul class="citizen-toc__contents" id="mw-panel-toc-list">
<li id="toc-mw-version-software" class="citizen-toc__listItem citizen-toc-level--1 citizen-toc__listItem--active">
<a class="citizen-toc__link" href="#mw-version-software">
<div class="citizen-toc__indicator"></div>
<div class="citizen-toc__text">
<span class="citizen-toc__numb">1</span>
<span class="citizen-toc__heading">Installed software</span>
</div>
</a>
<ul id="toc-mw-version-software-sublist" class="citizen-toc__list">
</ul>
</li> <li id="toc-mw-version-entrypoints" class="citizen-toc__listItem citizen-toc-level--1">
<a class="citizen-toc__link" href="#mw-version-entrypoints">
<div class="citizen-toc__indicator"></div>
<div class="citizen-toc__text">
<span class="citizen-toc__numb">2</span>
<span class="citizen-toc__heading">Entry point URLs</span>
</div>
</a>
<ul id="toc-mw-version-entrypoints-sublist" class="citizen-toc__list">
</ul>
</li> <li id="toc-mw-version-skin" class="citizen-toc__listItem citizen-toc-level--1">
<a class="citizen-toc__link" href="#mw-version-skin">
<div class="citizen-toc__indicator"></div>
<div class="citizen-toc__text">
<span class="citizen-toc__numb">3</span>
<span class="citizen-toc__heading">Installed skins</span>
</div>
</a>
<ul id="toc-mw-version-skin-sublist" class="citizen-toc__list">
</ul>
</li> <li id="toc-mw-version-ext" class="citizen-toc__listItem citizen-toc-level--1">
<a class="citizen-toc__link" href="#mw-version-ext">
<div class="citizen-toc__indicator"></div>
<div class="citizen-toc__text">
<span class="citizen-toc__numb">4</span>
<span class="citizen-toc__heading">Installed extensions</span>
</div>
</a>
<ul id="toc-mw-version-ext-sublist" class="citizen-toc__list">
</ul>
</li> <li id="toc-mw-version-libraries" class="citizen-toc__listItem citizen-toc-level--1">
<a class="citizen-toc__link" href="#mw-version-libraries">
<div class="citizen-toc__indicator"></div>
<div class="citizen-toc__text">
<span class="citizen-toc__numb">5</span>
<span class="citizen-toc__heading">Installed libraries</span>
</div>
</a>
<ul id="toc-mw-version-libraries-sublist" class="citizen-toc__list">
</ul>
</li> <li id="toc-mw-version-libraries-client" class="citizen-toc__listItem citizen-toc-level--1">
<a class="citizen-toc__link" href="#mw-version-libraries-client">
<div class="citizen-toc__indicator"></div>
<div class="citizen-toc__text">
<span class="citizen-toc__numb">6</span>
<span class="citizen-toc__heading">Installed client-side libraries</span>
</div>
</a>
<ul id="toc-mw-version-libraries-client-sublist" class="citizen-toc__list">
</ul>
</li> <li id="toc-mw-version-parser-extensiontags" class="citizen-toc__listItem citizen-toc-level--1">
<a class="citizen-toc__link" href="#mw-version-parser-extensiontags">
<div class="citizen-toc__indicator"></div>
<div class="citizen-toc__text">
<span class="citizen-toc__numb">7</span>
<span class="citizen-toc__heading">Parser extension tags</span>
</div>
</a>
<ul id="toc-mw-version-parser-extensiontags-sublist" class="citizen-toc__list">
</ul>
</li> <li id="toc-mw-version-parser-function-hooks" class="citizen-toc__listItem citizen-toc-level--1">
<a class="citizen-toc__link" href="#mw-version-parser-function-hooks">
<div class="citizen-toc__indicator"></div>
<div class="citizen-toc__text">
<span class="citizen-toc__numb">8</span>
<span class="citizen-toc__heading">Parser function hooks</span>
</div>
</a>
<ul id="toc-mw-version-parser-function-hooks-sublist" class="citizen-toc__list">
</ul>
</li> </ul>
}

Revision as of 06:29, 11 September 2024

/* All CSS here will be loaded for users of the Citizen skin */

#content { background-color: #383838; }

.citizen-header { background-color: #282828; --header-size: 5rem; --size-icon: 2rem; }

.citizen-footer { background-color: #383838 !important; }

body { color: #ccad00 !important; font-size: 15px; font-family: "Corbel" !important; background-color: #282828; }

.citizen-footer { color: #ccad00 !important; font-size: 15px; font-family: "Corbel" !important; }

.mw-logo-wordmark { color: #ccad00; }

.firstHeading { color: #ccad00; padding-left: var(--space-md); }

.citizen-page-header { background-color: #282828; }

#siteSub { padding-left: var(--space-md); }

.citizen-header__logo img { height: 64px; width: 64px; }

#citizen-pref { display: none; }

citizen-header__inner {

<ul class="citizen-toc__contents" id="mw-panel-toc-list">
				<li id="toc-mw-version-software" class="citizen-toc__listItem citizen-toc-level--1 citizen-toc__listItem--active">
				<a class="citizen-toc__link" href="#mw-version-software">
					<div class="citizen-toc__indicator"></div>
					<div class="citizen-toc__text">
						<span class="citizen-toc__numb">1</span>
						<span class="citizen-toc__heading">Installed software</span>
					</div>
				</a>
				<ul id="toc-mw-version-software-sublist" class="citizen-toc__list">
				</ul>
			</li>			<li id="toc-mw-version-entrypoints" class="citizen-toc__listItem citizen-toc-level--1">
				<a class="citizen-toc__link" href="#mw-version-entrypoints">
					<div class="citizen-toc__indicator"></div>
					<div class="citizen-toc__text">
						<span class="citizen-toc__numb">2</span>
						<span class="citizen-toc__heading">Entry point URLs</span>
					</div>
				</a>
				<ul id="toc-mw-version-entrypoints-sublist" class="citizen-toc__list">
				</ul>
			</li>			<li id="toc-mw-version-skin" class="citizen-toc__listItem citizen-toc-level--1">
				<a class="citizen-toc__link" href="#mw-version-skin">
					<div class="citizen-toc__indicator"></div>
					<div class="citizen-toc__text">
						<span class="citizen-toc__numb">3</span>
						<span class="citizen-toc__heading">Installed skins</span>
					</div>
				</a>
				<ul id="toc-mw-version-skin-sublist" class="citizen-toc__list">
				</ul>
			</li>			<li id="toc-mw-version-ext" class="citizen-toc__listItem citizen-toc-level--1">
				<a class="citizen-toc__link" href="#mw-version-ext">
					<div class="citizen-toc__indicator"></div>
					<div class="citizen-toc__text">
						<span class="citizen-toc__numb">4</span>
						<span class="citizen-toc__heading">Installed extensions</span>
					</div>
				</a>
				<ul id="toc-mw-version-ext-sublist" class="citizen-toc__list">
				</ul>
			</li>			<li id="toc-mw-version-libraries" class="citizen-toc__listItem citizen-toc-level--1">
				<a class="citizen-toc__link" href="#mw-version-libraries">
					<div class="citizen-toc__indicator"></div>
					<div class="citizen-toc__text">
						<span class="citizen-toc__numb">5</span>
						<span class="citizen-toc__heading">Installed libraries</span>
					</div>
				</a>
				<ul id="toc-mw-version-libraries-sublist" class="citizen-toc__list">
				</ul>
			</li>			<li id="toc-mw-version-libraries-client" class="citizen-toc__listItem citizen-toc-level--1">
				<a class="citizen-toc__link" href="#mw-version-libraries-client">
					<div class="citizen-toc__indicator"></div>
					<div class="citizen-toc__text">
						<span class="citizen-toc__numb">6</span>
						<span class="citizen-toc__heading">Installed client-side libraries</span>
					</div>
				</a>
				<ul id="toc-mw-version-libraries-client-sublist" class="citizen-toc__list">
				</ul>
			</li>			<li id="toc-mw-version-parser-extensiontags" class="citizen-toc__listItem citizen-toc-level--1">
				<a class="citizen-toc__link" href="#mw-version-parser-extensiontags">
					<div class="citizen-toc__indicator"></div>
					<div class="citizen-toc__text">
						<span class="citizen-toc__numb">7</span>
						<span class="citizen-toc__heading">Parser extension tags</span>
					</div>
				</a>
				<ul id="toc-mw-version-parser-extensiontags-sublist" class="citizen-toc__list">
				</ul>
			</li>			<li id="toc-mw-version-parser-function-hooks" class="citizen-toc__listItem citizen-toc-level--1">
				<a class="citizen-toc__link" href="#mw-version-parser-function-hooks">
					<div class="citizen-toc__indicator"></div>
					<div class="citizen-toc__text">
						<span class="citizen-toc__numb">8</span>
						<span class="citizen-toc__heading">Parser function hooks</span>
					</div>
				</a>
				<ul id="toc-mw-version-parser-function-hooks-sublist" class="citizen-toc__list">
				</ul>
			</li>		</ul>
}