MediaWiki:Common.css

From DFM Wiki
Revision as of 14:26, 3 May 2021 by EricThrift (talk | contribs) (Add max-height: 100% property for responsive images)

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* 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%;}