MediaWiki:Common.css: Difference between revisions

m
no edit summary
No edit summary
mNo edit summary
(126 intermediate revisions by the same user not shown)
Line 8: Line 8:
/* <h3> Shared interface </h3> */
/* <h3> Shared interface </h3> */


#n-Anniversary { display: none; }
.mw-wiki-logo { background-size: 150px; }
textarea, .CodeMirror {
background: #fff url(https://mario.wiki.gallery/images/marioeditbg.jpg);
}
pre {
overflow: auto;
}
#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 {
.ns-104 div.thumb {
border-color: transparent;
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;
}
#file img {
background: url(https://mario.wiki.gallery/resources/src/mediawiki.action/images/checker.png) repeat;
}
.mw_metadata {
margin-top: 5px;
}
}


.catlinks {
.catlinks {
background: #f9f9f9 url(https://mario.wiki.gallery/images/papermariohead.jpg) no-repeat center right;
background: #f9f9f9 url(https://mario.wiki.gallery/images/papermariohead.jpg) no-repeat bottom right;
margin-top: 10px;
margin-top: 10px;
}
}
Line 70: Line 27:
}
}


.mw-collapsible-toggle {
/* User pages */
padding-right: 0.3em;
.ns-2 #mw-content-text p > img {
}
max-width: 100% !important;
.infobox .mw-collapsible-toggle {
height: auto !important;
min-width: 39px;
text-align: right;
}
.contentbox > .mw-collapsible-toggle {
float: none !important;
}
}


/* Mark redirects on Special:AllPages and Special:EditWatchlist */
/* User talk pages */
.allpagesredirect a.mw-redirect, .watchlistredir a.mw-redirect {
.ns-3 [style*="position:fixed"],
color: #888 !important;
.ns-3 [style*="position: fixed"] {
}
 
/* References */
ol.references {
margin-top: 0;
font-size: 90%;
}
ol.references div {
display: inline;
}
ol.references span {
line-height: 1;
}
 
.ns-3 [style*="position:fixed"] {
display: none;
display: none;
}
.ipa {
font-family: "Arial Unicode MS","Charis SIL","DejaVu Sans",Gentium,"Lucida Sans Unicode","TITUS Cyberbit","DoulosSIL",Arial;
}
}


/* <h3> All pages </h3> */
/* <h3> All pages </h3> */
#bodyContent {
position: relative;
}
.mw-newarticletext {
margin-bottom: 10px;
}


/* Infobox templates */
/* Infobox templates */
Line 119: Line 45:
float: right;
float: right;
clear: right;
clear: right;
margin: 0 0 1em 1.15em;
}
.infobox + .infobox,
.infobox + style + .infobox {
clear: none;
}
.infobox, .infobox-wide {
font-size: 88%;
font-size: 88%;
margin: 0 0 1em 1em;
}
padding: 4px;
.infobox tr {
vertical-align: top;
}
.infobox td, .infobox th,
.infobox-wide td, .infobox-wide th {
padding: 2px;
}
}


