MediaWiki:Gadget-viewportWidth.css

From ENA Wiki
Jump to navigation Jump to search

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.
:root {
  --wiki-content-reduced-max-width:1236px;
  --wiki-sidebar-width:10em;
  --wiki-sidebar-spacing:1em;
}

/* min-width here should be equal to var(--wiki-content-reduced-max-width) */
@media screen and (min-width: 1236px) {

  /* content */
  
  .content-wrapper {
    max-width: var(--wiki-content-reduced-max-width);
    margin-left: auto;
    margin-right: auto;
  }

  .mw-body,
  .mw-footer {
    margin-left: calc(var(--wiki-sidebar-width) + var(--wiki-sidebar-spacing));
    box-sizing: border-box;
  }
  
  .mw-body {
    margin-right:0;
  }

  .mw-footer {
    position: relative;
    max-width: calc(var(--wiki-content-reduced-max-width) - var(--wiki-sidebar-width) - var(--wiki-sidebar-spacing));
    margin-right: auto;
    margin-left: auto;
    left: calc((var(--wiki-sidebar-width) + var(--wiki-sidebar-spacing)) / 2);
  }
  
  /* nav */
  
  #mw-head {
    max-width:var(--wiki-content-reduced-max-width);
    left:50%;
    transform: translateX(-50%);
    z-index:1;
  }
  
  #left-navigation {
    margin-left:calc(var(--wiki-sidebar-width) + var(--wiki-sidebar-spacing));
  }
  
  .vector-search-box {
    margin-right:0;
  }
  
  /* sidebar */
  #mw-panel {
    padding-left:0;
  }
  
  .vector-menu-portal {
    margin:0;
  }
}