Difference between revisions of "MediaWiki:Common.css"

Revision as of 18:27, 23 May 2025

this is my css so far, give me full complete new css: /* CSS placed here will be applied to all skins */
/* <source lang="css"> */

/* 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 #aaaaaa;
   background-color: #f9f9f9;
   color: black;
   margin-bottom: 0.5em;
   margin-left: 1em;
   padding: 0.2em;
   float: right;
   clear: right;
}
.infobox td,
.infobox th {
   vertical-align: top;
}
.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%;
}

/* styles for bordered infobox with merged rows */
.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;
}


/* styles for geography infoboxes, e.g. countries, national subdivisions, cities, etc. */

.infobox {
   border: 1px solid #ccd2d9;
   text-align: left;
   border-collapse: collapse;
   line-height: 1.2em; 
   font-size: 90%;
}

.infobox  td,
.infobox  th {
   border-top: solid 0px #ccd2d9;
   padding: 0.4em 0.2em 0.4em 0.8em;
}
.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 0 0 0;
}

.gallerytext {
  text-align: center;
}

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

.lb-data .lb-caption,
.lb-data .lb-number,
.lb-data small,
.lb-data span {
  text-align: center !important;
  display: block;
  margin: 0 auto;
  line-height: 1.4;
  width: 100%;
}

.lb-prev,
.lb-next {
  width: 50px;
  height: 100%;
  top: 0;
  background: none;
  color: white;
  font-size: 40px;
  text-align: center;
  line-height: 100vh;
  opacity: 0.7;
  cursor: pointer;
}

.lb-prev:before,
.lb-next:before {
  content: "<";
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
}

.lb-next:before {
  content: ">";
  left: auto;
  right: 10px;
}

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

.lb-data small,
.lb-data span {
  font-size: 11px;
  color: #ccc;
  font-weight: normal;
}

table.wikitable th,
table.wikitable td {
  text-align: center;
  vertical-align: middle;
}

.wikitable td:last-child {
  padding: 0.2em 0.5em;
}

.lb-image {
  transition: none !important;
  opacity: 1 !important;
}

.lb-outerContainer {
  transition: none !important;
}

.lb-container {
  transition: none !important;
}

.lb-prev,
.lb-next {
  background: none !important;
}

.lb-prev:before,
.lb-next:before {
  content: "‹";
  font-size: 40px;
  color: white;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}

.lb-next:before {
  content: "›";
  right: 15px;
}

.lb-prev:before {
  left: 15px;
}