MediaWiki:Gadget-GlobalStyle.css: Difference between revisions

From the Kingdom Hearts Wiki, the Kingdom Hearts encyclopedia
Jump to navigationJump to search
mNo edit summary
mNo edit summary
 
(7 intermediate revisions by the same user not shown)
Line 2: Line 2:
   The "mobile" body class can be used to target mobile specifically */
   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.mobile #stub:not(:only-child),
body.anon.ns-content.action-view .notice-template:not(.show):not(:only-child),
body.anon.ns-content.action-view .notice-template:not(.show):not(:only-child),
Line 42: Line 38:
.client-js .mobile.skin-timeless .infobox .mw-empty-elt:first-child + .tabbertab {
.client-js .mobile.skin-timeless .infobox .mw-empty-elt:first-child + .tabbertab {
padding-top: 31px;
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;
}
}


Line 146: Line 152:
table.video .videoWidget .autoResize {
table.video .videoWidget .autoResize {
margin: 0 auto !important;
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;
}
}

Latest revision as of 16:33, 6 January 2025

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

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