MediaWiki:Common.css: Difference between revisions

Revision as of 05:26, 21 May 2023

#ca-nstab-main { display: none !important; }
#ca-nstab-mediawiki { display: none !important; }
/* Stripes background */
.infoboxheading, .infoboxsubheading, .article-template,
.errorbox, .warningbox, .successbox,
.alertbox, .alertbox2, .alertbox3, .alertbox4,
.navtempsec, .navtemp th {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAyCAYAAAB70nrOAAAAkUlEQVR4AdWMSwrCQBQEO9Fo1PgXjZ/7X3PkNb2ojQewoaDqMYwkfZTBEzi8GTNDCb70OgcOL5M9C7zUnIAneHiY7G6w2w/XNXiX4J0NdmqtqSgX4mgShyKufYGXmhCTEDuT2BZxbQr+MSJGIdYmsSriGgr+wRiEWJrEoogn8EeP6MUwia6wMwoh7GIUDvLHhy9BWxckqkJhEwAAAABJRU5ErkJggg==') !important;
  background-repeat: repeat-x !important;
}

/* WikiEditor link colors */
.wikiEditor-ui-tabs div a,
.wikiEditor-ui-toolbar .tabs span.tab a,
.wikiEditor-ui-toolbar .tabs span.tab a:visited {
  color: #d46007;
}

/* Wikitable padding reset to its value from older MediaWiki, primarily for achievement icons */
table.wikitable > tr > th,
table.wikitable > tr > td,
table.wikitable > * > tr > th,
table.wikitable > * > tr > td {
  padding: 0.2em;
}

/* Full-width action status boxes */
.errorbox, .warningbox, .successbox {
  display: block;
}

/* Legacy class used on OverWiki */
.fullwidth {
  width: 100%;
}

/* Ugly hack to remove unsupported "other resolutions" on video pages */
body[class*="_webm "] .mw-filepage-other-resolutions {
  display: none;
}

/* Sound element leaves some weird bottom margin in Chrome and Firefox */
audio {
  margin-top: 5px;
}

/*
 * "Main article"-like notes (copied from Wikipedia)
 */

.hatnote {
  font-style: italic;
}

div.hatnote {
  margin-bottom: 0.5em;
  padding-left: 1.6em;
}

/*
 * Infobox
 */

.infobox { 
  position: relative;
  float: right;
  clear: right;
  /* Margins from the recent changes legend, relative to the smaller font size */
  margin-left: 1em;
  margin-bottom: 0.5em;
  width: 250px;
  border: 1px solid #999999;
  font-size: smaller;
  line-height: 1.5;
}

.infoboxtable {
  width: 100%;
}

.infoboximage { 
  padding: 0;
  text-align: center;
}

.infoboxheading {
  font-size: larger;
  font-weight: bold;
  color: white;
}

.infoboxsubheading {
  text-align: left;
  font-weight: normal;
}

.infoboxlabel, .infoboxcell {
  vertical-align: top;
}

.infoboxcell p, .infoboxcell ul {
  margin-top: 0;
  margin-bottom: 0;
}

/* For TimedMediaHandler, not used anymore - the player has weird vertical positioning that moves it 2px up */
/*.infoboxsound .mediaContainer {
  margin: 2px auto 0;
} */

.infoboxsound {
  text-align: center;
}

.infobox .plainlinks, .infobox .plainlinks a {
  color: white;
}

/*
 * Alert box
 */

.alertbox, .alertbox2, .alertbox3 {
  width: 100%;
  border: 1px solid #d9d9d9;
  font-size: 9pt;
}

.alertbox, .alertbox4 {
  background-color: #cfebff;
}

.alertbox2, .alertbox3 {
  background-color: #d3ffd3;
}

.alertbox, .alertbox2 {
  font-size: x-small;
}

.alertbox th, .alertbox2 th {
  width: 100%;
  text-align: left;
}

.alertbox4 {
  margin-bottom: .8em;
  padding: .5em;
  border: solid 1px #d9d9d9;
}

/*
 * Navigation template and similar things
 */