Line 128: Line 66:
margin-top: -0.375em !important;
margin-top: -0.375em !important;
}
}
#mw-imagepage-content .notice-template + #aboutfile {
.notice-template.talk,
margin-top: 0.75em !important;
body:not(.ns-6) .notice-template.maintenance {
}
#mw-imagepage-content .notice-template:not(#aboutfile) {
margin-top: 0.75em !important;
margin-bottom: 2.5px !important;
}
.notice-template.talk, body:not(.ns-6) .notice-template.maintenance {
max-width: max-content !important;
max-width: max-content !important;
}
.notice-template.copyright {
margin: 2.5px auto !important;
}
}
.notice-template p {
.notice-template p {
margin: 0.6em 0;
margin: 0.6em 0;
}
/* 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;
}
#wpSummaryLabel .oo-ui-textInputWidget textarea,
#wpSummaryLabel .oo-ui-textInputWidget input {
padding-bottom: 0.5em;
}
#wpSummaryWidget .oo-ui-labelElement-label {
margin-right: 3px;
}
/* Watchlist expiry */
#wpWatchlistExpiry, #wpWatchlistExpiryWidget .oo-ui-dropdownWidget-handle {
height: auto;
min-height: 0;
padding-top: 4px;
padding-left: 7px;
padding-bottom: 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;
}
/* 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;
}
/* 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 0;
}
.sitedir-rtl .mw-dismissable-notice-body {
margin: 0 0 0 60px;
}
/* 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;
}
.mw-ui-vform {
width: 302px;
}
}


Line 257: Line 85:
padding-bottom: 5px;
padding-bottom: 5px;
}
}
}
/* <h3> [[Main Page]] </h3> */
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;
}
body.page-Main_Page.action-view #bodyContent {
margin-top: 16px;
}
body.page-Main_Page.action-view .usermessage {
margin-top: 43px;
}
body.page-Main_Page .pds-box {
width: 100% !important;
max-width: none !important;
}
body.page-Main_Page .pds-question-top {
padding-left: 3px !important;
}
.MainTopText a {
color: black !important;
text-decoration: none;
}
.MainTopText a:hover {
color: black;
text-decoration: underline;
}
.mainpagebox {
border: 2px solid #496C9C;
padding: 2px;
background: #F8F8FF;
border-radius: 1em;
}
.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#poll,
.mainpagebox#dyk,
.mainpagebox.shroom,
.mainpagebox.mwe {
        margin-top: 10px;
}
.mainpagebox #polltable {
margin-bottom: 25px;
}
.mainpagebox .crowdsignal {
margin-bottom: 10px;
}
.mainpagebox#poll .throbber {
display: none;
}
.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: 2px solid #567CAF;
font-size: 120%;
font-weight: bold;
color: #FFFFFF;
text-align: center;
border-radius: 0.75em;
}
.mainpagebox#featured h2 {
background: #009D00;
border-color: #005100;
}
.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.shroom h2 {
background: #EC0000;
border-color: #9D0000;
}
.mainpagebox.mwe h2 {
background: #FF4868;
border-color: #C60023 !important;
}
.mainpagebox#announce {
text-align: center;
padding: 2px 2px 0;
margin-top: 10px;
}
.mainpagebox#niwa {
padding: 3px 2px 2px;
}
.mainpagebox h2#tourney {
background: #4682B4;
}
.mainpagebox#tourneysub {
background-color: lightsteelblue;
border: 2px solid #3b587e;
}
.mainpagebox#tourneybox {
border-collapse: collapse;
background: #F8F8FF;
}
.newpoll {
width: 100%;
background: transparent;
text-align: center;
table-layout: fixed;
word-wrap: break-word;
}
.pollq {
padding: 0 3px 0 6px;
margin-bottom: -19px;
position: relative;
background: #F8F8FF;
font-weight: bold;
}
.MainPageAffiliatesBox {
border: none;
width: 100%;
margin-bottom: 8px;
}
.affiliates {
text-align: center;
font-size: 10px;
}
.affiliates a {
background: none !important;
padding: 0 !important;
}
.affiliates img {
margin-top: 1px;
margin-bottom: 2px;
}
.affiliates .affiliatesub {
background-color: #FFFFFF;
padding: 4px;
border: 1px solid #790000;
background-color: #FFF9F9;
}
/* <h3> [[MarioWiki:Introduction]] </h3> */
.IntroPageBox {
background-color: #ffe;
background-repeat: no-repeat;
background-position: bottom right;
}
.IntroPageBox div.tright {
border-color: transparent !important;
}
/* <h3> [[Mariowiki:Proposals]] </h3> */
.page-MarioWiki_Proposals #content {
background: #fefffe;
color: black;
border-radius: 8px;
border: 2px solid black;
background: #ffffff url(https://mario.wiki.gallery/images/8/88/Proposals-bg.png);
}
.page-MarioWiki_Proposals #p-cactions li.selected a,
.page-MarioWiki_Anniversary #p-cactions li.selected a {
padding: 0 .8em .3em!important;
}
/* <h3> [[Mariowiki:Anniversary]] </h3> */
.page-MarioWiki_Anniversary #content {
background: #fffefe;
color: black;
border-radius: 8px;
border: 2px solid black;
background: #ffffff url(https://mario.wiki.gallery/images/7/79/Anniversary-bg.png);
}
/* <h3> [[Mariowiki:Chronology]] </h3> */
#fh1,
#fh2,
#fh3,
#fh4,
#fh5,
#fh6 {
color: black;
background: none;
font-weight: normal;
margin: 0;
padding-top: .5em;
padding-bottom: .17em;
border-bottom: 1px solid #aaa;
}
#fh1 {
font-size: 188%;
}
#fh2 {
font-size: 150%;
}
#fh3,
#fh4,
#fh5,
#fh6 {
border-bottom: none;
font-weight: bold;
}
#fh3 {
font-size: 132%;
}
#fh4 {
font-size: 116%;
}
#fh5 {
font-size: 100%;
}
#fh6 {
font-size: 80%;
}
#bodyContent #fh1,
#bodyContent #fh2 {
margin-bottom: .6em;
}
#bodyContent #fh3,
#bodyContent #fh4,
#bodyContent #fh5 {
margin-bottom: .3em;
}
/* <h3> [[MarioWiki:Chat]] </h3> */
body.page-MarioWiki_Chat #content {
color: #000;
background: #e9e9ff;
border: 2px dashed #99f;
padding: 20px;
}
body.page-MarioWiki_Chat #mw-content-text > .mw-parser-output > p:last-of-type {
margin-bottom: 0;
}
/* <h3> [[List of games]] </h3> */
.games {
background: silver;
border: 1px solid #000;
margin-bottom: 7px;
}
.games tbody tr {
background: #fff;
}
}


