MediaWiki:Mobile.css

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 */
@font-face {
  font-family: Tico;
  src: url('fonts/Tico/font.woff') format('woff'),
       url('fonts/Tico/font.woff2') format('woff2');
}

.branding-box {
  font-family: Tico;
  text-transform: uppercase;
  font-weight: bold;
  opacity: 1 !important;
}

#footer-places-darkmode-toggle {
    display: inline-block;
}

#footer-places-desktop-toggle:after {
    content: ' ·' !important;
    font-weight: bold;
}

.overlay.search-overlay {
    top: 35px;
}

.overlay.editor-overlay {
    top: 40px;
}

.overlay.search-overlay .clear {
    background: none;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.header-chrome .overlay-header {
    height: 3.375em;
}

.overlay.search-overlay .overlay-header {
    align-items: center;
    display: flex;
    width: 95%;
}