MediaWiki:Common.css: Difference between revisions

From Pikipedia, the Pikmin wiki
Jump to navigation Jump to search
No edit summary
No edit summary
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins on desktop */


/* Staff highlights */
/* Staff highlights */

Revision as of 11:18, October 23, 2020

/* CSS placed here will be applied to all skins on desktop */

/* Staff highlights */
/* Edit here: https://www.pikminwiki.com/MediaWiki:Gadget-StaffHighlights.css */

/* Don't display some stuff on the main page */
body.page-Main_Page.action-view h1.firstHeading,
body.page-Main_Page.action-view .mw-revision,
body.page-Main_Page.action-view #siteSub,
body.page-Main_Page.action-view #catlinks,
body.page-Main_Page.action-view #lastmod {
	display: none !important;
}

/* Mark redirects on Special:AllPages and Special:EditWatchlist */
.allpagesredirect a.mw-redirect, .watchlistredir a.mw-redirect {
	color: #888 !important;
}

/* Navigation boxes */
table.navbox {
	background-color: #F9F9F9;
	border: 1px solid #AAA;
	clear: both;
	font-size: 90%;
	margin: 15px auto 0;
	padding: 0.2em;
	text-align: center;
	min-width: 200px;
	max-width: 95%;
}
.navbox + .navbox {
	margin-top: 5px;
}
table.navbox th {
	background-color: #CCF;
	padding-left: 1em;
	padding-right: 1em;
}
table.navbox tr:not(:first-child) th {
	background-color: #DDF;
}
@media print {
	.navbox {
		display: none;
	}
}

/* Infoboxes */
.infobox {
	border: 1px solid #AAA;
	background-color: #F9F9F9;
	color: black;
	margin-bottom: 0.5em;
	margin-left: 1em;
	padding: 0.2em;
	float: right;
	clear: right;
	font-size: 80%;
	text-align: left;
	max-width: 350px;
	min-width: 150px;
}
.infobox td,
.infobox th {
	vertical-align: top;
}
.infobox th {
	background: #E6E9FF;
	vertical-align: middle;
}
.infobox caption {
	font-size: larger;
	margin-left: inherit;
}
.infobox img {
	max-width: 340px;
	height: auto !important;
}
.infobox.bordered {
	border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
	border: 1px solid #AAA;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
	border: 0;
}
.infobox.sisterproject {
	width: 20em;
	font-size: 90%;
}
.infoboxTitle{
	font-size: 140%;
	background: #CCF;
	text-align: center;
}
@media print {
	.infobox.sisterproject {
		display: none;
	}
}

/* Bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
	border: 0;
	border-top: 1px solid #AAA;
	border-right: 1px solid #AAA;
}
.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
	border: 0;
	border-right: 1px solid #AAA;
}

/* Boldify edit tab */
#ca-edit a {
	font-weight: bold !important;
}

/* Italicise redirects in Allpages, Watchlist and Recent Changes */
.allpagesredirect {
	font-style: italic;
}
.watchlistredir {
	font-style: italic;
}

/* Misc tables */
.technicaltable {
	min-width: 380px;
}

/* Table of contents */
#toc, .toc {
	margin-bottom: 3px;
}

/* Thumbs */
div.tleft, div.tright {
	margin-top: 0.2em;
	margin-bottom: 0.8em;
}
.thumb .mediaContainer {
	margin: 4px auto 2px;
}

/* Galleries */
ul.gallery, li.gallerybox div.thumb {
	margin-bottom: 0;
	padding-bottom: 0;
}
#bodyContent ul.gallery {
	margin: 2px;
	padding: 2px;
}
li.gallerycaption {
	text-align: unset;
}

/* File pages */
#file img {
	background: url(/resources/src/mediawiki.action/images/checker.png) repeat;
}
.mw_metadata {
	margin-top: 5px;
}

/* Forum */
.forumheader { 
	border: 1px solid #AAA;
	background-color: #F9F9F9;
	margin: 1em 0 15px;
	padding: 12px;
}
.forumlist td.forum_edited a { 
	color: black;
	text-decoration: none 
}
.forumlist td.forum_title a { 
	padding-left: 20px;
}
.forumlist td.forum_title a.forum_new {
	font-weight: bold;
	background: url(/images/forum_new.gif) center left no-repeat;
	padding-left: 20px;
}
.forumlist td.forum_title a.forum_new:visited { 
	font-weight: normal;
	background: none;
	padding-left: 20px;
}
.forumlist th.forum_title { 
	padding-left: 20px;
}

/* Upload form */
#mw-htmlform-description .mw-editTools {
	display: none;
}

