Difference between revisions of "MediaWiki:Common.css"
From DFM Wiki
EricThrift (talk | contribs) |
EricThrift (talk | contribs) (add "fullwidth" css class for large images) |
||
Line 79: | Line 79: | ||
margin-bottom: 1em; | margin-bottom: 1em; | ||
margin-top: 1em; | margin-top: 1em; | ||
+ | } | ||
+ | |||
+ | .fullwidth { | ||
+ | left: 50%; | ||
+ | margin-left: -50vw; | ||
+ | margin-right: -50vw; | ||
+ | max-width: 100vw; | ||
+ | position: relative; | ||
+ | right: 50%; | ||
+ | width: 100vw; | ||
} | } |
Revision as of 14:14, 6 July 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;} /* Show only when printing */ @media screen, projection, handheld { .printonly { display: none !important; } } /* 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%; height:auto;} .cover img{ object-fit: cover; max-height: inherit; } address{ font-style: normal; } .mw-body dd { margin-bottom: 1em; margin-top: 1em; } .fullwidth { left: 50%; margin-left: -50vw; margin-right: -50vw; max-width: 100vw; position: relative; right: 50%; width: 100vw; }