MediaWiki:Common.css: Difference between revisions

From Mariopedia, a wiki on Mario, Yoshi, Wario, Donkey Kong, Super Smash Bros., and more!
Jump to navigationJump to search
Content added Content deleted
(Adding dismisabl sitenotice chang)
(removed)
 
(12 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins */

/* <h3> Shared interface </h3> */

textarea, .CodeMirror {
background: #fff url(https://static.miraheze.org/mariowiki/6/69/Marioeditbg.jpg);
}

#toc, .toc {
margin-bottom: 3px;
}

div.tleft, div.tright {
margin-top: 0.2em;
margin-bottom: 0.8em;
}
.thumb .mediaContainer {
margin: 4px auto 2px;
}
.thumb .multiVert .mediaContainer {
margin: 3px auto -1px;
}
.ns-104 div.thumb {
border-color: transparent;
}

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

.mw_metadata {
margin-top: 5px;
}

#catlinks li {
margin: 0.28em 0;
line-height: 1em;
}

blockquote {
border-left: 3px solid #06f;
margin-left: 2em;
padding-left: 1em;
}

.mw-collapsible-toggle {
padding-right: 0.3em;
}
.infobox .mw-collapsible-toggle {
min-width: 39px;
text-align: right;
}
.contentbox > .mw-collapsible-toggle {
float: none !important;
}


/* Mark redirects on Special:AllPages and Special:EditWatchlist */
/* Mark redirects on Special:AllPages and Special:EditWatchlist */
Line 16: Line 78:


/* revision info */
/* revision info */
.mw-revision.warningbox {
.mw-revision.warningbox, div.mw-message-box-warning.mw-revision.mw-message-box {
margin-top:0px;
margin-top:0px;
padding:0px;
padding:0px;
Line 39: Line 101:
}
}


/* User pages */
.ns-2 #mw-content-text p > img {
max-width: 100% !important;
height: auto !important;
}

/* User talk pages */
.ns-3 [style*="position:fixed"],
.ns-3 [style*="position: fixed"] {
display: none;
}

/* <h3> All pages </h3> */

#bodyContent {
position: relative;
}

/* 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;
}
#wpSummaryLabel .oo-ui-textInputWidget textarea,
#wpSummaryLabel .oo-ui-textInputWidget input {
padding-bottom: 0.5em;
}
#wpSummaryWidget .oo-ui-labelElement-label {
margin-right: 3px;
}

/* Edit section */
.client-js .mw-content-ltr .mw-editsection-bracket:first-of-type,
.client-js .mw-content-rtl .mw-editsection-bracket:first-of-type,
.client-js .mw-content-rtl .mw-editsection-bracket:not(:first-of-type),
.client-js .mw-content-ltr .mw-editsection-bracket:not(:first-of-type) {
margin: 0;
color: unset;
}

.client-js .editButtons .editHelp {
display: none;
}

/* Dismissable site notice */
.sitedir-ltr .mw-dismissable-notice-body {
margin: 0 60px 0 0;
}
.sitedir-rtl .mw-dismissable-notice-body {
margin: 0 0 0 60px;
}
/* Video widget */
/* Video widget */
.infobox .videoWidget,
.infobox .videoWidget,
Line 55: Line 175:
}
}


/* Media player fix */
/* Diff text */
.diffchange { font-weight: normal; }
.wikitable .mediaContainer {
.diff-addedline, .diff-deletedline, .diff-context {
margin-top: 2px;
font-size: 92%;
}
}


/* fake links */
/* OOUI fix */
.oo-ui-optionWidget.oo-ui-labelElement > .oo-ui-labelElement-label {
span.fakelink {
color: #002bb8;
overflow: visible;
cursor: pointer;
}
}

span.fakelink:hover {
/* Keep create account benefits up top */
text-decoration: underline;
.mw-special-CreateAccount #userloginForm {
margin-right: 90px;
}
}


/* Adjust inputbox button padding in Firefox */
/* Dismissable site notice */
@-moz-document url-prefix() {
.sitedir-ltr .mw-dismissable-notice-body {
.bodySearchWrap .mw-ui-button, .createboxButton {
margin: 0 60px 0 0;
padding-top: 4px;
padding-bottom: 5px;
}
}
}

