MediaWiki:Common.css: Difference between revisions

no edit summary
No edit summary
No edit summary
(30 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins */


/* Interwiki table */
table.mw-interwikitable.body td.mw-interwikitable-local-yes {
    color: black;
}
dl {
    margin-bottom: 0.2em !important;
}
.chronology .real, .chronology .res, .chronology .ghosthunter {
    opacity: 0.8;
}
.cdx-thumbnail__image {
    background-position: top !important;
}
.note a img {
    width: 100%;
    width: -moz-available;          /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
    height: auto;
}
/**********************************
* Related Articles modifications *
**********************************/
.ra-read-more h2 {
    font-family: Tico;
}
/* Dark mode specific */
.client-dark-mode .ra-read-more h2, .client-dark-mode .ext-related-articles-card-list .ext-related-articles-card-extract {
    color: white;
}
.client-dark-mode .ext-related-articles-card-list h3 a {
    color: #efbf04;
}
.client-dark-mode .ext-related-articles-card-list h3:after {
    background-image: linear-gradient(to right,rgba(255,255,255,0),#222222 50%);
}
.client-dark-mode .ext-related-articles-card-list .ext-related-articles-card {
    background: #222222;
}
.client-dark-mode .ext-related-articles-card-list .ext-related-articles-card-thumb {
    background-color: gray;
}
.client-dark-mode ul.ext-related-articles-card-list {
    list-style-image: none;
}
.client-dark-mode .ext-related-articles-card-list .ext-related-articles-card-thumb-placeholder {
    filter: invert(1);
}
.client-dark-mode .ext-related-articles-card-list .ext-related-articles-card-thumb {
    filter: invert(0);
}


/*  
/**********************************************************
  * HeaderFooter Extension Footer Fixes for Packed Galleries  
  * PageNotice Extension Footer Fixes for Packed Galleries *
  */
  **********************************************************/
.hf-nsfooter ul.mw-gallery-packed,  
#bottom-notice-ns ul.mw-gallery-packed,  
.hf-nsfooter ul.mw-gallery-packed-overlay,  
#bottom-notice-ns ul.mw-gallery-packed-overlay,  
.hf-nsfooter ul.mw-gallery-packed-hover {
#bottom-notice-ns ul.mw-gallery-packed-hover {
     text-align: center;
     text-align: center;
}
}


.hf-nsfooter ul.gallery {
#bottom-notice-ns ul.gallery {
     margin: 2px;
     margin: 2px;
     padding: 2px;
     padding: 2px;
Line 17: Line 75:
}
}


.hf-nsfooter li.gallerybox {
#bottom-notice-ns li.gallerybox {
     vertical-align: top;
     vertical-align: top;
     display: inline-block;
     display: inline-block;
}
}


.hf-nsfooter li.gallerybox div.thumb {
#bottom-notice-ns li.gallerybox div.thumb {
     text-align: center;
     text-align: center;
     margin: 2px;
     margin: 2px;
}
}


.hf-nsfooter ul.mw-gallery-packed li.gallerybox div.thumb,  
#bottom-notice-ns ul.mw-gallery-packed li.gallerybox div.thumb,  
.hf-nsfooter ul.mw-gallery-packed-overlay li.gallerybox div.thumb,  
#bottom-notice-ns ul.mw-gallery-packed-overlay li.gallerybox div.thumb,  
.hf-nsfooter ul.mw-gallery-packed-hover li.gallerybox div.thumb {
#bottom-notice-ns ul.mw-gallery-packed-hover li.gallerybox div.thumb {
     background-color: transparent;
     background-color: transparent;
     border: 0;
     border: 0;