Difference between revisions of "MediaWiki:Common.css"
From Book Trigger Warnings
Line 109: | Line 109: | ||
@media screen and (max-width: 550px) { | @media screen and (max-width: 550px) { | ||
.infobox { | .infobox { | ||
− | + | float: none; | |
} | } | ||
} | } |
Revision as of 05:44, 2 July 2020
/* CSS placed here will be applied to all skins */ body { background-color: black; } /* background color of the biggest part of the main "frame" */ #mw-content-container { background-color: #efe8fd; } #mw-header-container { background: black; } #p-logo-text a { color: white; } #personal h2 { color: white; } /* text color of items in navbars (like Main page, Recent changes, ...) */ .mw-portlet-body ul li a { color: #5e17eb; } #content h1 { border-bottom: solid 4px #5e17eb; } .color-left { background-color: black; } .color-middle { background-color: black; } .color-right { background-color: black; } h1, h2, h3, h4 { color: black; } #mw-site-navigation .sidebar-chunk { border: outset #222; box-shadow: 2px 2px 1px rgba(0,0,0,0.5); border-radius: 3px; } @media screen and (max-width: 1099px) { #mw-site-navigation .sidebar-chunk { border: 0; box-shadow: none; padding: 0 15px 5px 20px; } } #mw-site-navigation .sidebar-inner { border: 0; color: black; } #mw-related-navigation .sidebar-chunk { border: outset #222; box-shadow: 2px 2px 1px rgba(0,0,0,0.5); border-radius: 3px; } @media screen and (max-width: 1099px) and (min-width: 851px) { #mw-related-navigation .sidebar-chunk { border: 0; box-shadow: none; padding: 0 15px 5px 20px; } } #mw-page-header-links li.selected { border-bottom-color: #5e17eb; } #mw-footer-container { background: black; } .hatnote { background: #eee; border: 1px solid #aaa; float: center; margin: 0 0 1em 1em; padding: 1em; width: 240px; } .infobox { background: #eee; border: 1px solid #aaa; float: right; margin: 0 0 1em 1em; padding: 1em; width: 240px; } @media screen and (max-width: 550px) { .infobox { float: none; } } .infobox-title { font-size: 1.25em; text-align: center; } .infobox-image { text-align: center; margin-top: 20px; margin-bottom: 20px; } .infobox th { text-align: left; vertical-align: top; width: 90px; } .infobox td { text-align: left; vertical-align: top; }