MediaWiki:Common.css: Difference between revisions

moving from globalstyle
m (1 revision imported: Importing from Snowsherrill.com)
(moving from globalstyle)
Line 360: Line 360:
div.thumb.tnone > div.thumbinner.multiFloatContainer {
div.thumb.tnone > div.thumbinner.multiFloatContainer {
   margin: 0.5em 0 1.3em 0;
   margin: 0.5em 0 1.3em 0;
}
/* general */
.mw-wiki-logo { background-size: 150px; }
.mw-special-Upload .noupload, .useronly,
.autoconfonly, .editprotected, .editinterface {
display: none;
}
.oo-ui-icon-success, .mw-ui-icon-success { display: none !important; }
body.anon.ns-content.action-view.desktop .notice.show {
margin-top: 0 !important;
}
#mw-content-text .mw-search-createlink {
  margin-bottom: 10px;
}
#mw-content-text .mw-search-results {
  margin-top: 12px;
}
.mw-diff-table-prefix { display:none; }
.mediawiki table {
  border-collapse: collapse !important;
  font-size: 100% !important;
}
ul#filetoc {
  border: 1px solid #a2a9b1 !important;
  background-color: #f8f9fa !important;
}
.wikitable {
  border-color:transparent;
}
.editHelp {
    display:none;
}
form#editform { margin-top: 2px; }
.mw-search-form-wrapper {
  margin-bottom: 0px;
}
body.mediawiki div.wideImage img {
max-width: none !important;
}
.collapsible-bar .mw-collapsible-text {
    color: inherit !important;
}
.mw-body-content img.mw-file-element {
  max-width: inherit !important;
}
.mw-plusminus-pos { color: #006400; }
.mw-plusminus-neg { color: #8b0000; }
.mw-search-profile-tabs { width:100%; }
body.skin--responsive #f-copyrightico > .cdx-button,
body.skin--responsive #f-poweredbyico > .cdx-button { display:contents; }
/* Site notice */
#localNotice a.external {
padding: 0 !important;
background: none !important;
}
/* Image/gallery classes */
img.blackbg, .gallery.blackbg .thumb { background: #000 !important; }
img.graybg, .gallery.graybg .thumb, img.greybg, .gallery.greybg .thumb {
background: #808080 !important;
}
ul.gallery img, table.filehistory img, table.listfiles img, table.searchResultImage img {
image-rendering: crisp-edges;
image-rendering: pixelated;
}
.pixelated, .pixelart, .sprites, .sprite {
image-rendering: crisp-edges; image-rendering: pixelated;
}
img {
image-rendering: crisp-edges;
    image-rendering: pixelated;
}
/* Root category */
body.page-Category_Mariopedia.action-view #mw-subcategories .mw-category-group:last-of-type,
body.page-Category_Mariopedia.action-view #catlinks {
display: none;
}
/* Gallery classes */
.gallery.center {
margin-left: auto !important;
margin-right: auto !important;
}
.gallery.centertext .gallerytext {
text-align: center !important;
}
/* Gallery slideshow */
.mw-gallery-slideshow .gallerybox + .gallerybox {
display: none;
}
.mw-gallery-slideshow-thumbnails-toggled ~ .gallerybox {
display: inline-block !important;
}
/* message box padding */
.messagebox, .errorbox, .warningbox, .successbox, .mw-message-box-warning {
    padding:12px;
}
/* main page boxes */
.mainpagebox {
border: 1px solid #3B587E;
padding: 2px;
background: #F8F8FF;
}
.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#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: 1px solid #567CAF;
font-size: 120%;
font-weight: bold;
color: #FFFFFF;
text-align: center;
}
.mainpagebox#featured h2 {
background: #009D00;
border-color: #005100;
}
.mainpagebox#featured-image h2 {
background: #E60000;
border-color: #485D73;
}
.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#helping-out h2 {
background: #FF4868;
    border-color: #C60023;
}
.MainTopText a {
color: black !important;
text-decoration: none;
}
.MainTopText a:hover {
color: black;
text-decoration: underline;
}
#nav.mainpagebox {
    padding: 2px 2px 5px 0;
    background: #FDFDFF;
    border: 1px solid gray;
}
#mf-poll .poll__question-media > div,
.mainpagebox#poll .poll__question-media > div {
border: 1px solid #3B587E;
}
/* revision info */
div#mw-content-subtitle > div.cdx-message.cdx-message--block.cdx-message--warning.mw-revision {
  background: #F9F9F9;
  border: 1px solid #AAA;
  color:#000 !important;
  font-size: 100%;
  margin: .5em 0 .5em;
  padding: .5em 1em;
  clear: both;
}
/* File pages */
#file img, .filehistory a img {
background: url(https://static.miraheze.org/kirbywiki/7/73/Checker.png) repeat;
}
/* Media files */
.gallery audio {
max-width: calc(100% - 30px) !important;
}
.gallery audio, .gallery video, .thumb audio, .thumb video {
display: block;
margin: auto;
}
.filehistory audio, .filehistory video {
max-width: 120px !important;
}
/* Formatting fixes */
pre { overflow: auto; }
hr { overflow: hidden; }
div[style*="column-"] > p { margin: 0 !important; }
.mw-parser-output table sup { white-space: nowrap; }
span.comment, .mw-parser-output a.external.free, .filehistory.wikitable td[dir] {
word-wrap: anywhere;
}
/** search results **/
.mw-search-result-data {
  color: #008000;
  font-size: 97%;
}
.mw-body .mw-search-nonefound {
  margin: 0;
  font-size: revert;
}
/* Margin fixes */
.ns-subject:not(.ns-110) #mw-content-text li > ul,
.ns-subject:not(.ns-110) #mw-content-text li > ol {
margin-top: 0.1em !important;
}
.ns-subject:not(.ns-110) #mw-content-text dl + ul,
.ns-subject:not(.ns-110) #mw-content-text dl + ol {
margin-top: -0.3em !important;
}
.ns-subject:not(.ns-110) #mw-content-text ul + dl,
.ns-subject:not(.ns-110) #mw-content-text ol + dl  {
margin-top: 0.3em !important;
}
/* Scrollable tables */
table.scrollable {
display: block;
overflow: auto;
max-width: max-content;
border: 0;
}
/* Show/hide toggles */
.navbox .mw-collapsible-toggle {
text-align: right;
min-width: 3.729em;
}
.wikitable.mw-collapsed .mw-collapsible-toggle {
margin-left: 10px;
}
/* Links */
a { color: #00f; }
a:active { color: orange; }
a:visited { color: #00c; }
.mw-parser-output a.extiw { color: #06f; }
.mw-parser-output a.extiw:visited { color: #3366BB; }
.mw-parser-output a.external { color: #06f; }
.mw-parser-output a.external:visited { color: #0044CC; }
/* Link fixes */
body.mediawiki a.mw-selflink {
color: inherit !important;
cursor: inherit !important;
text-decoration: inherit !important;
font-weight: bold !important;
}
a font:hover, a span:hover {
text-decoration: inherit;
}
.autocomment a:hover {
color: inherit;
}
/* fake links */
span.fakelink {
color: #002bb8;
cursor: pointer;
}
span.fakelink:hover {
text-decoration: underline;
}
/* Explain text */
.explain[title] {
cursor: help;
border-bottom: 1px dotted;
text-decoration: none;
}
/* Hide help indicator */
#mw-indicator-mw-helplink { display: none; }
/* Special:Preferences */
#mw-htmlform-mobile .oo-ui-inline-help { display: none; }
/* Special:Contact */
.mw-special-Contact fieldset div[data-ooui*="wpSubject"] {
display: none;
}
.mw-special-Contact #wpCaptchaWord,
.mw-special-Contact fieldset div[data-ooui*="HTMLInfoField"],
.mw-special-Contact.desktop fieldset div[data-ooui*="wpCCme"] {
margin-top: 2px;
}
.mw-special-Contact fieldset div[data-ooui*="CAPTCHA"] {
margin-top: 1em;
}
/* Watchlist expiry (icon fix) */
.oo-ui-icon-clock, .mw-ui-icon-clock::before {
background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Eclock%3C/title%3E%3Cpath d=%22M10 0a10 10 0 1010 10A10 10 0 0010 0zm2.5 14.5L9 11V4h2v6l3 3z%22/%3E%3C/svg%3E");
}
.mw-changesList-watchlistExpiry.oo-ui-iconElement-icon {
height: 13px;
min-height: 13px;
position: relative;
top: -1px;
opacity: 0.51;
}
/* Pixelated gallery/interface image upscaling */
ul.gallery img, table.filehistory img, table.listfiles img, table.searchResultImage img {
image-rendering: crisp-edges;
image-rendering: pixelated;
}
/* Infobox templates */
.infobox {
    background-color: #fff;
    border: 1px solid gray;
    float: right;
    width: 300px;
    margin:0 0 1em 1.15em;
    padding:4px;
}
table.infobox {
    font-size: 90% !important;
}
.infobox tr {
vertical-align: top;
}
.infobox td, .infobox th {
padding: 2px;
}
.infobox .mw-collapsible-toggle {
min-width: 39px;
text-align: right;
}
.infobox.bordered {
border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
border: 1px solid #AAA;
}
.infobox.bordered.black td,
.infobox.bordered.black th {
border: 1px solid #000;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
border: 0;
}
.infobox audio + br {
margin-top: 2px;
}
.infobox td > audio:first-child {
margin-top: 2px;
}
/* Infobox colors */
/** colors **/
.infobox { color: #000; }
.infobox.red { border: 1px solid #F98686; background: #FFF5EE; }
.infobox.red > tbody > tr:first-child > * { background: #FAAAAA; }
.infobox.red > tbody > tr:nth-child(2n+3) { background: #FFE4E1; }
.infobox.blue { border: 1px solid #88A; background: #F8F8FF; }
.infobox.blue > tbody > tr:first-child > * { background: #10274C; color: #fff; }
.infobox.blue > tbody > tr:nth-child(2n+3) { background: #C5CED6; }
.infobox.green { border: 1px solid #88AA88; background: #F8FFF7; }
.infobox.green > tbody > tr:first-child > * { background: #8AFA8A; }
.infobox.green > tbody > tr:nth-child(2n+3) { background: #AAFFAA; }
.infobox.lightblue { border: 1px solid #00004C; background: #F0F8FF; }
.infobox.lightblue > tbody > tr:first-child > * { background: #5993E5; }
.infobox.lightblue > tbody > tr:nth-child(2n+3) { background: #BDD4F5; }
.infobox.orange { border: 1px solid #EB9800; background: #FFF7EE; }
.infobox.orange > tbody > tr:first-child > * { background: #FFBF3F; }
.infobox.orange > tbody > tr:nth-child(2n+3) { background: #FFD27F; }
.infobox.gray { border: 1px solid #A9A9A9; background: #F5F5F5; }
.infobox.gray > tbody > tr:first-child > * { background: #C0C0C0; }
.infobox.gray > tbody > tr:nth-child(2n+3) { background: #DCDCDC; }
.infobox.purple { border: 1px solid #88A; background: #F8F8FF; }
.infobox.purple > tbody > tr:first-child > * { background: #BBBBFF; }
.infobox.purple > tbody > tr:nth-child(2n+3) { background: #CCCCFF; }
/** specific infobox templates **/
.infobox.smbss, .infobox.smbss_la, .infobox.taosmb3, .infobox.smw_episode { border: 1px solid #88a; background: #f7f8ff; }
.infobox.smbss > tbody > tr:first-child > * { background: #FF4040; }
.infobox.smbss > tbody > tr:nth-child(2n+3) { background: #FF7F50; }
.infobox.smbss_la > tbody > tr:first-child > * { background: #6495ED; }
.infobox.smbss_la > tbody > tr:nth-child(2n+3) { background: #B0E0E6; }
.infobox.taosmb3 > tbody > tr:first-child > * { background: #FDE910; }
.infobox.taosmb3 > tbody > tr:nth-child(2n+3) { background: #FDF397; }
.infobox.smw_episode > tbody > tr:first-child > * { background: #029D00; color:#FFF; }
.infobox.smw_episode > tbody > tr:nth-child(2n+3) { background: #7FFF00; }
/* notice templates */
body:not(.ns-6) .notice + .notice {
margin-top: -0.375em !important;
}
#mw-imagepage-content .notice + #aboutfile {
margin-top: 0.75em !important;
}
#mw-imagepage-content .notice:not(#aboutfile) {
margin-top: 0.75em !important;
margin-bottom: 2.5px !important;
}
.notice p {
margin: 0.6em 0;
}
.notice {
        display: flex;
        background: #f1f1de;
        border: 2px solid #996;
        margin: 0.75em 2% 0.75em !important;
        padding:0 1em;
        color: #000;
}
.notice.copyright {
    background: #fff0f0;
    border: 4px ridge red;
    font-size: 95%;
    border-radius: 10px;
    width: 80%;
    margin: 5px auto !important;
    padding: 5px;
}
/* forum formatting */
.forumheader {
    border: 1px solid #88A;
    background-color: #F8F8FF;
    margin-top: 1em;
    margin-bottom: 1em;
    padding: 8px;
}
.forumlist td.forum_edited a {
color: #000;
text-decoration: none;
}
.forumlist td.forum_title a {
padding-left: 20px;
}
.forumlist td.forum_title a.forum_new {
font-weight: bold;
padding-left: 20px;
}
.forumlist td.forum_title a.forum_new:visited {
background: none;
font-weight: normal;
padding-left: 20px;
}
.forumlist th.forum_title {
padding-left: 20px;
}
/* button template */
span.longbutton {
color: #000;
font-size: smaller;
font-variant: small-caps;
white-space: nowrap;
background: #fff;
border: 1px solid #000;
border-radius: 1em;
padding: 0 0.5em;
display: inline;
}
span.roundbutton {
width: 10px;
height: 16px;
font-size: smaller;
font-variant: small-caps;
white-space: nowrap;
background: url(https://static.miraheze.org/mariowiki/7/75/Def_Button.svg) no-repeat;
padding: 0 3px;
display: inline-block;
overflow: hidden;
}
/* Tabs fix */
.tabber { display: inline-block; }
.tabbertab:not(:first-of-type) { display: none; }
.tabbertab:first-child { padding: 6px; margin-top: 26px; }
.mw-parser-output > .tabber { display: table; margin-bottom: 0.5em; }
.infobox .tabbertab:first-child, .infobox p.mw-empty-elt:first-child + .tabbertab { padding: 6px; margin-top: 24px; }
.infobox .tabber:not(.tabberlive) { display: block; }
.tabbertab > p:first-child { margin-top: 0.2em; }
.tabbertab > p:last-child { margin-bottom: 0; }
.mobile .tabbertab:first-child { margin-top: 0; padding-top: 31.5px; }
.mobile.skin-timeless .tabbertab:first-child { padding-top: 33.6px; }
.mobile.skin-timeless .infobox .tabbertab:first-child { padding-top: 31px; }
.mobile .infobox .tabbertab:first-child { padding-top: 29px; }
/* Black border & cell tables */
table.table, table.table {background:#fff;margin:1em 0;border-collapse:collapse;color:black}
table.table > * > tr > td, table.table > * > tr > th, table.table > * > tr > td, table.table > * > tr > th {border:1pt solid #000;padding:0.2em 0.4em}
/* metadata table revert */
table#mw_metadata.mw_metadata {
  font-size: 0.8em !important;
  margin-bottom: 0.5em !important;
  margin-left: 0.5em !important;
}
/* message box */
.cdx-message {
    margin-bottom: 0.4em;
    margin-top: -0.4em;
}
/* tabber */
.infobox ul.tabbernav {
border: 0;
padding: 0;
font-weight: normal;
}
.infobox ul.tabbernav li {
margin: 6px 0 3px !important;
}
.infobox ul.tabbernav li a {
background: transparent;
border-color: transparent;
}
.infobox ul.tabbernav li.tabberactive a {
background: #fff;
border-color: #ccc;
}
.infobox .tabberlive .tabbertab {
border: 0;
background: none;
padding: 5px 0 0;
}
body.mobile ul.tabbernav li {
margin-bottom: 3px !important;
}
body.mobile .infobox ul.tabbernav li {
margin: 7px 0 4px !important;
}
/* thumb class */
html .thumbimage { background-color: #fff; border: 1px solid #c8ccd1; }
#mw-upload-thumbnail.thumb.tright > div.thumbinner {
    border: 1px solid #c8ccd1;
    background-color: #f8f9fa;
    font-size: 94%;
    padding: 3px;
    text-align: center;
    overflow: hidden;
}
#mw-upload-thumbnail.thumb.tright > div.thumbinner > div.filename,
#mw-upload-thumbnail.thumb.tright > div.thumbinner > div.fileinfo {
    text-align: left;
}
.thumbcaption {
  font-size: 94%;
  line-height: 1.4em;
  padding: 3px;
  text-align:left;
}
}