MediaWiki:Common.css: Difference between revisions

Revision as of 07:42, 3 August 2026

.hidden-small{
  font-size:85%;
  font-weight:400;
  margin-top:2px;          /* small gap under ability name */
}

.pixelated {
  image-rendering: crisp-edges;    /* Firefox, older browsers */
  image-rendering: pixelated;      /* Chrome, modern browsers */
}

.tabs-container{
  width: fit-content;
}

.tabs{
  width: fit-content;
}
/* ─── Pokémon infobox tabs float ───────────────────────── */
.tabs-pkmn {
  float: right;
  clear: both;
  display: inline-block !important; /* shrink-wrap to content */
  width: auto           !important; /* override any 100% width */
  margin: 0 0 1em 1em;            /* match your infobox spacing */
}

.px-section            { margin: 1.25em 0; }
.px-section-heading    {
    margin: 0;
    padding-bottom: .25em;
    border-bottom: 1px solid #a2a9b1;   /* same grey as Wikipedia */
    font-weight: bold;
    cursor: pointer;                    /* makes it obvious you can tap */
}

/* Pixelrus primary logo */
.mw-logo-icon {
  content: url("https://wiki.pixelrus.net/images/thumb/7/71/Pixelrus_Logo2a.png/300px-Pixelrus_Logo2a.png") !important;
  width: 50px;
  height: 50px;
  object-fit: contain;
}

#p-logo a {
  background-image: url("https://wiki.pixelrus.net/images/thumb/7/71/Pixelrus_Logo2a.png/300px-Pixelrus_Logo2a.png") !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
/* End Pixelrus primary logo */

/* Pixelrus site theme */
:root {
  --pixelrus-ink: #200040;
  --pixelrus-magenta: #D00080;
  --pixelrus-violet: #A000E0;
  --pixelrus-link: #7A1CB0;
  --pixelrus-slate: #504070;
  --pixelrus-background: #F8F5FA;
  --pixelrus-border: #D8CBE4;
}

body.skin-vector-2022 {
  background-color: var(--pixelrus-background);
  color: var(--pixelrus-ink);
}

.mw-page-container {
  background-color: #FFFFFF;
  border-top: 4px solid var(--pixelrus-magenta);
}

.mw-body h1,
.mw-body h2,
.mw-body h3 {
  color: var(--pixelrus-ink);
}

.mw-body h2 {
  border-bottom-color: var(--pixelrus-border);
}

.mw-body-content a {
  color: var(--pixelrus-link);
}

.mw-body-content a:visited {
  color: #681A83;
}

.mw-body-content a:hover {
  color: var(--pixelrus-magenta);
}

.vector-toc-link.active .vector-toc-text,
.mw-list-item.selected > a {
  color: var(--pixelrus-magenta);
}

.wikitable > tr > th,
.wikitable > * > tr > th {
  background-color: var(--pixelrus-ink);
  color: #FFFFFF;
  border-color: var(--pixelrus-slate);
}

.mw-ui-button.mw-ui-progressive,
input[type="submit"].mw-ui-progressive {
  background-color: var(--pixelrus-magenta);
  border-color: #A00068;
  color: #FFFFFF;
}

.mw-ui-button.mw-ui-progressive:hover,
input[type="submit"].mw-ui-progressive:hover {
  background-color: var(--pixelrus-violet);
  border-color: #7600A6;
}

input:focus,
textarea:focus,
select:focus {
  border-color: var(--pixelrus-violet);
  box-shadow: 0 0 0 2px rgba(160, 0, 224, 0.2);
}
/* End Pixelrus site theme */