Difference between revisions of "MediaWiki:Common.css"

From DFM Wiki
(Add max-height: 100% property for responsive images)
Line 60: Line 60:
 
/* responsive images: never overflow container */
 
/* responsive images: never overflow container */
 
img {max-width:100%; max-height:100%;}
 
img {max-width:100%; max-height:100%;}
 +
 +
 +
.cover img{object-fit: cover;}

Revision as of 14:28, 3 May 2021

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

li {margin: 0.5em auto;}

body, .mw-footer-container {background: white; color: black;}
.mw-footer-container a:hover, .mw-footer-container a:visited, .mw-footer-container a {color: #3366cc;}

.mw-footer .footer-icons {display:inline-block;float:none;}
.mw-footer {padding-top: 1em;}

iframe {border:none;}

/* Tooltips */

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 20em;
  border:solid 1px grey;
  background-color: #eee;
  padding: 0.4em;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

/* Hide built-in print link*/
#t-print {display:none;}

/* Inline reference numbers */
sup.reference, .mw-ref{
    font-style: normal;
    vertical-align: baseline;
    font-size: inherit;
    top: auto;
}

/* Keep sans serif text for definition lists */
.mw-body dt{ font-family: inherit;}

.mw-references-wrap{
    border-top:solid 1px black;
    margin-top:2em;
    padding-top:2em;
}

.reference{
    font-size:smaller;
}

/* responsive images: never overflow container */
img {max-width:100%; max-height:100%;}


.cover img{object-fit: cover;}