Difference between revisions of "MediaWiki:Common.css"

From Expat Wiki
Jump to navigation Jump to search
(Filter-List-By-Form.js)
(Rollback regression.)
Line 28: Line 28:
 
.mw-parser-output .external.redirect {
 
.mw-parser-output .external.redirect {
 
     padding-right: 0;
 
     padding-right: 0;
     background: #f6f6f6;
+
     background: #F4F4F4;
 
     padding: 0.2em;
 
     padding: 0.2em;
 
     margin-right: 0.2em;
 
     margin-right: 0.2em;
Line 39: Line 39:
 
}
 
}
  
 +
/* Google Maps links */
 
.mw-parser-output a[href^="https://goo.gl/maps/"]::before,
 
.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://g.page/"]::before,
Line 44: Line 45:
 
   content: "";
 
   content: "";
 
   background: no-repeat url(/resources.custom/assets/icons/google-maps.svg);
 
   background: no-repeat url(/resources.custom/assets/icons/google-maps.svg);
   width: 13px;
+
   width: 15px;
 
   height: 1em;
 
   height: 1em;
 
   display: inline-block;
 
   display: inline-block;
Line 71: Line 72:
 
img.trustpilot-stars {
 
img.trustpilot-stars {
 
   height: 1em;
 
   height: 1em;
 +
}
 +
 +
/* List without style */
 +
.ul-list-style-none ul {
 +
  list-style: none;
 
}
 
}
  

Revision as of 01:11, 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: #F4F4F4;
    padding: 0.2em;
    margin-right: 0.2em;
    border-radius: 0.2em;
}

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

/* 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;
}

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;
}