.sitedir-rtl .mw-dismissable-notice-body {
/* Media player fix */
margin: 0 0 0 60px;
.wikitable .mediaContainer {
margin-top: 2px;
}
}


Line 111: Line 238:
}
}


/* miscellaneous */
/* Indicator icons */
.mw-indicators,
.mw-collapsible-toggle {
#mw-indicator-shortcut {
padding-right: 0.3em;
position: relative;
}
.mw-indicator {
margin: 0 2px;
}
}


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


/* New user message box */
.messagebox, .errorbox, .warningbox, .successbox {
.usermessage {
padding:12px;
margin-top: 1em;
}
}


/* search feature fixes */
blockquote {
.searchresults {
border-left: 3px solid #06f;
margin-left: 2em;
margin: 1em 0 1em 0.4em;
}
padding-left: 1em;

.searchresults .mw-search-exists {
margin-bottom: 3px;
}

/* Width fixes */
table {
max-width: 100%;
}
@media all and (max-width: 1100px) {
.mw-parser-output table {
min-width: 0 !important;
}
}

/* Multimedia viewer */
.mw-mmv-image img {
background: #fff !important;
}
.mw-mmv-filepage-buttons,
.mw-mmv-reuse-pane .oo-ui-widget-disabled {
display: none !important;
}
.mw-mmv-overlay {
z-index: 10000000000;
}
.mw-mmv-wrapper {
z-index: 10000000001;
font-size: medium;
}

/* Mobile only */
.mobileonly {
display: none;
}
}


/* Ban notice */
/* Ban notice */
.warningbox {border: 1px solid darkred;background: #ffcfcf;}
.warningbox {border: 1px solid darkred;background: #ffcfcf;}

/* <h3> Misc / Unsorted </h2> */

.special li {
line-height: 19px;
}
#preftoc a:active {
color: #00c;
}
.easywrap {
width: 100%;
table-layout: fixed;
word-wrap: break-word;
overflow: hidden;
}
.right {
text-align: right;
}

#editpage-copywarn {
margin: 0.6em 0 0.7em 0;
}

div.mw-translatenotice, div.mw-editinginterface, div.mw-translateinterface {
margin: 0.4em 0 0.5em 0;
}

Latest revision as of 20:09, July 26, 2023

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

/* <h3> Shared interface </h3> */

textarea, .CodeMirror {
	background: #fff url(https://static.miraheze.org/mariowiki/6/69/Marioeditbg.jpg); 
}

#toc, .toc {
	margin-bottom: 3px;
}

div.tleft, div.tright {
	margin-top: 0.2em;
	margin-bottom: 0.8em;
}
.thumb .mediaContainer {
	margin: 4px auto 2px;
}
.thumb .multiVert .mediaContainer {
	margin: 3px auto -1px;
}
.ns-104 div.thumb {
	border-color: transparent;
}

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

.mw_metadata {
	margin-top: 5px;
}

#catlinks li {
	margin: 0.28em 0;
	line-height: 1em;
}

blockquote {
	border-left: 3px solid #06f;
	margin-left: 2em;
	padding-left: 1em;
}

.mw-collapsible-toggle {
	padding-right: 0.3em;
}
.infobox .mw-collapsible-toggle {
	min-width: 39px;
	text-align: right;
}
.contentbox > .mw-collapsible-toggle {
	float: none !important;
}

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

/* main page */
body.page-Mariopedia.action-view h1.firstHeading,
body.page-Mariopedia.action-view #contentSub > *,
body.page-Mariopedia.action-view #siteSub,
body.page-Mariopedia.action-view #catlinks,
body.page-Mariopedia.action-view #lastmod {
	display: none !important;
}

/* revision info */
.mw-revision.warningbox, div.mw-message-box-warning.mw-revision.mw-message-box {
    margin-top:0px;
    padding:0px;
    border:0px;
    background:none;
}

#mw-revision-info, #mw-revision-info-current, #mw-revision-nav {
    color: #54595d;
}

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

/* User pages */
.ns-2 #mw-content-text p > img {
	max-width: 100% !important;
	height: auto !important;
}

