MediaWiki:Mobile.css

/* CSS placed here will affect users of the mobile site */ /* Header and footer */ .header-container.header-chrome { background: transparent; }
 * 1) mw-mf-page-center,

.header #secondary-button.user-button, .header .user-button, .overlay #secondary-button.user-button, .overlay .user-button { background: transparent; } /* end header and footer */ .nomobile { display: none; }

.client-js .toc-mobile { background-color: rgba(0, 0, 0, 0) !important; border: 1px solid #505050 !important; }

.last-modified-bar #mw-mf-last-modified, .mw-ui-button { background-color: rgba(0, 0, 0, 0); }

.overlay-enabled { background: #bfc3c0; }
 * 1) content,

a, a.external, a:visited { color: #235a87; }

.thumb, li.gallerybox div.thumb { background-color: rgba(0, 0, 0, 0); border: 1px solid #505050; }
 * 1) content_wrapper .thumb,

.content table th { background-color: rgba(0, 0, 0, 0); }

.content table td, .content table th { border: 1px solid #505050; padding: 3px; }

.content table.wikitable { background-color: rgba(0, 0, 0, 0); margin: auto auto 1em; }

.content table.wikitable > * > tr > td, .content table.wikitable > * > tr > th, .content table.wikitable > tr > td, .content table.wikitable > tr > th { border: 1px solid #505050; }

.content table.wikitable > * > tr > th, .content table.wikitable > tr > th { background-color: inherit; padding: 3px; } /* Recent changes */ .content .mw-changeslist table td { border: none; padding: 1px; } /* Template documentation styles */ /* If modifying these styles, be sure to update the desktop skin! */ .doc { margin: 0 auto 1em; background-color: rgba(0, 0, 0, 0.1); border: 2px solid #BDCAC3; border-radius: 1em; padding: 1em; }

.doc-header { padding-bottom: 3px; border-bottom: 1px solid #BDCAC3; margin-bottom: 1ex; }

.doc-footer { margin: 0; background-color: rgba(0, 0, 0, 0.1); border: 2px solid #BDCAC3; border-radius: 1em; padding: 1em; } /********************* /* Front page styles * /*********************/ .fpbox { background: rgba(0, 0, 0, 0.05); border: 0; border-radius: 1em 0 0 0; margin: 5px; padding: 5px; }

.fpbox .welcome { background: transparent; font-size: 150%; text-transform: uppercase; text-align: center; margin: 0 0 10px; padding: 0 0 5px; }

.fpbox .heading { background: transparent; font-size: 132%; font-variant: small-caps; margin: 0 0 10px; padding: 0 0 5px; }

.fpbox .heading .smalllink { color: #3674b3; font-weight: bold; font-size: 75%; }

.fpbox .body { overflow: hidden; }

.fpbox hr { border: none; }

.fpplainbox { padding: 5px 8px 10px; margin: 0 5px 10px; vertical-align: top; }

.fpmain .columns { overflow: hidden; }

.fpmain .columns .leftcol { width: 100%; margin: 0; padding: 0; }

.fpmain .columns .rightcol { width: 100%; margin: 0; padding: 0; } @media (min-width: 400px) { .fpmain .columns .leftcol { float: left; width: 50%; margin: 0; padding: 0; }

.fpmain .columns .rightcol { float: right; width: 50%; margin: 0; padding: 0; } } /* Auto-resize front page video to fit smaller columns */ .fpbox .embedvideowrap { width: 100%!important; max-width: 480px; margin: 0 auto; }

.fpbox .embedvideowrap iframe { width: 100%!important; } /* bigmobilelinks */ .fpbox .bigmobilelinks .rightcol { padding: 0.25em 0 0; } @media (min-width: 400px) { .fpbox .bigmobilelinks .rightcol { padding: 0; } }

.fpbox .bigmobilelinks .leftcol ul, .fpbox .bigmobilelinks .rightcol ul, .fpbox .bigmobilelinks ul { list-style: none; margin: 0; padding: 0 15px; }

.fpbox .bigmobilelinks ul ul, div#content .fpbox .bigmobilelinks .leftcol ul ul, div#content .fpbox .bigmobilelinks .rightcol ul ul { list-style: none; padding: 0.25em 1em 0; }

.fpbox .bigmobilelinks ul li div { display: flex; align-items: center; justify-content: center; min-height: 4em; margin: 0.25em 0; padding: 0; }

.fpbox .bigmobilelinks a { display: flex; align-items: center; justify-content: center; min-height: 4em; margin: 0.25em 0; padding: 0; }

div.cpbox div.feature { width: unset !important; } /* Classes permitting setting of alignment on mobile only or differently on desktop and mobile */ /* (See .desktopleft, .desktopcenter, .desktopright in MediaWiki:Common.css for the desktop equivalents */ .mobileleft {	text-align: left; }

.mobilecenter { text-align: center; }

.mobileright { text-align: right; } /* Template:FP links */ .skin-minerva .fplinks { display: flex; flex-wrap: wrap; justify-content: space-evenly; align-items: stretch; text-align: center; }

.skin-minerva .fplink-outer { padding: 5px; flex-basis: calc(25% - 10px); width: calc(25% - 15px); min-width: 115px; display: inline-block; vertical-align: middle; }

.skin-minerva .fplink-wide { flex-basis: calc(33% - 10px); width: calc(33% - 15px); }

.skin-minerva .fplink-fullwidth { flex-basis: 100%; width: calc(100% - 15px); font-weight: bold; }

.skin-minerva .fplink { padding: 0.5em; box-sizing: border-box; width: 100%; height: 100%; display: table; }

.skin-minerva .fplink-plain { background: transparent; border-radius: 0; border: 0; box-shadow: none; }

.skin-minerva .fplink-inner { display: table-row; }

.skin-minerva .fplink a { display: table-cell; vertical-align: middle; }

.skin-minerva .fplink img { max-width: 150px; width: 100%; height: auto; }

.skin-minerva .linkslabel { border-bottom: 2px solid #505050; } /* end Template:FP links code */ .fpbox .heading, .fpbox .mainheading { background: linear-gradient(rgba(79, 112, 131, 0.3) 35%, 40%,rgba(21, 35, 46, 0.4)); border-radius: 0.7em 0 0 0; box-shadow: inset 1em 0 2px rgba(185, 193, 196, 0.3), 0 0.15em 0.15em rgba(178, 86, 95, 0.3); }

.fpbox { background: rgba(0, 0, 0, 0.05); border: 1px solid #505050; }

.fplink { background: rgba(51, 33, 33, 0.2); border: 1px solid #1d1111; }

.fplink-fullwidth .fplink { background: rgba(0,0,0,0.4); }