MediaWiki:Mobile.css

From Roses, Tulips, & Liberty

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

/*
2023-10-10
Add class for blurry text (could be useful for spoilers)
*/
.ht {
    color: transparent;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* 2023-10-10 Make the design more aligned with desktop site*/
.header-container {
    border-bottom: 6px solid #3a928c!important;
    width: calc(100% - 32px)!important;
    z-index: 1!important;
    position: fixed!important;
    background-color: #f4f8f9!important;
}

.banner-container {
    margin-top: 60px;
}