MediaWiki:Gadget-GlobalStyle.css

From the Kingdom Hearts Wiki, the Kingdom Hearts encyclopedia
Revision as of 21:47, 24 August 2024 by Porplemontage (talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
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 both desktop and mobile
   The "mobile" body class can be used to target mobile specifically */

.mw-special-Upload .noupload, .useronly,
.autoconfonly, .editprotected, .editinterface {
	display: none;
}
body.anon.ns-content.action-view.mobile #stub:not(:only-child),
body.anon.ns-content.action-view .notice-template:not(.show):not(:only-child),
body.anon.ns-content.action-view #mw-hidden-catlinks:nth-of-type(2) {
	display: none !important;
}
body.anon.ns-content.action-view.desktop .notice-template.show {
	margin-top: 0 !important;
}

/* Tabs fix */
.tabber { display: inline-block; }
.tabbertab:not(:first-of-type) { display: none; }
.tabbertab:first-child, .mw-empty-elt:first-child + .tabbertab { padding: 6px; }
.client-js .tabbertab:first-child, .client-js .mw-empty-elt:first-child + .tabbertab { margin-top: 26px; }
.client-js .infobox .tabbertab:first-child, .client-js .infobox .mw-empty-elt:first-child + .tabbertab { margin-top: 24px; }
.mw-parser-output > .tabber, section > .tabber { display: block; width: max-content; margin-bottom: 0.5em; }
.mediawiki .tabbertab .infobox { margin: 0 !important; }
.infobox .tabber:not(.tabberlive) { display: block; }
.tabbertab > p:first-child { margin-top: 0.2em; }
.tabbertab > p:last-child { margin-bottom: 0; }

.client-js .mobile .tabbertab:first-child,
.client-js .mobile .mw-empty-elt:first-child + .tabbertab {
	padding-top: 31.25px; margin-top: 0;
}
.client-js .mobile .infobox .tabbertab:first-child,
.client-js .mobile .infobox .mw-empty-elt:first-child + .tabbertab {
	padding-top: 29px;
}
.client-js .mobile.skin-timeless .tabbertab:first-child,
.client-js .mobile.skin-timeless .mw-empty-elt:first-child + .tabbertab {
	padding-top: 33.6px;
}
.client-js .mobile.skin-timeless .infobox .tabbertab:first-child,
.client-js .mobile.skin-timeless .infobox .mw-empty-elt:first-child + .tabbertab {
	padding-top: 31px;
}

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

/* Hide subpages navigation for non-subpages */
.page-Zero_One .subpages { display: none !important; }

/* Hide redundant sidebar item */
body:not(.skin-monobook) li#n-Literature-\&-music,
body:not(.skin-monobook) li#n-Literature-\.26-music {
	display: none !important;
}

/* Show/hide toggle */
.mw-collapsible-toggle, .mw-collapsible-text {
	color: inherit !important;
}

/* Infobox templates */
.infobox, .infobox-wide {
	color: #000;
	text-align: center;
	border: 2px solid #000;
	border-radius: 10px;
	background: #f9f9f9;
}
.infobox-wide {
	padding: 2px;
}
.infobox-wide + .infobox-wide {
	margin-top: 0.5em;
}
.infobox.journal {
	border-color: #0089B3;
	background: #C7E2EA;
}
.infobox.journal-green {
	border-color: #98C058;
	background: #E8FFEE;
}
.infobox td, .infobox th {
	vertical-align: top;
}
.infobox.data td, .infobox.data th {
	vertical-align: middle;
}
.infobox big {
	font-size: 125% !important;
}
.infobox caption {
	font-size: larger;
	margin-left: inherit;
}
.infobox .mw-collapsible-text,
.infobox .mw-collapsible-toggle {
	color: inherit !important;
	font-weight: bold !important;
}
.client-nojs .infobox .mw-collapsible > tbody > tr > th,
body.skin-minerva .infobox .mw-collapsible > tbody > tr > th {
	text-align: center !important;
	padding: 2px !important;
}
.infobox:not(.rowspan-left) > tbody > tr:last-of-type > :first-child {
	border-bottom-left-radius: 0.5em;
}
.infobox:not(.rowspan-right) > tbody > tr:last-of-type > :last-child {
	border-bottom-right-radius: 0.5em;
}
.infobox.rowspan-left > tbody > tr:nth-last-child(2) > :first-child[rowspan="2"] {
	border-bottom-left-radius: 0.5em;
}
.infobox.rowspan-right > tbody > tr:nth-last-child(2) > :last-child[rowspan="2"] {
	border-bottom-right-radius: 0.5em;
}

/* Notice templates */
.notice-template {
	color: #000;
	font-size: 95%;
	border-radius: 10px;
}

/* Video tables */
.mw-parser-output table.video {
	display: block;
	overflow: auto;
	border: 2px solid #000;
	margin-right: auto !important;
	margin-left: auto !important;
}
table.video tr th {
	border: 1px inset;
	border-radius: 10px;
	padding-right: 5px;
	padding-left: 5px;
}
table.video tr td {
	border: 1px solid #000;
}
table.video .videoWidget,
table.video .videoWidget iframe {
	display: block !important;
}
table.video .videoWidget .autoResize {
	margin: 0 auto !important;
}

/* Alt text colors */
.altcolors {
	position: relative;
	animation-delay: 1s;
	animation-duration: 5s;
	animation-name: myfirst;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-play-state: running;
}
@keyframes myfirst {
	0%   { color: #fff; opacity: 1.0; }
	10%  { color: #fff; 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: #fff; opacity:1.0; }
	100% { color: #fff; opacity:1.0; }
}

/* Forum */
.forumheader {
	background: #f9f9f9;
	border: 1px solid #aaa;
}