Site Notice

Remember to pay a visit to our Discord server and chat with our community! See here for more info.

Be sure to check out the KHUX Wiki for the latest on Kingdom Hearts Union χ and Kingdom Hearts Dark Road! Go and pitch in!

The KHWiki contains spoilers for all Kingdom Hearts games. Read at your own risk.

Please remember not to add information about unreleased games from trailers.

MediaWiki:Common.css

From the Kingdom Hearts Wiki, the Kingdom Hearts encyclopedia
Revision as of 15:58, 7 August 2024 by Porplemontage (talk | contribs) (cleanup. some CSS relocated)
Jump to navigationJump to search

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.
/* CSS placed here will be applied to all skins on desktop */

/* Navbox style
       Edit here: https://www.khwiki.com/MediaWiki:Gadget-NavboxStyle.css
   Staff highlights
       Edit here: https://www.khwiki.com/MediaWiki:Gadget-StaffHighlights.css */

/* Random logo */
#p-logo a { background: transparent no-repeat; }
.client-nojs #p-logo a,
.mw-special-Gadgets #p-logo a,
.mw-special-Userlogin #p-logo a,
.mw-special-Preferences #p-logo a,
.mw-special-ChangeEmail #p-logo a,
.mw-special-ResetTokens #p-logo a,
.mw-special-BotPasswords #p-logo a,
.mw-special-CreateAccount #p-logo a,
.mw-special-PasswordReset #p-logo a {
	background-image: url(https://kh.wiki.gallery/images/b/bc/Wiki.png);
}

/* Main page */
@media all and (min-width: 551px) {
	body.page-Main_Page.action-view #content {
		overflow: visible;
		z-index: 5;
	}
}
body.page-Main_Page.action-view .mw-parser-output table img {
	min-width: 15px !important;
	max-width: 100% !important;
	height: auto !important;
}

/* KHWiki tabber */
.infobox .tabbernav {
	font-size: 90%;
}
.tabber.info {
	float: right;
	display: block;
	margin: 0 0 0.5em 1em;
}
.tabber.info .nav {
	display: block !important;
}
.tabber.info .infobox > tbody > tr:nth-child(2) img {
	max-width: 100% !important;
	height: auto !important;
}
.tabber.info table {
	float: none !important;
	width: auto !important;
	display: block !important;
	max-width: none !important;
	overflow-x: auto !important;
	margin: 0 !important;
}
.tabber.info tbody {
	width: 100% !important;
	display: table !important;
}

/* Infobox templates */
.infobox {
	float: right;
	clear: right;
	margin: 0 0 0.5em 1em;
	padding: 2px;
}
.infobox.journal,
.infobox.journal-green {
	padding: 2px 1em 1em;
}

/* Notice templates */
table + #stub {
	margin-top: 10px;
}
.notice-template {
	width: 95%;
	margin: 0 auto 10px;
}
#mw-imagepage-content .notice-template {
	margin: 5px auto !important;
}
.notice-template + .notice-template {
	margin-top: -5px;
}

/* Video tables */
table.video {
	margin: 5px auto;
}

/* Suite tabs */
.suite_tab {
	display: inline;
	background: #fff;
	background: linear-gradient(top,#eee,#fff);
	box-shadow: 2px 2px 4px #333;
}

/* Thumbnails */
div.thumb.tright { clear: none; }
div.thumb.tright + div.thumb.tright,
div.thumb.tright + :is(p, h2, h3) + div.thumb.tright,
div.thumb.tright + p + :is(p, h2, h3) + div.thumb.tright,
div.thumb.tright + :is(h2, h3) + p + div.thumb.tright,
div.thumb.tright + p + p + p + div.thumb.tright {
	clear: right;
}

/* Forum formatting */
.forumheader {
	margin: 1em 0 15px;
	padding: 12px;
}
.forumlist td.forum_edited a {
	color: #000;
	text-decoration: none;
}
.forumlist td.forum_title a {
	padding-left: 20px;
}
.forumlist td.forum_title a.forum_new {
	font-weight: bold;
	background: url(https://kh.wiki.gallery/images/forum_new.gif) center left no-repeat;
	padding-left: 20px;
}
.forumlist td.forum_title a.forum_new:visited {
	background: none;
	font-weight: normal;
	padding-left: 20px;
}
.forumlist th.forum_title {
	padding-left: 20px;
}

/* --------------------------------------------------
MAIN PAGE PORTALS CSS FOLLOWS
ORIGINAL CONCEPT COURTESY OF THE ZELDA WIKI
http://www.zeldawiki.org
ADJUSTED BY KeybladeSpyMaster. Updated May 12, 2015
-------------------------------------------------- */

.nav {
	padding: 0;
	display: inline-block;
}
.nav:hover .dropdown:not(#personal-inner) {
	display: block !important;
}
.nav:hover .mwe-popups-container {
	display: none;
}

.container {
	height: 450px;
	position: absolute;
}

.dropdown:not(#personal-inner) {
	color: #000;
	float: left;
	z-index: 100;
	position: relative;
	display: none !important;
	border: 2px solid #BFBFBF;
	border-radius: 10px;
	right: -45%;
	left: -45%;
}
.dropdown:not(#personal-inner) a {
	color: #fff;
	text-decoration: none;
}
.dropdown:not(#personal-inner) p {
	margin: 0;
	padding: 0;
}
.dropdown:not(#personal-inner) td {
	white-space: nowrap;
	vertical-align: top;
	padding: 1px;
}
.dropdown:not(#personal-inner) caption a {
	display: block;
	font-size: 150%;
	padding: 5px 20px;
}

.dropdowntable td {
	border: 1px solid #fff;
}
.dropdowntable td a {
	color: #fff;
	font-weight: normal;
	background-color: #000;
	background-image: linear-gradient(top, #06305B, #3e4874);
	display: block;
	padding: 2px;
}
.dropdowntable td a:hover {
	background-image: linear-gradient(top, #bfbfff, #3e4874);
}

/* --------------------------------------------------
END OF MAIN PAGE PORTALS CSS
-------------------------------------------------- */

/* Keep create account benefits up top */
.mw-special-CreateAccount #userloginForm {
	margin-right: 95px;
}
.mw-createacct-benefits-container {
	width: 360px;
	text-align: center;
}

/* Adjust inputbox button padding in Firefox */
@-moz-document url-prefix() {
	.bodySearchWrap .mw-ui-button, .createboxButton {
		padding-top: 4px;
		padding-bottom: 5px;
	}
}

/* Indicator icons */
.mw-indicators {
	display: flex;
}

/* Who's online */
#whosonline {
	margin-bottom: 1px;
}

/* Width fixes */
@media all and (max-width: 1250px) {
	.infobox.board div {
		width: auto !important;
	}
	.infobox.board div > div {
		left: 7.5px !important;
		right: 7.5px !important;
	}
	.infobox.board img {
		max-width: 100% !important;
		height: auto !important;
	}
}