MediaWiki:Mobile.css
From WikiBound, your community-driven EarthBound/Mother wiki
Jump to navigationJump to search
Note: After publishing, 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: Press Ctrl-F5.
/* All CSS here will be loaded for users of the mobile site */ /** Designed by User:Lakelimbo **/ /* Navbar */ #p-logo-text a { font-variant: none; } .color-middle, .color-left, .color-right { background: #fb6e70; } @media screen and (max-width: 550px) { #p-logo-text { position: absolute; top: 1rem; } } /* Sidebar */ .mw-wiki-logo { background-size: contain; } @media screen and (min-width: 1340px) { #mw-content-block { display: grid; } #mw-content { margin-left: 14em; } #mw-content-wrapper { grid-row-start: 1; grid-row-end: 99; grid-column: 1; order: unset; } #mw-site-navigation { grid-row: 1; grid-column: 1; order: unset; } #mw-related-navigation { grid-row: 2; grid-column: 1; width: 14em; padding: 0 1em 0 0; order: unset; } #mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk { background: none; border: none; margin: 0; padding-top: 0; } } @media screen and (min-width: 851px) and (max-width: 1099px) { #mw-site-navigation h2, #mw-related-navigation h2 { font-family: sans-serif; padding: 0 .25rem; } #mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk { padding-top: 0!important; margin-top: .4rem; } #mw-site-navigation .sidebar-chunk .mw-portlet-body, #mw-related-navigation .sidebar-chunk .mw-portlet-body { margin-bottom: 0; } #mw-site-navigation h2, #mw-related-navigation h2 { padding: 2rem 0; position: relative; bottom: 3.25em; } #mw-site-navigation .sidebar-inner, #mw-related-navigation .sidebar-inner { background: rgba(196,216,243,.5); border: none; border-radius: 10px; } } @media screen and (max-width: 850px) { #mw-content-block { background: transparent; } .sidebar-inner { background: rgba(196,216,243,.5); border: none; border-radius: 10px; } .sidebar-inner .mw-portlet-body, .dropdown .mw-portlet-body, .sidebar-inner ul, .dropdown ul { margin: 0; } } .sidebar-inner .mw-portlet { background: #fff; margin-bottom: 5px; border-radius: 10px; border: 3px solid #bff4e9; } #mw-site-navigation .sidebar-chunk h3, #mw-related-navigation .sidebar-chunk h3 { background: #bff4e9; border: none; text-align: center; margin: 0; text-transform: lowercase; color: #0e715e; font-weight: 500; } #mw-site-navigation .sidebar-chunk .mw-portlet-body, #mw-related-navigation .sidebar-chunk .mw-portlet-body { padding: 5px; } #toc { border: 2px solid #c4d8f3; border-radius: 10px; padding: 0; margin: 5px 0; } .toctitle { background: #c4d8f3; padding: 5px; border-radius: 5px 5px 0 0; text-transform: lowercase; text-align: center; } .mw-body .toctitle { border: none; } .toc ul { padding: 0 10px; } /* Content */ #mw-content { margin-top: 1em; border: 5px solid #bff4e9; border-radius: 10px; } @media screen and (min-width: 851px) and (max-width: 1099px) { #mw-content { margin-top: 7.5em; } } body, #mw-content-container { background: #c4d8f3; border-color: #ffa100; } #localNotice { background: none; border: none; } .mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt, #siteSub, #p-logo-text a, #personal h2 { font-family: sans-serif; } .mw-body h1.firstHeading { margin: 0; border-color: #c4d8f3; } #bodyContentOuter { margin-top: 10px; } /* Footer */ .mw-footer-container { background: #fff; color: #000; border: none; box-shadow: none; } .mw-footer-container a { color: #3366cc!important; } @media screen and (max-width: 850px) { .mw-footer-container { padding: 1px; } #catlinks ul { display: list-item; } } @media screen and (min-width: 851px) and (max-width: 1099px) { #mw-footer { padding: 1px 2em; } } #catlinks:not(:empty) { display: block; background: #fff; margin: 10px 0 0 14em; padding: 10px; border: 5px solid #64517e; border-radius: 10px; } @media screen and (max-width: 1099px) { #catlinks { margin: 10px 0!important; } }