MediaWiki:Common.css

MediaWiki interface page
Revision as of 05:45, 19 May 2024 by Xenon (talk | contribs)

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.
/* CSS placed here will be applied to all skins */

@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@700&display=swap');

.sci-fi-font {
    font-family: 'Orbitron', sans-serif;
    font-weight: bold;
}



/* Ensure the entire navigation bar is a flex container */
#p-namespaces,
#p-views {
    display: flex;
    justify-content: flex-end; /* Align items to the right */
    align-items: center;
    list-style-type: none;
    padding: 0;
    margin: 0;
    width: 100%; /* Ensure it takes up the full width */
}

/* Ensure the tabs within the navigation are aligned correctly */
#p-namespaces .vector-menu-content,
#p-views .vector-menu-content {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
}

/* Remove default margins and paddings from tabs */
#p-namespaces ul li,
#p-views ul li {
    margin: 0 10px; /* Adjust spacing as needed */
    padding: 0;
    list-style: none;
}

/* Specific adjustments for "Page" and "Discussion" tabs */
#ca-nstab-main,
#ca-talk {
    margin: 0 10px; /* Adjust spacing as needed */
    order: 1; /* Ensure they appear in the correct order */
}

/* Ensure the personal tools are aligned properly */
#p-personal {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
}