Line 558: Line 107:
background-image: url(https://mario.wiki.gallery/images/archive/4/4c/20210402135134!Mariowiki.png);
background-image: url(https://mario.wiki.gallery/images/archive/4/4c/20210402135134!Mariowiki.png);
}
}
 
body[class*="page-MarioWiki_BJAODN_April_Fool_s_2023"] .mw-wiki-logo {
/* <h3> Template:Delete </h3> */
background-image: url(https://mario.wiki.gallery/images/archive/4/4c/20230402112604!Mariowiki.png);
.notice-template#delete {
background: #333;
color: white;
}
.notice-template#delete a:not(.new) {
color: yellow;
}
 
/* <h4> Template:Button </h4> */
.defaultbutton {
background: white;
border: 1px solid black;
padding: 0px 0.5em;
border-radius: 1em;
font-variant: small-caps;
color: black;
font-size: smaller;
white-space:nowrap;
display: inline;
}
.button{
background:url(https://mario.wiki.gallery/images/thumb/7/75/Def_Button.svg/16px-Def_Button.svg.png) no-repeat;
font-size:smaller;
font-variant:small-caps;
padding:0 3px;
white-space:nowrap;
width:10px;
height:16px;
display:inline-block;
overflow:hidden
}
 
/* <h4> Template:PipeWarning </h4> */
.pipe {
background: #d4e6ea url(https://mario.wiki.gallery/images/f/fd/Pipewarning_image.png) repeat;
padding: 0.3em;
color: black;
}
 
/* <h4> Template:Sigbox </h4> */
.sigbox {
background: url(https://mario.wiki.gallery/images/sigboxbg.png) no-repeat top left;
min-height: 35px;
min-width: 295px;
}
 
/* <h4> Template:Fake link </h4> */
.fakelinks {
cursor: pointer;
color: #002bb8;
}
.fakelinks:hover {
text-decoration: underline;
}
 
/* <h4> Template:Shroom </h4> */
.template-shroom ul,
.template-shroom ul li {
list-style-image:url(https://mario.wiki.gallery/images/3/35/Shroombull.png);
}
 
/* <h4> Template:NIWA </h4> */
.niwa-ext,
.niwa-ext tr,
.niwa-ext td,
.niwa-ext th {
border: 0px;
padding: 0px;
margin: 0px;
}
}


Line 638: Line 118:
#preftoc a:active {
#preftoc a:active {
color: #00c;  
color: #00c;  
}
.oldh3 {
font-size: 132%;
}
.spoiler {
width: 70%;
padding: 0.2em;
margin: 10px;
border-top: 2px solid #ccc;
border-bottom: 2px solid #ccc;
}
}
.easywrap {
.easywrap {
Line 654: Line 124:
word-wrap: break-word;
word-wrap: break-word;
overflow: hidden;
overflow: hidden;
}
#disambig {
border-top: 3px double #cccccc;
border-bottom: 3px double #cccccc;
}
}
.right {
.right {
text-align: right;
text-align: right;
}
/* Creates a div class that can be used to add mouse-over functionality. */
.hoverexpand {
height: 18px;
padding: 2px;
overflow: hidden;
*overflow: visible;
_overflow: visible;
}
.hoverexpand:hover {
height: 100%;
overflow: visible;
}
}


/* Indicator icons */
/* Indicator icons */
.mw-indicators,
#mw-indicator-shortcut {
position: relative;
}
.mw-indicator {
.mw-indicator {
margin: 0 2px;
margin: 0 2px;
}
}
.mw-indicator img {
#mw-indicator-investigate-link {
image-rendering: auto !important;
top: 7px;
}
#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 fixes */
table {
max-width: 100%;
}
@media all and (max-width: 1100px) {
.mw-parser-output table {
min-width: 0 !important;
}
}
 
/* 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-image img {
background: #fff !important;
image-rendering: auto !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 {
#mw-indicator-ext-checkuser-investigation-btns {
z-index: 10000000001;
top: 3px;
font-size: medium;
}
}