MediaWiki:Gadget-GlobalStyle.css: Difference between revisions
From the Kingdom Hearts Wiki, the Kingdom Hearts encyclopedia
Jump to navigationJump to search
mNo edit summary Tag: Reverted |
mNo edit summary |
||
Line 115: | Line 115: | ||
.infobox:not(.rowspan-left) > tbody > tr:last-of-type > :first-child { | .infobox:not(.rowspan-left) > tbody > tr:last-of-type > :first-child { | ||
border-bottom-left-radius: 0.5em; | border-bottom-left-radius: 0.5em; | ||
} | } | ||
.infobox:not(.rowspan-right) > tbody > tr:last-of-type > :last-child { | .infobox:not(.rowspan-right) > tbody > tr:last-of-type > :last-child { | ||
border-bottom-right-radius: 0.5em; | border-bottom-right-radius: 0.5em; | ||
} | } | ||
.infobox.rowspan-left > tbody > tr:nth-last-child(2) > :first-child[rowspan="2"] { | .infobox.rowspan-left > tbody > tr:nth-last-child(2) > :first-child[rowspan="2"] { | ||
border-bottom-left-radius: 0.5em; | border-bottom-left-radius: 0.5em; | ||
} | } | ||
.infobox.rowspan-right > tbody > tr:nth-last-child(2) > :last-child[rowspan="2"] { | .infobox.rowspan-right > tbody > tr:nth-last-child(2) > :last-child[rowspan="2"] { | ||
border-bottom-right-radius: 0.5em; | border-bottom-right-radius: 0.5em; | ||
} | } | ||
Latest revision as of 21:47, 24 August 2024
/* 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;
}