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 18:02, 6 August 2024 by TheSilentHero (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 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;
}

/* Image restrictions */
div.userbox img { max-width:100%; width/**\*/:100%\9; height:auto !important; }
table.talkbubble {
	table-layout/*\**/:fixed\9;
	width/*\**/:100%\9;
}
table.talkbubble > tr > td:first-child, table.talkbubble > tbody > tr > td:first-child { text-align:center; width:90px; }
table.talkbubble td:first-child img { height:auto !important; max-width:90px; }

/* KHWiki Tabber */
.infobox .tabbernav {
	font-size: 90%;
}
.tabber.info {
	display: block;
	float: right;
	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 {
	display: block !important;
	float: none !important;
	width: auto !important;
	max-width: none !important;
	margin: 0 !important;
	overflow-x: auto !important;
}
.tabber.info tbody {
	display: table !important;
	width: 100% !important;
}

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

/* 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;
}

/* Forum formatting (by -Algorithm & -Splaka) */
.forumheader {
	border: 1px solid #aaa;
	background-color: #f9f9f9;
	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 {
	font-weight: normal;
	background: none;
	padding-left: 20px;
}
.forumlist th.forum_title {
	padding-left: 20px;
}

/* Recent changes byte indicators */
.mw-plusminus-pos { color: #006500; }
.mw-plusminus-neg { color: #8B0000; }

/* Standard Navigationsleisten, aka box hiding thingy from .de. Documentation at Wikipedia:NavFrame */
div.Boxmerge, div.NavFrame {
	margin: 0;
	padding: 4px;
	border: 1px solid #aaa;
	text-align: center;
	border-collapse: collapse;
	font-size: 95%;
}
div.Boxmerge div.NavFrame {
	border-style: none;
	border-style: hidden;
}
div.NavFrame + div.NavFrame {
	border-top-style: none;
	border-top-style: hidden;
}
div.NavPic {
	background-color: #fff;
	margin: 0;
	padding: 2px;
	float: left;
}
div.NavFrame div.NavHead {
	height: 1.6em;
	font-weight: bold;
	background-color: #ccf;
	position: relative;
}
div.NavFrame p {
	font-size: 100%;
}
div.NavFrame div.NavContent {
	font-size: 100%;
}
div.NavFrame div.NavContent p {
	font-size: 100%;
}
div.NavEnd {
	margin: 0;
	padding: 0;
	line-height: 1px;
	clear: both;
}
a.NavToggle {
	position: absolute;
	top: 0;
	right: 3px;
	font-weight: normal;
	font-size: smaller;
}

/* Suite tabs */
.suite_tab {
	background: #fff;
	background: linear-gradient(top,#eee,#fff);
	box-shadow: 2px 2px 4px #333;
	display: inline;
}
.client-msie-8 .suite_tab, .client-msie-9 .suite_tab {
	padding-bottom: 3px !important;
}

/* Suite styles */
.tt1_suite {
	background-color: #ebebeb;
	border-color: #aaa;
	border-style: solid;
	border-width: 1px;
	display: table;
	float: right;
	margin: 0 1em 0.5em 1em;
	padding: 2px 5px;
	border-radius: 5px;
}
.tt1_suite:before {
	content: 'article suite:';
	font-size: 70%;
	line-height: 0.7em;
}
.tt1_suite ul {
	padding: 0;
	margin: 0;
}
.tt1_suite li {
	display: inline;
}
.tt1_suite li:before{
	content: '| ';
}
.tt1_suite li:first-child:before{
	content: '';
}
.tt1_disambig + .tt1_suite{
	border-top: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.tt1_disambig + .tt1_suite:before{
	content: '';
	font-size: inherit;
	line-height: inherit;
}

/* Allow limiting of which header levels are shown in a TOC through {{TOClimit}} */
.toclimit-2 .toclevel-2 { display: none; }
.toclimit-3 .toclevel-3 { display: none; }
.toclimit-4 .toclevel-4 { display: none; }
.toclimit-5 .toclevel-5 { display: none; }
.toclimit-6 .toclevel-6 { display: none; }
.toclimit-7 .toclevel-7 { display: none; }

/* PATCH BORDER ON DOUBLE-DISAMBIGS */
table.tt1_disambig{
	margin: 0 1em;
	padding: 0.5em;
	background: #f7f8ff;
	border: thin solid #aaa;
	display: block;
}
.tt1_disambig + .tt1_disambig{
	border-top: none;
}

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

/* Aspetto uguale ai link per il morph */
.morphLink {
	color: #002BB8;
	display: inline-block;
	cursor: pointer;
}
.morphLink:hover {
	text-decoration: underline;
}
.toggleLink {
	color: #002BB8;
	display: inline-block;
	cursor: pointer;
}

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

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

/* Main Page Portals: Nav class */
.nav {
	padding: 0;
	display: inline-block;
}
.nav:hover .dropdown:not(#personal-inner) {
	display: block !important;
}
.nav:hover .mwe-popups-container {
	display: none;
}

/* Main Page Portals: Container */
.container{
	position: absolute;
	height: 450px;
}
.dropdown:not(#personal-inner) {
	border: 2px solid #BFBFBF;
	border-radius: 10px;
	display: none !important;
	float: left;
	left: -45%;
	right: -45%;
	position: relative;
	z-index: 100;
	color: #000;
}
.dropdown:not(#personal-inner) a {
	color: #FFFFFF;
	text-decoration: none;
}
.dropdown:not(#personal-inner) caption {
	width:inherit;
}
.dropdown:not(#personal-inner) td {
	vertical-align: top;
	padding: 1px;
	white-space: nowrap;
}
.dropdown:not(#personal-inner) td p a {
	border: 1px solid #3e4874;
	font-size: 90%;
	line-height: 1.2em;
	margin: 3px 3px;
	padding: 3px;
}
.dropdown:not(#personal-inner) p {
	margin: 0;
	padding: 0;
}
caption a, .dropdown:not(#personal-inner) th a {
	display: block;
	padding: 2px;
}
.dropdown:not(#personal-inner) caption a {
	padding: 5px 20px 5px 20px;
	font-size: 150%;
}

/* Main Page Portals: Character table */
.dropdowntable td {
	border: #fff solid 1px;
}
.dropdowntable td a {
	background-color: #000000;
	background-image: linear-gradient(top, #06305B, #3e4874);
	color: #FFFFFF;
	font-weight: normal;
	display: block;
	padding: 2px;
}
.dropdowntable td a:hover {
	background-image: linear-gradient(top, #bfbfff, #3e4874);
}

/* Alt text colors */
.altcolors {
	position: relative;
	animation-name: myfirst;
	animation-duration: 5s;
	animation-timing-function: linear;
	animation-delay: 1s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-play-state: running;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes myfirst {
	0%   {color: #FFFFFF; opacity: 1.0;}
	10%  {color: #FFFFFF; opacity: 1.0;}
	20%  {opacity: 0.0;}
	30%  {color: #9294b0; opacity: 1.0;}
	60%  {color: #9294b0; opacity: 1.0;}
	70%  {opacity: 0.0;}
	80%  {color: #FFFFFF; opacity:1.0;}
	100% {color: #FFFFFF; opacity:1.0;}
}

/* Standard syntax */
@keyframes myfirst {
	0%   {color: #FFFFFF; opacity: 1.0;}
	10%  {color: #FFFFFF; opacity: 1.0;}
	20%  {opacity: 0.0;}
	30%  {color: #9294b0; opacity: 1.0;}
	60%  {color: #9294b0; opacity: 1.0;}
	70%  {opacity: 0.0;}
	80%  {color: #FFFFFF; opacity:1.0;}
	100% {color: #FFFFFF; opacity:1.0;}
}

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

/* MediaWiki collapsible buttons */
.mw-collapsible-toggle {
	color: inherit;
	font-weight: bold;
}

/* 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;
	}
}

/* fulltabs class to allow for full tabber width */
.fulltabs .tabberlive {
	margin-left: 0;
}
.fulltabs .goright {
	clear: none;
	float: none;
}