/* Edit box */
.wikiEditor-ui-toolbar .section-main,
.wikiEditor-ui-toolbar .tabs {
	height: auto;
}
.wikiEditor-ui textarea#wpTextbox1 {
	height: 474px;
	line-height: 1.4em;
}
.mw-summary-preview {
	margin-bottom: 0.5em;
}
#wpSummary, #wpSummaryLabel {
	margin: 0.2em 0 0.4em 0 !important;
}
input#wpSummary {
	width: 99%;
}
#wpSummaryWidget .oo-ui-labelElement-label {
	margin-right: 10px;
}

/* OOUI fix */
.oo-ui-optionWidget.oo-ui-labelElement > .oo-ui-labelElement-label {
	overflow: visible;
}

/* Video widget */
.infobox .videoWidget,
.infobox .videoWidget iframe {
	display: block !important;
}
.infobox .autoResize {
	margin: 0 auto !important;
}
.autoResize:not(.thumbinner) .thumbcaption {
	margin: 0;
	padding: 0;
}
.videoWidget + p {
	margin: 0;
}

/* Dismissable SiteNotice */
.sitedir-ltr .mw-dismissable-notice-body {
	margin: 0 60px 0.5em 0;
}
.sitedir-rtl .mw-dismissable-notice-body {
	margin: 0 0 0.5em 60px;
}

/* Auto-scroll if <pre></pre> box is too wide */
pre {
	overflow: auto;
}

/* Captcha spacing */
#editform #wpCaptchaWord {
	margin-top: 2.5px;
}
.mw-ui-vform-field:nth-of-type(6) .mw-input {
	margin-top: 10px;
}
#userloginForm .mw-ui-vform-field:nth-of-type(6) {
	margin-bottom: 5px;
}
.mw-input img, #editform img, label img {
	image-rendering: auto !important;
}
.mw-htmlform-field-HTMLReCaptchaNoCaptchaField .mw-input {
	margin-top: 1px;
}
.editOptions .g-recaptcha {
	margin-bottom: 10px;
}

/* Pikipedia boxes */
.pikipediaBox {
	background-color: #CFC;
	border: 2px outset #0b0;
	margin: 5px auto 10px;
	padding: 0 .5em;
}
div + .pikipediaBox,
.pikipediaBox + .navbox {
	margin-top: 10px;
}
.pikipediaBox + .pikipediaBox {
	margin-top: -5px;
}

/* Titled boxes */
.titledBox{
	width: 100%;
	background: #f5fffa;
	border: 1px solid #cef2e0;
	margin-top: 10px;
	padding: 6px;
}
.titledBoxTitle{
	width: 100%;
	height: 1em;
	background: #cef2e0;
	border: 1px solid #a3bfb1;
	padding: 0 5px;
	font-size: 1.2em;
	font-weight: bold;
}

/* Area navbox icons */
.navboxIcon img{
	transition: all 0.3s;
	transform: scale(0.8);
}
.navboxIcon img:hover{
	transform: scale(1.0);
}

/* Pikipedia:Chat */
body.page-Pikipedia_Chat #mw-content-text > .mw-parser-output > p:last-of-type {
	margin-bottom: 0;
}

/* MediaWiki collapsible buttons */
.mw-collapsible-toggle {
	font-weight: normal;
}

/* References */
ol.references {
	margin-top: 0;
}
ol.references div {
	display: inline;
}
ol.references span {
	line-height: 1;
}

/* Indicator icons */
.mw-indicators {
	position: relative;
}
.mw-indicator {
	margin: 0 2px;
}
.mw-indicator img {
	image-rendering: auto !important;
}
#mw-indicator-mw-helplink {
	display: none;
}

/* Explain text */
.explain[title] {
	text-decoration: none;
	border-bottom: 1px dotted;
}

/* New user message box */
.usermessage {
	margin-top: 1em;
}

/* Width fix */
table {
	max-width: 100%;
}

/* Media player fix */
.wikitable .mediaContainer {
	margin-top: 2px;
}
.video-js {
	overflow: hidden;
	display: block !important;
}
.vjs-time-tooltip {
	display: none !important;
}
#file > .video-js {
	display: inline-block !important;
}
.thumb .video-js {
	margin-left: auto;
	margin-right: auto;
}
.infobox .video-js {
	margin-top: 1px;
	min-width: 200px;
	width: auto !important;
}

/* Multimedia viewer */
.mw-mmv-filepage-buttons {
	display: none;
}
.mw-mmv-image img {
	image-rendering: auto !important;
}
.mw-mmv-wrapper {
	font-size: medium;
}

/* Who's online */
#whosonline {
	margin-bottom: 1px;
}

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