MediaWiki:Gadget-MainPageStyle.css

From the Kingdom Hearts Wiki, the Kingdom Hearts encyclopedia
Revision as of 21:33, 6 March 2022 by Porplemontage (talk | contribs)
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 styling and responsive support for the main page */

/* Site styles */
.main-box {
	color: #fff !important;
	font-weight: bold !important;
	background: url(https://kh.wiki.gallery/images/c/c3/Main-boxbg.jpg) #11072C !important;
}
.main-box a {
	color: #ccc !important;
}
body.page-Main_Page.action-view .mw-parser-output table img {
	max-width: 100% !important;
	height: auto !important;
}

/* Responsive fixes */
@media all and (max-width: 719px) {
	#welcomeTable {
		padding: 0 !important;
	}
	#welcomeText {
		font-size: 140% !important;
	}
	#welcomeTagline {
		margin-top: -5px;
		font-size: 85% !important;
	}
	#aboutText {
		font-size: 85% !important;
	}
}