User:Modestginger/vector-2022.css


 * root {

font-size: 13px; }

@media screen and (min-width: 600px) { :root { font-size: 14px; } }

@media screen and (min-width: 800px) { :root { font-size: 15px; } }

@media screen and (min-width: 1000px) { :root { font-size: 16px; } }

@media screen and (min-width: 1200px) { :root { font-size: 17px; } }

@media screen and (min-width: 1400px) { :root { font-size: 18px; } }

@media screen and (max-width: 999px) {

/* Prohibit article blocks from exceeding the width of the page, scrolling if needed */ :root .mw-parser-output > * { max-width: 100%; overflow: auto; } /* Make tables scrollable by turning their parent into a block */ :root .mw-parser-output > table { display: block; width: auto !important; border: none; }

/* Move the table background color to the table header, body, and footer */ .wikitable { background-color: transparent; } .wikitable > thead, .wikitable > tbody, .wikitable > tfoot { background-color: #f8f9fa; }

/* Hide the "N languages" dropdown on the space-constrained article title area */ :root label#p-lang-btn-label .vector-dropdown-label-text { display: none; }

/* Remove the minimum width from the header and body areas */ :root .mw-page-container, :root .vector-header-container { min-width: 0; } }

@media screen and (max-width: 500px) { /* Hide logo text at small screen sizes, to fit the header */ :root header .mw-logo-container { display: none; }

/* Remove the header minimum width */ :root header .mw-logo { min-width: 0; }

/* At small screen sizes, infoboxes should fill */ :root .infobox { float: none; width: auto !important; }

/* At small screen sizes, infobox images should be constrained to the screen */ :root .infobox-image img { max-width: 100%; max-height: 100%; aspect-ratio: auto; }

/* At small screen sizes all other images should be constrained (?) */ :root .mw-page-container img { max-width: 100%; max-height: 100%; aspect-ratio: auto; }

/* At small screen sizes, article floats should become blocks */ :root div.tright, :root div.floatright, :root table.floatright { float: none; width: auto !important; } }

/*

@media screen and (width: 1000px) { html { display: none; } }

@media screen and (width: 1000px) { html.fixedViewport { display: block; } }

.mw-logo { min-width: unset; }

.mw-page-container { min-width: 0 !important; }