MediaWiki:Gadget-GlobalStyle.css: Difference between revisions

From the Nintendo Wiki, a wiki covering all things Nintendo
Jump to navigationJump to search
Content added Content deleted
m (breakpoint top margin)
m (I can't roll back but copied and pasted the last version by RMV2003 instead, to essentially roll back what I've done because CSS is not working here as it typically does, and does on my site with the same skin activated.)
Tags: Manual revert Reverted
Line 246:
text-decoration: underline;
}
 
 
#nav.mainpagebox {
padding: 2px 2px 5px 0;
Line 251 ⟶ 253:
border: 1px solid gray;
}
/* mainpage new-releases box input field to adjust to width of parent */
.new-releases .mw-inputbox-createbox {
width: 100%;
}
/* See media queries section (bottom of this page) for media queries specific to main page */
 
#mf-poll .poll__question-media > div,
Line 385 ⟶ 382:
table.table, table.table {background:#fff;margin:1em 0;border:1pt solid #000;border-collapse:collapse;color:black}
table.table > * > tr > td, table.table > * > tr > th, table.table > * > tr > td, table.table > * > tr > th {border:1pt solid #000;padding:0.2em 0.4em}
 
/* -- Media Queries -- */
/* These control things at different device widths */
/* -- At 1000 px wide or less -- */
@media only screen and (max-width: 1000px) {
.mainpagebox .wikicolumns {
column-count: 2;
}
}
 
/* -- At 800 px wide or less -- */
@media only screen and (max-width: 800px) {
.twocol-left {
width:100%!important;
}
.twocol-right {
width:100%!important;
margin-top:9px;
}
.mainpagebox-inner {
width:100%!important;
}
}
 
/* -- At 300 px wide or less -- */
@media only screen and (max-width: 300px) {
.mainpagebox .wikicolumns {
column-count: 1;
}
}

Revision as of 22:06, March 25, 2022

/* 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-wiki-logo { background-size: 150px; }

body.anon.ns-content.action-view.desktop .notice-template.show {
	margin-top: 0 !important;
}

/* Site notice */
#localNotice a.external {
	padding: 0 !important;
	background: none !important;
}

/* Image thumbs */
html .thumbimage { background-color: #fff; }

/* Image/gallery classes */
img.blackbg, .gallery.blackbg img { background: #000 !important; }
img.graybg, img.greybg, .gallery.graybg img, .gallery.greybg img {
	background: #808080 !important;
}

ul.gallery img, table.filehistory img, table.listfiles img, table.searchResultImage img {
	image-rendering: crisp-edges;
	image-rendering: pixelated;
}

.pixelated, .pixelart, .sprites, .sprite {
	image-rendering: crisp-edges; image-rendering: pixelated;
}

/* Gallery classes */
.gallery.center {
	margin-left: auto !important;
	margin-right: auto !important;
}
.gallery.centertext .gallerytext {
	text-align: center !important;
}

/* Gallery slideshow */
.mw-gallery-slideshow .gallerybox + .gallerybox {
	display: none;
}
.mw-gallery-slideshow-thumbnails-toggled ~ .gallerybox {
	display: inline-block !important;
}

/* File pages */
#file img, .filehistory a img {
	background: url(https://static.miraheze.org/kirbywiki/7/73/Checker.png) repeat;
}

/* Media player */
#file > .video-js { display: inline-block !important; }
.thumb .video-js { margin-left: auto; margin-right: auto; }
.video-js .vjs-progress-control .vjs-mouse-display { z-index: 2; }
.infobox .video-js { margin-top: 1px; min-width: 200px; width: auto !important; }
.video-js .vjs-volume-vertical, .vjs-mouse-display .vjs-time-tooltip { background: #111; }
.video-js { overflow-x: clip; display: block !important; }
.video-js .vjs-control-bar { background: #000; }
/* Newbie bug fix */
body.newbie .video-js { overflow: hidden !important; }
body.newbie .vjs-time-tooltip { display: none !important; }

/* Formatting fixes */
pre { overflow: auto; }
hr { overflow: hidden; }
div[style*="column-"] > p { margin: 0 !important; }
.mw-parser-output table sup { white-space: nowrap; }
span.comment, .mw-parser-output a.external.free, .filehistory.wikitable td[dir] {
	word-wrap: anywhere;
}

/* Margin fixes */
.ns-subject:not(.ns-110) #mw-content-text li > ul,
.ns-subject:not(.ns-110) #mw-content-text li > ol {
	margin-top: 0.1em !important;
}
.ns-subject:not(.ns-110) #mw-content-text dl + ul,
.ns-subject:not(.ns-110) #mw-content-text dl + ol {
	margin-top: -0.3em !important;
}
.ns-subject:not(.ns-110) #mw-content-text ul + dl,
.ns-subject:not(.ns-110) #mw-content-text ol + dl  {
	margin-top: 0.3em !important;
}

/* Scrollable tables */
table.scrollable {
	display: block;
	overflow: auto;
	max-width: max-content;
	border: 0;
}

/* Show/hide toggles */
.navbox .mw-collapsible-toggle {
	text-align: right;
	min-width: 3.729em;
}
.wikitable.mw-collapsed .mw-collapsible-toggle {
	margin-left: 10px;
}

/* Links */
a { color: #00f; }
a:active { color: orange; }
a:visited { color: #00c; }
.mw-parser-output a.extiw { color: #06f; }
.mw-parser-output a.extiw:visited { color: #3366BB; }
.mw-parser-output a.external { color: #06f; }
.mw-parser-output a.external:visited { color: #0044CC; }

/* Link fixes */
body.mediawiki a.mw-selflink {
	color: inherit !important;
	cursor: inherit !important;
	text-decoration: inherit !important;
	font-weight: bold !important;
}
a font:hover, a span:hover {
	text-decoration: inherit;
}

/* Hide help indicator */
#mw-indicator-mw-helplink { display: none; }

/* Special:Preferences */
#mw-htmlform-mobile .oo-ui-inline-help { display: none; }

/* Special:Contact */
.mw-special-Contact fieldset div[data-ooui*="wpSubject"] {
	display: none;
}
.mw-special-Contact #wpCaptchaWord,
.mw-special-Contact fieldset div[data-ooui*="HTMLInfoField"],
.mw-special-Contact.desktop fieldset div[data-ooui*="wpCCme"] {
	margin-top: 2px;
}
.mw-special-Contact fieldset div[data-ooui*="CAPTCHA"] {
	margin-top: 1em;
}

/* Watchlist expiry (icon fix) */
.oo-ui-icon-clock, .mw-ui-icon-clock::before {
	background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Eclock%3C/title%3E%3Cpath d=%22M10 0a10 10 0 1010 10A10 10 0 0010 0zm2.5 14.5L9 11V4h2v6l3 3z%22/%3E%3C/svg%3E");
}
.mw-changesList-watchlistExpiry.oo-ui-iconElement-icon {
	height: 13px;
	min-height: 13px;
	position: relative;
	top: -1px;
	opacity: 0.51;
}

/* Pixelated gallery/interface image upscaling */
ul.gallery img, table.filehistory img, table.listfiles img, table.searchResultImage img {
	image-rendering: crisp-edges;
	image-rendering: pixelated;
}

/* Root category */
body.page-Category_Nintendo_Wiki.action-view #mw-subcategories h3:last-of-type,
body.page-Category_Nintendo_Wiki.action-view #mw-subcategories ul:last-of-type,
body.page-Category_Nintendo_Wiki.action-view #catlinks {
	display: none;
}

/* main page boxes, adapted from Super Mario Wiki */
.mainpagebox {
	border: 1px solid #3B587E;
	padding: 2px;
	background: #F8F8FF;
}
.mainpagebox p {
	margin: 0.9em 0 1em;
}
.mainpagebox#welcome {
	padding: 2px 2px 2px 0;
}
.mainpagebox#nav {
	font-size: 120%;
	padding: 2px 2px 5px 0;
	background: #FDFDFF;
	border-color: #999;
}
.mainpagebox#nav ul {
	margin-left: 20px;
}

.mainpagebox#right {
	padding: 2px 2px 5px;
}
.mainpagebox.maintain {
	text-align: center;
	padding: 2px 2px 0;
	margin-top: 10px;
}
.mainpagebox h2 {
	padding: 4px 5px 2px;
	margin-bottom: 1px !important;
	border: 1px solid #567CAF;
	font-size: 120%;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}
.mainpagebox#featured h2 {
	background: #009D00;
	border-color: #005100;
}

.mainpagebox#featured-pokemon h2 {
    background: #EC0000;
    border-color: #9D0000;
}

.mainpagebox#poll h2 {
    background: #9B04FF;
    border-color: #4F0084;
}

