Oasis M.css

Chú ý: Sau khi lưu trang, có thể bạn sẽ phải xóa bộ nhớ đệm của trình duyệt để xem các thay đổi.

Firefox / Safari: Nhấn giữ phím Shift trong khi nhấn Tải lại (Reload), hoặc nhấn tổ hợp Ctrl-F5 hay Ctrl-R (⌘R trên Mac)
Google Chrome: Nhấn tổ hợp Ctrl-Shift-R (⇧⌘R trên Mac)
Internet Explorer / Edge: Nhấn giữ phím Ctrl trong khi nhấn Làm tươi (Refresh), hoặc nhấn tổ hợp Ctrl-F5
Opera: Nhấn tổ hợp Ctrl-F5.

/**
 * A responsive mobile interface for Oasis.
 */
@media only screen and (max-width: 768px) {
 
  /* General interface fixes */
  #WikiaPage {
    margin:0 auto;
    max-width:calc(100% - 52px);
  }
  footer.wds-global-footer,
  .WikiaRail .module {
    width: auto;
    display:block;
  }
  .WikiaRail, .main-page-tag-rcs {
    -moz-column-count: 1;
    column-count: 1;
  }
  header.wds-community-header,
  .UserProfileMasthead .masthead-info > div {
    width: auto;
    margin:0 auto;
    max-width:calc(100% - 4px);
  }
  #globalNavigation .wds-global-navigation__logo-image g path:last-of-type {
    display:none;
  }
 
  /* Profile */
  .UserProfileMasthead .masthead-avatar {
    position:relative;
    text-align:center;
    margin:0;
    width:auto;
    left:auto;
  }
  .UserProfileMasthead .masthead-info-lower:before {
    display:none;
  }
  .UserProfileMasthead .masthead-info {
    margin:0;
  }
  .UserProfileMasthead .masthead-avatar .avatar {
    max-width:80px;
    max-height:80px;
  }
  .UserProfileMasthead .masthead-info h1 {
    font-size:24px;
  }
  .UserProfileMasthead .masthead-info h2 {
    font-size:20px;
  }
 
  /* Community header */
  header.wds-community-header,
  .wds-community-header__local-navigation {
    height: auto;
  }
  nav .wds-tabs {
    display: block;
  }
  nav .wds-tabs__tab {
    display: inline-block;
  }
 
  /* Page header wrap */
  .WikiaPage #PageHeader {
    flex-flow: row wrap;
  }
  .wds-global-navigation .wds-global-navigation__links {
    display: none;
  }
 
  .wds-community-header .wds-community-header__wiki-buttons,
  .wds-community-header .wds-community-header__counter {
    display: none;
  }
  .wds-global-navigation,
  .wds-global-navigation-wrapper {
    width: 100%;
  }
  header.wds-community-header {
    background-image: none !important;
  }
 
  /* Page contents should expand to full width */
  .portable-infobox {
    float: none;
    margin: 0;
    width: 100%;
  }
 
  /* Fieldsets */
  #mw-content-text fieldset {
      min-inline-size: unset;
  }
}