Difference between revisions of "MediaWiki:Common.css"

From RetroMMO Wiki
m (Increased the contrast on edit highlighting)
m (Added padding for the last element of infobox)
Line 81: Line 81:
 
.retrommo-infobox td {
 
.retrommo-infobox td {
 
   width: 50%;
 
   width: 50%;
 +
}
 +
 +
.retrommo-infobox tr:last-child td {
 +
  padding-bottom: 1rem;
 
}
 
}
  

Revision as of 07:08, 14 April 2021

/* CSS placed here will be applied to all skins */
@font-face {
  font-family: "RetroPixels";
  src: url("https://wiki.retro-mmo.com/w/images/c/c1/RetroPixels.ttf")
    format("truetype");
}

html {
  /* RetroPixels scales in multiples of 16 */
  font-size: 16px;
}

body {
  image-rendering: optimizeSpeed;
  image-rendering: -moz-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: -o-crisp-edges;
  image-rendering: pixelated;
  -ms-interpolation-mode: nearest-neighbor;
}

#p-banner {
  font-family: RetroPixels !important;
  font-size: 1.8rem !important;
  margin-top: 0.1rem !important;
  font-variant: none !important;
}

body,
.mw-body h1,
.mw-body h2,
.mw-body h3,
.mw-body h4,
.mw-body h5,
.mw-body h6,
.mw-body dt {
  font-family: RetroPixels;
color:white;
}

#content {
  font-size: 1.5rem !important;
}

.sidebar-chunk {
  font-size: 1.25rem !important;
}

#f-list {
  font-size: 1.5rem;
}

b,
strong {
  font-weight: 400;
}

th {
  font-weight: 400;
}

.retrommo-infobox {
  float: right;
  width: 20rem;
  border: 1px solid #fec9ed;
  border-collapse: separate;
  margin: 0.25rem 0.5rem;
  text-align: center;
  border-image: url("https://wiki.retro-mmo.com/w/images/6/60/FrameGrey16.png");
  border-image-width: 16px;
  border-image-slice: 7 7;
  border-image-outset: 4px;
  background-color: #151515;
}

/* Title of the table */
.retrommo-infobox:first-child tr:first-child th:first-child {
  font-size: 2.5rem;
}

.retrommo-infobox td {
  width: 50%;
}

.retrommo-infobox tr:last-child td {
  padding-bottom: 1rem;
}

.wikitable tr:not(:first-child) {
  color: #d7d7d8;
}

a.new, .new a {
  color: #e03c28;
}

a {
  color: #98dcff;
}

a:visited {
  color: #0a98ac;
}

#p-logo-text a {
  color: #cececf;
}

.mw-body h1.firstHeading {
text-align: left;
}

.mw-body h1.firstHeading, .tools-inline li.selected {
  border-color: #0a98ac;
}

.mv-portlet-body {
  font-size: 1.5rem !important;
}

input#searchInput {
  font-size: 1rem !important;
}

.diff-addedline .diffchange,
.diff-deletedline .diffchange {
  color: #20212290;
}