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 container for the namespaces and views tabs 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, adjust as needed */
align-items: center;
list-style-type: none;
padding: 0;
margin: 0;
}
/* Target the specific tabs to ensure they are positioned correctly */
#ca-nstab-main,
#ca-talk {
order: -1; /* Move these items to the beginning */
margin-right: 10px; /* Adjust spacing as needed */
}
/* Optional: Adjust individual tab spacing */
#p-namespaces ul li,
#p-views ul li {
margin-right: 10px; /* Adjust this value as needed */
padding: 0; /* Ensure no extra padding */
}
/* General styles to ensure consistent appearance */
#p-namespaces ul,
#p-views ul {
display: flex;
align-items: center;
list-style-type: none;
padding: 0;
margin: 0;
}
/* Align the tabs container to ensure it occupies the full width */
#p-personal,
#p-namespaces,
#p-views {
display: inline-block;
vertical-align: top;
}