MediaWiki:Timeless.css

From JoJo's Bizarre Encyclopedia - JoJo Wiki
Revision as of 02:27, 11 September 2021 by Vish (talk | contribs)
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.
/* All CSS here will be loaded for users of the Timeless skin */
#mw-content {
    z-index: 0;
    position: relative;
}

#mw-content-container {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

#p-logo-text {
	opacity: 0;
	visibility: hidden;
}

/* One-sided navigation menu */
@media (min-width: 1340px) {
  #mw-content-block {
    display: grid;
    grid-template-rows: max-content;
  }
  #mw-content {
    margin-left: 14em;
  }
  #mw-content-wrapper {
    grid-row-start: 1;
	grid-row-end: 99;
	grid-column: 1;
	order: unset;
  }
  #mw-related-navigation {
    width: 12em;
    padding: 0 1em 0 0;
    grid-row: 2;
    grid-column: 1;
  }
  div.color-middle {
    margin-right: 0;
  }
}

/* Align top colour bar with page columns */
.ts-inner {
  padding: 0 0 0 1em;
}

/* Re-aligning bottom logos */
#footer { padding-right: 1em; }

.mw-footer-container {
    border-top: solid 3px #222a41;
    background-color: #384361;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

#mw-site-navigation {
    width: 12em;
}

#mw-content {
    margin-left: 12em;
}

#content {
	margin-left: 0;
}

#p-Links-label {
    display: none;
}

.mw-body {
    border-right: none;
}

#mw-header-container {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.color-bar {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

#mw-header-hack {
    position: relative;
}

#mw-site-navigation {
    grid-row: 1;
    grid-column: 1;
    order: unset;
}

#mw-site-navigation .sidebar-chunk #p-Links {
    padding: 0;
}

#mw-site-navigation .sidebar-chunk #menu li {
    font-size: 0.75em;
}