MediaWiki:Gadget-MainPageStyle.css: Difference between revisions

From Pikipedia, the Pikmin wiki
Jump to navigation Jump to search
No edit summary
No edit summary
Line 233: Line 233:
body .header-container.header-chrome,
body .header-container.header-chrome,
body #mw-mf-page-center, body .minerva-footer,
body #mw-mf-page-center, body .minerva-footer,
body .last-modified-bar, body .last-modified-bar.active {
body .last-modified-bar, body .last-modified-bar.active,
body #mw-content, body #mw-content-container, body .sidebar-chunk {
border: none !important;
border: none !important;
background: transparent !important;
background: transparent !important;
}
}

Revision as of 18:15, March 31, 2022

/* CSS styling and responsive support for the main page */

/* Site styles */
.main-page-left-col {
	width: 65%;
	vertical-align: top;
}
.main-page-right-col {
	padding-left: 8px;
	vertical-align: top;
}

/* Responsive fixes */
.mp-welcome > p {
	margin: 0 !important;
}
.mp-welcome-container {
	border-spacing: 0 !important;
}
@media all and (max-width: 719px) {
	.mp-welcome {
		font-size: 110% !important;
		padding-bottom: 0 !important;
	}
	.mp-flower-mobile {
		margin-top: 10px !important;
	}
	.mp-flower-desktop,
	#niwa-intro, .niwa-series {
		display: none !important;
	}
	.main-page-left-col, .main-page-right-col {
		display: block !important;
		width: auto !important;
		padding: 0 !important;
	}
	#niwa-table {
		font-size: 95% !important;
	}
	#niwa-list {
		column-count: 2 !important;
		column-width: auto !important;
	}
}
@media all and (min-width: 720px) {
	.mp-flower-mobile {
		display: none !important;
	}
	.main-page-right-col > .titledBox:first-of-type {
		margin-top: 0 !important;
	}
}

/* Hocotate Freight buy-out */

body {
  background: linear-gradient(#eee, #e11) fixed !important;
  padding-right: 2em !important;
}

.mw-body {
  -webkit-text-stroke: black 0.3px !important;
  color: white !important;
  font-size: 18pt !important;
  text-shadow: 2px 2px 1px black !important;
  text-transform: uppercase !important
}

.mw-body a, .mw-body a:visited, .mw-body a:focus {
  color: yellow !important;
}

#niwa-list a, body .mw-parser-output a.external, body .mw-parser-output a.external:visited, body .mw-parser-output a.extiw, body .mw-parser-output a.extiw:visited {
  color: yellow !important;
}

table {
  font-size: unset !important;
}

.mw-body-content {
  font-size: unset !important;
  line-height: 1.4 !important;
}

.mw-body, .mw-footer {
	margin-left: 7em !important;
}

#content {
  background: none !important;
  border: none !important;
}

.titledBox {
  background: none !important;
  border-color: rgba(0, 0, 0, 0.4) !important;
}

.titledBoxTitle {
  background: none !important;
}

.main-page-nav-item {
  background: none !important;
  border-color: rgba(0, 0, 0, 0.4) !important;
}

.news-type div {
  background: none !important;
  border-color: rgba(0, 0, 0, 0.4) !important;
}

.pikipediaBox {
  background: none !important;
  border-color: rgba(0, 0, 0, 0.4) !important;
  color: yellow !important;
}

div.thumbinner {
  background: none !important;
  border-color: rgba(0, 0, 0, 0.4) !important;
}

nav.vectorTabs ul > li {
  background: none !important;
  border-color: rgba(0, 0, 0, 0.4) !important;
  color: black !important;
}

nav.vectorTabs ul > li a {
  color: black !important;
}

nav.vectorTabs li.selected {
  background: none !important;
  border-color: rgba(0, 0, 0, 0.4) !important;
  color: black !important;
}

nav.vectorTabs li.selected a {
  color: black !important;
}

.mw-wiki-logo {
  background-size: 100px !important;
  background-image: url('https://www.pikminwiki.com/images/2/2a/Research_Pod_P2_art.png') !important
}

textarea {
  text-shadow: none !important;
  -webkit-text-stroke: 0 !important;
}

.warningbox {
  background-color: rgba(255, 255, 255, 0.3) !important;
  border-color: rgba(255, 255, 255, 0.5) !important;
}

a, .toctogglelabel, #p-cactions li a, nav.vectorTabs li a, .mw-parser-output a.extiw, .mw-parser-output a.external, #mw-panel .portal .body li a {
  color: black !important;
}

a:visited, .toctogglelabel:visited, #p-cactions li a:visited, nav.vectorTabs li a:visited, .mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited, #mw-panel .portal .body li a:visited {
  color: black !important;
}

.toc, .mw-warning, .toccolours, .catlinks {
  background-color: #d44 !important;
  border-color: rgba(0, 0, 0, 0.5) !important;
}

.infobox {
  background-color: #d44 !important;
}

.infobox th {
  background-color: #c33 !important;
}

table.wikitable > tr > th, table.wikitable > * > tr > th {
  background-color: #c33 !important;
}

.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
  background-color: #d44 !important;
  border-color: rgba(0, 0, 0, 0.5) !important;
}

li.gallerybox div.thumb {
  background-color: rgba(0, 0, 0, 0) !important;
  border-color: rgba(0, 0, 0, 0.5) !important;
}

h1, h2, h3, h4, h5, h6 {
  color: white !important;
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
  font-family: sans !important;
}

.mw-editform .editOptions {
  background-color: #c33 !important;
  color: white !important;
}

ul {
  list-style: initial !important;
}

.mw-content-ltr .tocnumber {
  color: yellow !important;
}

#toc li {
  list-style: none !important;
}

body.skin-monobook .portlet ul {
  list-style-type: none !important;
}

@keyframes marquee {
  0% { transform: translateX(100%); }
  100% { transform: translateX(-100%); }
}

.marquee{
  animation: marquee 13s linear infinite;
}

body .header-container.header-chrome,
body #mw-mf-page-center, body .minerva-footer,
body .last-modified-bar, body .last-modified-bar.active,
body #mw-content, body #mw-content-container, body .sidebar-chunk {
	border: none !important;
	background: transparent !important;
}