.mainpagebox#news h2 {
	background: #1C49FF;
	border-color: #001C8A;
}
.mainpagebox#dyk h2 {
	background: #FF8000;
	border-color: #914800;
}

.mainpagebox#helping-out h2 {
	background: #FF4868;
    border-color: #C60023;
}

.MainTopText a {
	color: black !important;
	text-decoration: none;
}
.MainTopText a:hover {
	color: black;
	text-decoration: underline;
}


#nav.mainpagebox {
    padding: 2px 2px 5px 0;
    background: #FDFDFF;
    border: 1px solid gray;
}

#mf-poll .poll__question-media > div,
.mainpagebox#poll .poll__question-media > div {
	border: 1px solid #3B587E;
}

/* Infobox templates */

.infobox {
    background-color: #fff;
    border: 1px solid gray;
    float: right;
    font-size: 88%;
    width: 300px;
    margin:0 0 1em 1.15em;
    padding:4px;
}

.infobox tr {
	vertical-align: top;
}
.infobox td, .infobox th {
	padding: 2px;
}

.infobox .mw-collapsible-toggle {
	min-width: 39px;
	text-align: right;
}

/* Infobox colors */
.infobox { color: #000; }
.infobox.red { border: 1px solid #F98686; background: #FFF5EE; }
.infobox.red > tbody > tr:first-child > td { background: #FAAAAA; }
.infobox.red > tbody > tr:nth-child(2n+3) { background: #FFE4E1; }
.infobox.green { border: 1px solid #88AA88; background: #F8FFF7; }
.infobox.green > tbody > tr:first-child > td { background: #8AFA8A; }
.infobox.green > tbody > tr:nth-child(2n+3) { background: #AAFFAA; }
.infobox.orange { border: 1px solid #FF5300; background: #FFF7EE; }
.infobox.orange > tbody > tr:first-child > td { background: #FF8A4A; }
.infobox.orange > tbody > tr:nth-child(2n+3) { background: #FF9C77; }
.infobox.gray { border: 1px solid #000; background: whitesmoke; }
.infobox.gray > tbody > tr:first-child > td { background: lightgray; }
.infobox.gray > tbody > tr:nth-child(2n+3) { background: gainsboro; }

/* specific infoboxes */
.infobox.series > tbody > tr:nth-child(2n+3) { background: #C4C3D0; }
.infobox.dklevel > tbody > tr > td:first-of-type { width: 45%; }

/* notice templates */
body:not(.ns-6) .notice-template + .notice-template {
	margin-top: -0.375em !important;
}
#mw-imagepage-content .notice-template + #aboutfile {
	margin-top: 0.75em !important;
}
#mw-imagepage-content .notice-template:not(#aboutfile) {
	margin-top: 0.75em !important;
	margin-bottom: 2.5px !important;
}

.notice-template p {
	margin: 0.6em 0;
}

.notice-template {
        display: flex;
        background: #f1f1de;
        border: 2px solid #996;
        margin: 0 2% 0.75em;
        padding:0 1em;
        color: #000;
}

.notice-template.copyright {
    background: #fff9f9;
    border: 1px solid #C55;
    font-size: 95%;
    width: 90%;
    margin: 5px auto;
    padding: 5px;
}

/* forum formatting */
.forumheader {
    border: 1px solid #88A;
    background-color: #F8F8FF;
    margin-top: 1em;
    margin-bottom: 1em;
    padding: 8px;
}
.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;
	padding-left: 20px;
}
.forumlist td.forum_title a.forum_new:visited {
	background: none;
	font-weight: normal;
	padding-left: 20px;
}
.forumlist th.forum_title {
	padding-left: 20px;
}

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

.mobile .tabbertab:first-child { margin-top: 0; padding-top: 31.5px; }
.mobile.skin-timeless .tabbertab:first-child { padding-top: 33.6px; }
.mobile.skin-timeless .infobox .tabbertab:first-child { padding-top: 31px; }
.mobile .infobox .tabbertab:first-child { padding-top: 29px; }

/* Black border & cell tables */
table.table, table.table {background:#fff;margin:1em 0;border:1pt solid #000;border-collapse:collapse;color:black}
table.table > * > tr > td, table.table > * > tr > th, table.table > * > tr > td, table.table > * > tr > th {border:1pt solid #000;padding:0.2em 0.4em}
Retrieved from "https://nintendowiki.wiki/wiki/MediaWiki:Gadget-GlobalStyle.css?oldid=3579"