No edit summary Tag: Reverted |
No edit summary Tag: Reverted |
||
Line 11: | Line 11: | ||
/* Ensure the entire navigation bar is a flex container */ | /* Ensure the entire navigation bar is a flex container */ | ||
#p-namespaces, | #p-namespaces .vector-menu-content, | ||
#p-views { | #p-views .vector-menu-content { | ||
display: flex; | display: flex; | ||
justify-content: flex-end; /* Align items to the right */ | justify-content: flex-end; /* Align items to the right */ | ||
align-items: center; | align-items: center; | ||
list-style | list-style: none; | ||
padding: 0; | padding: 0; | ||
margin: 0; | margin: 0; | ||
Line 23: | Line 23: | ||
/* Ensure the tabs within the navigation are aligned correctly */ | /* Ensure the tabs within the navigation are aligned correctly */ | ||
#p-namespaces | #p-namespaces ul, | ||
#p-views | #p-views ul { | ||
display: flex; | display: flex; | ||
align-items: center; | align-items: center; | ||
margin: 0; | margin: 0; | ||
padding: 0; | padding: 0; | ||
list-style: none; | list-style: none; | ||
Line 42: | Line 35: | ||
#ca-nstab-main, | #ca-nstab-main, | ||
#ca-talk { | #ca-talk { | ||
margin-left: auto; /* Pushes these tabs to the right */ | |||
order: 1; /* Ensure they appear at the end */ | |||
} | |||
/* Adjust individual tab spacing */ | |||
#p-namespaces ul li, | |||
#p-views ul li { | |||
margin: 0 10px; /* Adjust spacing as needed */ | margin: 0 10px; /* Adjust spacing as needed */ | ||
padding: 0; | |||
} | } | ||
/* Ensure the personal tools are aligned properly */ | /* Ensure the personal tools are aligned properly */ | ||
#p-personal { | #p-personal ul { | ||
display: flex; | display: flex; | ||
justify-content: flex-end; | justify-content: flex-end; |
Revision as of 05:46, 19 May 2024
/* 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-end; /* Align items to the right */ align-items: center; list-style: 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 ul, #p-views ul { display: flex; align-items: center; margin: 0; padding: 0; list-style: none; } /* Specific adjustments for "Page" and "Discussion" tabs */ #ca-nstab-main, #ca-talk { margin-left: auto; /* Pushes these tabs to the right */ order: 1; /* Ensure they appear at the end */ } /* Adjust individual tab spacing */ #p-namespaces ul li, #p-views ul li { margin: 0 10px; /* Adjust spacing as needed */ padding: 0; } /* Ensure the personal tools are aligned properly */ #p-personal ul { display: flex; justify-content: flex-end; align-items: center; width: 100%; }