MediaWiki:Common.css: Difference between revisions

Latest revision as of 03:55, 23 October 2026

/* CSS placed here will be applied to all skins */
a {
    color: #337ab7 !important;
}

a.external {
    color: #337ab7 !important;
}

a:visited {
    color: #337ab7 !important;
}

a.external:visited {
    color: #337ab7 !important;
}

a.new {
  color: #b52b27 !important;
}

a.new:visited {
  color: #b52b27 !important;
}

.btn a {
    color: #fff !important;
}

.btn a:visited {
    color: #fff !important;
}

h5, .h5 {
    font-size: 17px !important;
}
/* --- Approximate Bootstrap 3 button styling (Chameleon 5.x uses Bootstrap 4) --- */
.btn { font-size: 14px; }
.btn-lg { font-size: 18px; line-height: 1.3333333; }
.btn-primary { background-color: #337ab7; border-color: #2e6da4; }
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus,
.btn-primary:active, .btn-primary.active {
    background-color: #286090; border-color: #204d74;
}

/* --- Bootstrap 3 responsive visibility classes (removed in Bootstrap 4) --- */
@media (max-width: 767px) {
    .hidden-xs { display: none !important; }
}
@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm { display: none !important; }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md { display: none !important; }
}
@media (min-width: 1200px) {
    .hidden-lg { display: none !important; }
}

/* --- Bootstrap 3 image helpers (BS4 renamed img-responsive -> img-fluid,
       center-block -> mx-auto; MW 1.43 also moves class= onto a span wrapper) --- */
.img-responsive { display: block; max-width: 100%; height: auto; }
.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
    max-width: 100%;
}
.center-block .mw-file-element { max-width: 100%; height: auto; }