MediaWiki:Mobile.css

/* CSS placed here will affect users of the mobile site */ .skin-minerva .globalNotice { background: transparent; }

/* Header and footer */ .header-container.header-chrome, background: transparent; }
 * 1) mw-mf-page-center {

footer { color: #e0e0e0; }

.overlay #secondary-button.user-button, .header #secondary-button.user-button, .overlay .user-button, .header .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 #258476 !important; }

/* Custom fonts */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; src: local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v5/zhcz-_WihjSQC0oHJ9TCYBsxEYwM7FgeyaSgU71cLG0.woff) format('woff'); } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; src: local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v5/IQHow_FEYlDC4Gzy_m8fcgFhaRv2pGgT5Kf0An0s4MM.woff) format('woff'); }

.skin-minerva .search-overlay, body { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background: url("https://static.wikia.nocookie.net/marstomorrow_gamepedia/images/9/98/Bg.jpg/revision/latest") no-repeat fixed left top / cover #011b1c; color: #ffffff; font-family: 'Montserrat'; }

.overlay-enabled, #content { background: rgba(0, 0, 0, 0.7); }

a, a:visited, a.external { color: #dfc463; font-family: 'Montserrat'; }

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

.mw-ui-icon:not(.secondary-action):not(.toc-button)::before { filter: invert(1); }

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

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

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

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

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

.content table.wikitable > tr > th, .content table.wikitable > * > tr > th { background-color: inherit; padding: 3px; }

/* Responsive main page stuff */ /******************** /* Main menu styles * /********************/ .primary-navigation-enabled { border-left: 12px solid #011b1c !important; background: #011b1c !important; }

border-left: 12px solid #258476; background: transparent; }
 * 1) mw-mf-page-left {

background: transparent; }
 * 1) mw-mf-page-left ul {

border-bottom: 12px solid #258476; }
 * 1) mw-mf-page-left ul:first-child {

border-top: 1px solid #258476; border-bottom: 1px solid #258476; background: transparent; text-shadow: none; }
 * 1) mw-mf-page-left ul li {

border: none; color: #dfc463; }
 * 1) mw-mf-page-left ul li a,
 * 2) mw-mf-page-left ul.hlist li a {

border-left: 12px solid #258476; }
 * 1) mw-mf-page-left ul li:hover {

border: none; }
 * 1) mw-mf-page-left ul.hlist li:hover {

color: #ffffff; }
 * 1) mw-mf-page-left ul li:hover a,
 * 2) mw-mf-page-left ul.hlist li:hover a {

/*** mobile front page collapse ***/ .skin-minerva .fpbox.mobilecollapsible .heading a.togglecollapse { display: block; padding: 0 0 0 15px; }

.skin-minerva .fpbox.mobilecollapsible .heading a.togglecollapse:active, .skin-minerva .fpbox.mobilecollapsible .heading a.togglecollapse:hover { text-decoration: none; }

.skin-minerva .fpbox.mobilecollapsible.collapsed .heading { border: none; margin-bottom: -4px; }

.skin-minerva .fpbox.mobilecollapsible .heading a.togglecollapse { position: relative; }

.skin-minerva .fpbox.mobilecollapsible .heading a.togglecollapse:before { content: ""; width: 12px; height: 12px; background-image: url("/skins/Vector/images/arrow-down.png"); background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E %3Cpath d=%22M11.05 3.996l-.965-1.053-4.035 3.86-3.947-3.86L1.05 3.996l5 5 5-5%22 fill=%22%23222%22/%3E %3C/svg%3E"); position: absolute; left: 0; top: 50%; margin-top: -6px; }

.skin-minerva .fpbox.mobilecollapsible.collapsed .heading a.togglecollapse:before { transform: rotate(-90deg); }

.skin-minerva .fpbox.mobilecollapsible.collapsed .body { display: none; }