/* User talk pages */
.ns-3 [style*="position:fixed"],
.ns-3 [style*="position: fixed"] {
	display: none;
}

/* <h3> All pages </h3> */

#bodyContent {
	position: relative;
}

/* 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;
}
#wpSummaryLabel .oo-ui-textInputWidget textarea,
#wpSummaryLabel .oo-ui-textInputWidget input {
	padding-bottom: 0.5em;
}
#wpSummaryWidget .oo-ui-labelElement-label {
	margin-right: 3px;
}

/* Edit section */
.client-js .mw-content-ltr .mw-editsection-bracket:first-of-type,
.client-js .mw-content-rtl .mw-editsection-bracket:first-of-type,
.client-js .mw-content-rtl .mw-editsection-bracket:not(:first-of-type),
.client-js .mw-content-ltr .mw-editsection-bracket:not(:first-of-type) {
	margin: 0;
	color: unset;
}

.client-js .editButtons .editHelp {
    display: none;
}

/* Dismissable site notice */
.sitedir-ltr .mw-dismissable-notice-body {
	margin: 0 60px 0 0;
}
.sitedir-rtl .mw-dismissable-notice-body {
	margin: 0 0 0 60px;
}
/* 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;
}

/* Diff text */
.diffchange { font-weight: normal; }
.diff-addedline, .diff-deletedline, .diff-context {
	font-size: 92%;
}

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

/* Keep create account benefits up top */
.mw-special-CreateAccount #userloginForm {
	margin-right: 90px;
}

/* Adjust inputbox button padding in Firefox */
@-moz-document url-prefix() {
	.bodySearchWrap .mw-ui-button, .createboxButton {
		padding-top: 4px;
		padding-bottom: 5px;
	}
}

/* Media player fix */
.wikitable .mediaContainer {
	margin-top: 2px;
}

/* remove box-shadow from notifications */
#pt-notifications-alert .mw-echo-notifications-badge:focus, #pt-notifications-notice .mw-echo-notifications-badge:focus {
    box-shadow: none;
}

/* Tabber */
.infobox .tabbernav {
	font-size: 90%;
}
.tabber.info {
	display: block;
	float: right;
	margin: 0 0 0.5em 1em;
}
.tabber.info .nav {
	display: block !important;
}
.tabber.info .infobox > tbody > tr:nth-child(2) img {
	max-width: 100% !important;
	height: auto !important;
}
.tabber.info table {
	display: block !important;
	float: none !important;
	width: auto !important;
	max-width: none !important;
	margin: 0 !important;
	overflow-x: auto !important;
}
.tabber.info tbody {
	display: table !important;
	width: 100% !important;
}

/* Indicator icons */
.mw-indicators,
#mw-indicator-shortcut {
	position: relative;
}
.mw-indicator {
	margin: 0 2px;
}

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

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

/* search feature fixes */
.searchresults {
  margin: 1em 0 1em 0.4em;
}

.searchresults .mw-search-exists {
  margin-bottom: 3px;
}

/* Width fixes */
table {
	max-width: 100%;
}
@media all and (max-width: 1100px) {
	.mw-parser-output table {
		min-width: 0 !important;
	}
}

/* Multimedia viewer */
.mw-mmv-image img {
	background: #fff !important;
}
.mw-mmv-filepage-buttons,
.mw-mmv-reuse-pane .oo-ui-widget-disabled {
	display: none !important;
}
.mw-mmv-overlay {
	z-index: 10000000000;
}
.mw-mmv-wrapper {
	z-index: 10000000001;
	font-size: medium;
}

/* Mobile only */
.mobileonly {
	display: none;
}

/* Ban notice */
.warningbox {border: 1px solid darkred;background: #ffcfcf;}

/* <h3> Misc / Unsorted </h2> */

.special li {
	line-height: 19px;
}
#preftoc a:active {
	color: #00c; 
}
.easywrap {
	width: 100%;
	table-layout: fixed;
	word-wrap: break-word;
	overflow: hidden;
}
.right {
	text-align: right;
}

#editpage-copywarn {
    margin: 0.6em 0 0.7em 0;
}

div.mw-translatenotice, div.mw-editinginterface, div.mw-translateinterface { 
    margin: 0.4em 0 0.5em 0;
}