MediaWiki:Common.css: Difference between revisions

Latest revision as of 16:36, 24 April 2025

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

/* Importing font used elsewhere on the site */
@import URL("https://fonts.googleapis.com/css?family=Quantico:700");

/* Mark redirects in Special:Allpages and Special:Watchlist */
.allpagesredirect a, .watchlistredir a {
    color: #DEDEDE;
    font-style: italic;
}

.brightlinks a, .brightlinks a:visited, .brightlinks a.external, .brightlinks a.extiw {
  color: #B0C4DE!important;
}
.darklinks a, .darklinks a:visited, .darklinks a.external, .darklinks a.extiw  {
  color: #183048!important;
}

/* Hide license dropdown on [[Special:Upload]] */
p.mw-upload-editlicenses {display: none;}

.mw-htmlform-field-Licenses {display: none;}

/* hide potentially sensitive data on file pages */
#mw_metadata .exif-gpslatitude,
#mw_metadata .exif-gpslongitude,
#mw_metadata .exif-artist {display: none;}

.img-greyscale {filter: grayscale(100%);}

/* canonize coloration */
/* note that this is a default/fallback list of colors; individual colors are more thoroughly defined on individual skin css pages to suit the lightness/darkness of those skins */
.sf-red {color:#F19B9B;}
.sf-dark-red {color:#CA5F5F;}
.sf-orange {color:#F1C79B;}
.sf-dark-orange {color:#DA9C5B;}
.sf-light-yellow {color:#FFFFDD;}
.sf-medium-yellow {color:#FBF7A2;}
.sf-yellow {color:#D4CF4F;}
.sf-dark-yellow {color:#B7B239;}
.sf-burnt-gold {color:#68683B;}
.sf-green {color:#CFF595;}
.sf-dark-green {color:#A6C675;}
.sf-olive {color:#7C9A4E;}
.sf-dark-olive {color:#5B6F3E;}
.sf-cyan {color:#6FB485;}
.sf-blue {color:#B1E2E4;}
.sf-dark-blue {color:#77B2B4;}
.sf-purple {color:#CFC2E5;}
.sf-dark-purple {color:#A999C5;}
.sf-pink {color:#E0BAD1;}
.sf-dark-pink {color:#BE8FAC;}
.sf-magenta {color:#F2A5CF;}
.sf-brown {color:#B09E89;}
.sf-dark-brown {color:#88755D;}
.sf-gray {color:#DADADA;}
.sf-grey {color:#DADADA;}

.sf-bkg-red {color:#F19B9B;}
.sf-bkg-dark-red {color:#CA5F5F;}
.sf-bkg-orange {color:#F1C79B;}
.sf-bkg-dark-orange {color:#DA9C5B;}
.sf-bkg-light-yellow {color:#FFFFDD;}
.sf-bkg-medium-yellow {color:#FBF7A2;}
.sf-bkg-yellow {color:#D4CF4F;}
.sf-bkg-dark-yellow {color:#B7B239;}
.sf-bkg-burnt-gold {color:#68683B;}
.sf-bkg-green {color:#CFF595;}
.sf-bkg-dark-green {color:#A6C675;}
.sf-bkg-olive {color:#7C9A4E;}
.sf-bkg-dark-olive {color:#5B6F3E;}
.sf-bkg-cyan {color:#6FB485;}
.sf-bkg-blue {color:#B1E2E4;}
.sf-bkg-dark-blue {color:#77B2B4;}
.sf-bkg-purple {color:#CFC2E5;}
.sf-bkg-dark-purple {color:#A999C5;}
.sf-bkg-pink {color:#E0BAD1;}
.sf-bkg-dark-pink {color:#BE8FAC;}
.sf-bkg-magenta {color:#F2A5CF;}
.sf-bkg-brown {color:#B09E89;}
.sf-bkg-dark-brown {color:#88755D;}
.sf-bkg-gray {color:#DADADA;}
.sf-bkg-grey {color:#DADADA;}

.sf-url-red {color:#F19B9B;}
.sf-url-dark-red {color:#CA5F5F;}
.sf-url-orange {color:#F1C79B;}
.sf-url-dark-orange {color:#DA9C5B;}
.sf-url-light-yellow {color:#FFFFDD;}
.sf-url-medium-yellow {color:#FBF7A2;}
.sf-url-yellow {color:#D4CF4F;}
.sf-url-dark-yellow {color:#B7B239;}
.sf-url-burnt-gold {color:#68683B;}
.sf-url-green {color:#CFF595;}
.sf-url-dark-green {color:#A6C675;}
.sf-url-olive {color:#7C9A4E;}
.sf-url-dark-olive {color:#5B6F3E;}
.sf-url-cyan {color:#6FB485;}
.sf-url-blue {color:#B1E2E4;}
.sf-url-dark-blue {color:#77B2B4;}
.sf-url-purple {color:#CFC2E5;}
.sf-url-dark-purple {color:#A999C5;}
.sf-url-pink {color:#E0BAD1;}
.sf-url-dark-pink {color:#BE8FAC;}
.sf-url-magenta {color:#F2A5CF;}
.sf-url-brown {color:#B09E89;}
.sf-url-dark-brown {color:#88755D;}
.sf-url-gray {color:#DADADA;}
.sf-url-grey {color:#DADADA;}

/* you spin me right round */
.round {border-radius:10px;}
.roundtl {border-top-left-radius: 10px;}
.roundtr {border-top-right-radius: 10px;}
.roundbl {border-bottom-left-radius: 10px;}
.roundbr {border-bottom-right-radius: 10px;}
.roundbottom {border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.roundtop {border-top-left-radius: 10px;border-top-right-radius: 10px;}
.roundleft {border-top-left-radius: 10px;border-bottom-left-radius: 10px;}
.roundright {border-bottom-right-radius: 10px;border-top-right-radius: 10px;}