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 .vector-menu-content,
#p-views .vector-menu-content {
display: flex;
justify-content: flex-start; /* Align items to the left */
align-items: center;
list-style: none;
padding: 0;
margin: 0;
width: 100%; /* Ensure it takes up the full width */
}
/* General styles for the navigation tabs */
#p-namespaces ul,
#p-views ul {
display: flex;
align-items: center;
margin: 0;
padding: 0;
list-style: none;
width: auto;
}
/* Consistent spacing and removing unwanted margins/padding */
#p-namespaces ul li,
#p-views ul li {
margin: 0 10px; /* Adjust spacing as needed */
padding: 0;
list-style: none;
}
/* Align the personal tools properly */
#p-personal ul {
display: flex;
justify-content: flex-end;
align-items: center;
width: 100%;
}
/* General styles for the entire navigation bar */
.vector-menu-content {
display: flex;
justify-content: space-between; /* Ensure space between left and right sections */
align-items: center;
width: 100%;
}