Difference between revisions of "MediaWiki:Common.css"

Revision as of 00:35, 15 July 2022

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

/* Hide Discussion tab. */
li#ca-talk { display: none; }

/* Hide Edit section links. */
.mw-editsection { display:none; }

/* Template:CTA. */
span.cta a {
  display:inline-block;
  padding: 0.5em 1em;
  background: none #36c !important;
  border:#36c;
  color:#fff !important;
  font-weight:bold;
}

/* Link Arrows */

/* Replace external link icon with Unicode and move it left. */
.mw-parser-output .external {
    background: none;
    padding-right: 0;
}

/* Buttonize slightly. */
.mw-parser-output .external.redirect {
    padding-right: 0;
    background: #f6f6f6;
    padding: 0.2em;
    margin-right: 0.2em;
    border-radius: 0.2em;
}

/* External links */
.mw-parser-output .external::before {
  content: "↗️ ";
}

.mw-parser-output a[href^="https://goo.gl/maps/"]::before,
.mw-parser-output a[href^="https://g.page/"]::before,
.mw-parser-output a[href^="https://www.google.com/maps/"]::before {
  content: "";
  background: no-repeat url(/resources.custom/assets/icons/google-maps.svg);
  width: 13px;
  height: 1em;
  display: inline-block;
}


/* Internal links */
.mw-parser-output a[href^="/"]::before {
  content: "→ ";
}
.mw-parser-output .mw-editsection a[href^="/"]::before {
  content: "";
}

/* Anchors */
.mw-parser-output a[href^="#"]::before {
  content: "↕ ";
}
.mw-parser-output .toc a[href^="#"]::before,
.mw-parser-output .reference a[href^="#"]::before,
.mw-parser-output .mw-cite-backlink a[href^="#"]::before {
  content: "";
}

/* Trustpilot */
img.trustpilot-stars {
  height: 1em;
}

/* Filter-List-By-Form.js */
form.form-list-filter-js {
  background: #eaecf0;
  border: 1px solid #a2a9b1;
  padding: 0.2em 0.4em;
  margin-bottom: 0;
}
form.form-list-filter-js span {
  white-space: nowrap;
}

ul.form-list-filter-js {
  background: #f8f9fa;
  border: 1px solid #a2a9b1;
  padding: 0.2em 0.4em;
  margin-top: 0;
  border-top: 0;
  margin-left: 0;
}
ul.form-list-filter-js li {
  margin-left: 2em;
  margin-right: 1em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  border-bottom: 1px solid #a2a9b1;
}
ul.form-list-filter-js li:last-child {
  margin-left: 2em;
  border-bottom: 0;
}
select.used {
  background: #0645ad;
  color: white;
}