Difference between revisions of "MediaWiki:Common.css"

Latest revision as of 15:36, 11 September 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: #F4F4F4;
    padding: 0.2em;
    margin-right: 0.2em;
    border-radius: 0.2em;
}

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

/* Google Maps links */
.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: 15px;
  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;
}

/* List without style */
.ul-list-style-none ul {
  list-style: none;
}

/* 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;
}
form.form-list-filter-js select.used {
  background: #0645ad;
  color: white;
}
table.form-list-filter-js {
  background: #f8f9fa;
  border: 1px solid #a2a9b1;
  border-spacing: 0;
  padding: 0;
  margin-top: 0;
  border-top: 0;
  margin-left: 0;
  width: 100%;
}

table.form-list-filter-js th {
  padding: 0 0.5em;
}


table.form-list-filter-js tr.header td {
  background: #F4F4F4;
  border-top: 1px solid #a2a9b1;
}
table.form-list-filter-js td {
  padding: 0 0.5em;
}
table.form-list-filter-js td.currencies,
table.form-list-filter-js td.iban,
table.form-list-filter-js td.languages,
table.form-list-filter-js td.trustpilot {
  text-align: center;
}
table.form-list-filter-js td.currencies,
table.form-list-filter-js td.iban,
table.form-list-filter-js td.languages {
  font-size: 1.2em;
  line-height: 1em;
  vertical-align: middle;
}
table.form-list-filter-js tr.description td {
  padding-left: 1.5em;
  padding-bottom: 0.5em;
}