INFORMATION

Welcome to the Kingdom Hearts Database! 👑 We're always looking for more help! Be sure to check out our current projects and jump in on the action! 👑 Be sure to join our Discord server and meet our growing community!

MediaWiki:Citizen.css

MediaWiki interface page

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* All CSS here will be loaded for users of the Citizen skin */

body {
    font-family: Roboto;
    background: url(https://www.khdatabase.com/images/0/02/Common_Background.png) repeat;
}

/* Custom Theme */
:root {
	--color-primary__h: 210;
}

/* SocialProfile */
.visualClear {
	clear: both;	/* Fixes issues introduced in MW 1.39 that breaks the SP format */
}

.mw-normal-catlinks li, .catlinks li:first-child, .catlinks :not(li) >.hotcatlink{
	padding: unset !important;
}

.mw-normal-catlinks li:hover, .catlinks .hotcatlink:hover{
	background: unset;
	box-shadow: none;
}

/*	Site notice */
#localNotice p.scroll {
	margin: 0;
	font-size: 0.8em;
}

/*	Main body	*/
.citizen-body{
	background: var(--color-surface-0);
	padding: 2em;
	box-shadow: 0 0 1em -0.5em #000000;
	border-radius: 0 0 7px 7px;
	margin-bottom: 2em;
}

/*	Article Header */
.mw-body-header{
	padding: 2em;
	box-shadow: 0 0 1em -0.5em #000000;
	border-radius: 7px;
	align-items: start;
} 

/*	Fix for article header showing below Semantic MediaWiki Help modal */
.citizen-body-header--sticky .mw-body-header {
	padding: var(--space-md);
	height: inherit !important;
	z-index: 1001;
}

/*	Fix for navigation showing below article header */
.citizen-header {
	z-index: 1002;
}

/*	Fix for some drop downs showing behind the article header */
.oo-ui-menuSelectWidget{
	z-index: 13;
}

/*	Fix for popups appearing below map images */
.mwe-popups {
	z-index: 400;
}

/*	Article Title/Subtitle */
.page-heading > div > h1, .page-heading > #siteSub {
	background: var(--background-color-overlay--lighter);
	backdrop-filter: blur(13px);
	padding: 0.3em;
	border-left: 7px solid var(--background-color-overlay);
}

#siteSub {
	display: inline-block;
}

/*	Article actions buttons */
#mw-indicator-mw-helplink{
	background: var(--background-color-overlay--lighter);
	backdrop-filter: blur(13px);
	padding: var(--space-xxs) var(--space-xs);
	border-radius: var(--border-radius--pill);
}

#ca-view a, #ca-history a, .page-actions > .mw-portlet li > a, 
.page-actions-more {
	background: var(--background-color-overlay--lighter);
	backdrop-filter: blur(7px);
}

/*	Table of Contents	*/
#mw-panel-toc > ul {
	background: var(--color-surface-0);
	box-shadow: 0 0 0.5em 0 #000000;
	padding: 0.5em;
}

.citizen-toc__header{
	background: var(--color-surface-1);
	padding: 15px;
}

.citizen-body-header--sticky .citizen-toc__top.citizen-toc__link{
	background: var(--color-surface-4);
	padding: 15px;
}

.citizen-toc__text{
	display:block;
}

/* Fix for thumbnail captions */
@supports (backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px)) {
	html .thumbcaption {
	    background: var(--background-color-overlay--lighter);
		color: var(--color-base--emphasized);
}

/*
table.wikitable tr th, table.wikitable tr td{
	padding: 10px 20px 10px 20px;
}*/

/*	Visual Editor Toolbar
.skin-citizen .mw-body .ve-init-mw-desktopArticleTarget-toolbar{
	padding: 0 20px;
} */

/* Fix for VE Preview window appearing behind header. */
.ve-ui-overlay-global{
	z-index: 1003;
}

.mw-body-footer{
	background: var(--background-color-primary--active);
	padding: 2em;
	border-radius: 7px;
}

/*	Related Articles bg */
#mw-data-after-content{
	background: var(--color-surface-0);
	padding: 0.5em 1.5em 1.5em 1.5em;
	margin: var(--padding-page);
	border-radius: var(--border-radius--medium);
}

.client-js .read-more-container{
	min-height: 8rem;
}


/*	Special:Ask */
.smw-modal{
	z-index: 1002;
}
Cookies help us deliver our services. By using our services, you agree to our use of cookies.