.tableholder, .navtemp {
  background-color: #f9f9f9;
  border: 1px solid #aaa;
  padding: 5px;
}

.navtemp, .fileinfo {
  width: 100%;
}

.navtemp {
  font-size: smaller;
}

.fileinfo {
  font-size: small;
}

.navtemp th {
  color: white;
  padding: 3px 7px;
}

.navtemp th a {
  color: white;
}

.navtemp th .selflink {
  font-weight: bold; /* Not bolder so it's not too bold on category pages */
}

.navtemp td, .fileinfo {
  background-color: #e8e8e8;
}

.navtemp td {
  padding-left: 3px;
  padding-right: 3px;
}

.navtemp td.navtempsec, .fileinfo td.fileinfosec { /* .navtempsec doesn't have enough priority */
  font-weight: bold;
  white-space: nowrap;
}

.navtemp td.navtempsec {
  padding-left: 5px;
  padding-right: 5px;
}

.fileinfo td.fileinfosec {
  padding-left: 3px;
  padding-right: 3px;
  text-align: right;
}

.navtemptoggle {
  display: inline-block;
  float: right;
  font-weight: normal;
  width: 4em; /* Prevent the header from moving to the left/right when toggling */
  text-align: right;
}

.navtempshow, .navtemphide {
  cursor: pointer;
}

.navtempshow, .navtempcoll .navtemphide, .navtempcoll tr {
  display: none;
}

.navtempcoll .navtempshow {
  display: inline;
}

.navtempcoll tr:first-child {
  display: table-row;
}

/*
 * Code block reset and font
 */

code {
  background: none;
  border: none;
  color: inherit;
  padding: 0;
}

pre, code, tt, kbd, samp, .mw-code {
  font-family: "Consolas", "Lucida Console", monospace, "Courier";
}

/*
 * Main page
 */

/* Hide the title */
body.page-Main_Page.action-view h1.firstHeading, body.page-Main_Page.action-submit h1.firstHeading,
body.page-Main_Page_pl.action-view h1.firstHeading, body.page-Main_Page_pl.action-submit h1.firstHeading {
  display: none;
}

/* Hide breadcrumbs */

body.page-Main_Page_pl.action-view span.subpages, body.page-Main_Page_pl.action-submit span.subpages {
  display: none;
}

.mainpageblock {
  margin-bottom: .8em;
  padding: .5em;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAABACAMAAABMUIWcAAAAVFBMVEXIyMj////IyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjN8byXAAAAHHRSTlMAAAECAwQFBgcICQoLDA0ODxAREhMUFRYXGBkaKunIwQAAAMxJREFUeAGtytlugzAYROFTbLODWUKX9v3fs6BEhBEXvyz5u5wzKOY/Nefuvyp3n37UlLnHbxVz9y+Vu4+fagRl9JFNDKhhw+gbj4tb3zeM/mA99ah+PWD0FaOvLE+3vrxg9IX50KG6+cS0a1Ht9IbRJ2K89XiF0SMNqhkVRm8Sez2oOrX3KrVXnapAe6tSe9moMnMPtQqpvVKpnVJ5lMfoJeHKoVwIGD1g9IA/3bo/YHSP0T3uqUAV7gWjO4zuKHa3foHRC4xe8GEwD/+Gujn8M+UftQAAAABJRU5ErkJggg==') !important;
  background-repeat: repeat-x !important;
  background-color: #f0f0f0;
  border: solid 1px #999;
}

#main-page-bubbles {
  font-size: 90%;
}

.main-page-right-column {
  padding-left:.8em;
}

/* Hide mobile indicator replacements */

.mobile-indicator {
  display: none;
}

/* VWN template formatting */

.vwn-text {
  width: 100%;
}

/* Audio player size */

.audioplayer img {
    width: 300px;
    height: auto;
}

/* CollapsedBio width

.mw-collapsible {
    width: 800px;
} */

/* Grey background class for galleries */

.greybackground li.gallerybox div.thumb div a img {
  background-color: #3a3a3a;
  padding: 5px;
  margin-bottom: -5px;
  margin-top: -5px;
}

.merged-galleries {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}