MediaWiki:Mobile.css

/* All CSS here will be loaded for users of the mobile site */

/** Designed by User:Lakelimbo **/

/* Navbar */ font-variant: none; }
 * 1) p-logo-text a {

.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; }

background: #bff4e9; border: none; text-align: center; margin: 0; text-transform: lowercase; color: #0e715e; font-weight: 500; }
 * 1) mw-site-navigation .sidebar-chunk h3, #mw-related-navigation .sidebar-chunk h3 {

padding: 5px; }
 * 1) mw-site-navigation .sidebar-chunk .mw-portlet-body, #mw-related-navigation .sidebar-chunk .mw-portlet-body {

border: 2px solid #c4d8f3; border-radius: 10px; padding: 0; margin: 5px 0; }
 * 1) toc {

.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 */ margin-top: 1em; border: 5px solid #bff4e9; border-radius: 10px; }
 * 1) mw-content {

@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; }

background: none; border: none; }
 * 1) localNotice {

.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; }

margin-top: 10px; }
 * 1) bodyContentOuter {

/* 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; } }

display: block; background: #fff; margin: 10px 0 0 14em; padding: 10px; border: 5px solid #64517e; border-radius: 10px; }
 * 1) catlinks:not(:empty) {

@media screen and (max-width: 1099px) { #catlinks { margin: 10px 0!important; } }