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
No edit summary |
(removed) |
||
(35 intermediate revisions by 3 users 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> */ |
|||
$UseCombinedLoginLink true |
|||
textarea, .CodeMirror { |
|||
background: #fff url(https://static.miraheze.org/mariowiki/6/69/Marioeditbg.jpg); |
|||
} |
|||
#toc, .toc { |
|||
$wgDefaultSkin MonoBook |
|||
margin-bottom: 3px; |
|||
} |
|||
div.tleft, div.tright { |
|||
/* Changes the default font used for MediaWiki to Verdana (does not include headings or monospaced text): */ |
|||
margin-top: 0.2em; |
|||
body { |
|||
margin-bottom: 0.8em; |
|||
font-family: "Verdana", sans-serif; |
|||
} |
|||
.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 { |
|||
/* Changes the default font used for MediaWiki headings to Verdana: */ |
|||
margin-bottom: 0; |
|||
#content h1, |
|||
padding-bottom: 0; |
|||
#content h2 { |
|||
} |
|||
font-family: "Verdana", sans serif; |
|||
#bodyContent ul.gallery { |
|||
margin: 2px; |
|||
padding: 2px; |
|||
} |
|||
li.gallerycaption { |
|||
text-align: unset; |
|||
} |
} |
||
.mw_metadata { |
|||
body { |
|||
margin-top: 5px; |
|||
font-family: 'Verdana', sans-serif; |
|||
} |
|||
#catlinks li { |
|||
protected function useCombinedLoginLink() { |
|||
margin: 0.28em 0; |
|||
$services = MediaWikiServices::getInstance(); |
|||
line-height: 1em; |
|||
$authManager = $services->getAuthManager(); |
|||
} |
|||
$useCombinedLoginLink = $this->getConfig()->get( 'UseCombinedLoginLink' ); |
|||
if ( !$authManager->canCreateAccounts() || !$authManager->canAuthenticateNow() ) { |
|||
// don't show combined login/signup link if one of those is actually not available |
|||
$useCombinedLoginLink = true; |
|||
} |
|||
return $useCombinedLoginLink; |
|||
} |
|||
protected function buildLoginData( $returnto, $useCombinedLoginLink ) { |
|||
$title = $this->getTitle(); |
|||
$loginlink = $this->getAuthority()->isAllowed( 'createaccount' ) |
|||
&& $useCombinedLoginLink ? 'nav-login-createaccount' : 'pt-login'; |
|||
$login_url = [ |
|||
'text' => $this->msg( $loginlink )->text(), |
|||
'href' => self::makeSpecialUrl( 'Userlogin', $returnto ), |
|||
'active' => $title->isSpecial( 'Userlogin' ) |
|||
|| $title->isSpecial( 'CreateAccount' ) && $useCombinedLoginLink, |
|||
'icon' => 'logIn' |
|||
]; |
|||
{ |
|||
:visited link - |
|||
interwiki:visited - |
|||
missing:visited link - #ffe100 |
|||
missing link - #ffe100 |
|||
local link - #ffe100 |
|||
external link - #ffe100 |
|||
blockquote { |
|||
.mw-body-content a:link { color: #00FF00; } /* normal unvisited links */ |
|||
border-left: 3px solid #06f; |
|||
.mw-body-content a:link:visited { color: #00ffbb; } /* visited links */ |
|||
margin-left: 2em; |
|||
.mw-body-content a:link:active { color: #FF0000; } /* active links */ |
|||
padding-left: 1em; |
|||
.mw-body-content a:link.new { color: #FF0000; } /* new links */ |
|||
} |
|||
.mw-body-content a:link.extiw { color: #3366BB; } /* interwiki links */ |
|||
.mw-body-content a:link.external { color: #3366BB; } /* external links */ |
|||
.mw-collapsible-toggle { |
|||
.mw-body-content a:link.stub { color: #772233; } /* hovered links */ |
|||
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; |
|||
} |
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;
}