Difference between revisions of "MediaWiki:Common.css"

Revision as of 17:30, 23 May 2025

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

/* Wrestler record classes */
.won { background: #99ff99; }
.lost { background: #ff9090; }
.draw { background: #c5d2ea; }
.opponent { font-weight: bold; font-family: Verdana, Arial; }

/* Main page fixes */
#interwiki-completelist {
  font-weight: bold;
}
body.page-Main_Page #ca-delete {
  display: none !important;
}
body.page-Main_Page #mp-topbanner {
  clear: both;
}

/* Edit window toolbar */
#toolbar {
  height: 22px;
  margin-bottom: 6px;
}

/* Margins for <ol> and <ul> */
#content ol, #content ul,
#mw_content ol, #mw_content ul {
  margin-bottom: 0.5em;
}

/* Infobox template style */
.infobox {
  border: 1px solid #ccd2d9;
  background-color: #f9f9f9;
  color: black;
  margin-bottom: 0.5em;
  margin-left: 1em;
  padding: 0.2em;
  float: right;
  clear: right;
  text-align: left;
  border-collapse: collapse;
  line-height: 1.2em;
  font-size: 90%;
}
.infobox td,
.infobox th {
  vertical-align: top;
  border-top: solid 0px #ccd2d9;
  padding: 0.4em 0.2em 0.4em 0.8em;
}
.infobox caption {
  font-size: larger;
  margin-left: inherit;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
  border: 0;
}
.infobox.sisterproject {
  width: 20em;
  font-size: 90%;
}
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
  border: 0;
  border-top: 0px solid #aaaaaa;
  border-right: 0px solid #aaaaaa;
}
.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
  border: 0;
  border-right: 0px solid #aaaaaa;
}
.infobox .mergedtoprow td,
.infobox .mergedtoprow th {
  border-top: solid 0px #ccd2d9;
  padding: 0.4em 0.2em 0.2em 0.8em;
}
.infobox .mergedrow td,
.infobox .mergedrow th {
  border: 0;
  padding: 0 0.2em 0.2em 0.8em;
}
.infobox .mergedbottomrow td,
.infobox .mergedbottomrow th {
  border-top: 0;
  border-bottom: solid 1px #ccd2d9;
  padding: 0 0.2em 0.4em 0.8em;
}
.infobox .maptable td,
.infobox .maptable th {
  border: 0;
  padding: 0;
}

/* GALLERY & LIGHTBOX STYLING */

.gallerytext {
  text-align: center;
}

.lb-image {
  display: block;
  margin: 0 auto;
  max-height: 90vh;
  object-fit: contain;
}

.lb-caption,
.lb-number,
.lb-data .lb-caption,
.lb-data .lb-number {
  text-align: center !important;
  display: block;
  width: 100%;
}

.lb-prev,
.lb-next {
  font-size: 40px;
  color: white;
  text-shadow: 0 0 5px black;
  opacity: 0.8;
  width: 60px;
  height: 100%;
  position: fixed;
  top: 0;
  z-index: 11000;
  cursor: pointer;
  background: none;
}

.lb-prev {
  left: 0;
}

.lb-next {
  right: 0;
}

.lb-prev:before {
  content: "‹";
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
}

.lb-next:before {
  content: "›";
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
}