No edit summary Tag: Reverted |
No edit summary Tag: Reverted |
||
Line 14: | Line 14: | ||
#p-views .vector-menu-content { | #p-views .vector-menu-content { | ||
display: flex; | display: flex; | ||
justify-content: flex- | justify-content: flex-start; /* Align items to the left */ | ||
align-items: center; | align-items: center; | ||
list-style: none; | list-style: none; | ||
Line 22: | Line 22: | ||
} | } | ||
/* | /* General styles for the navigation tabs */ | ||
#p-namespaces ul, | #p-namespaces ul, | ||
#p-views ul { | #p-views ul { | ||
Line 30: | Line 30: | ||
padding: 0; | padding: 0; | ||
list-style: none; | list-style: none; | ||
width: auto; | |||
} | } | ||
/* | /* Consistent spacing and removing unwanted margins/padding */ | ||
#p-namespaces ul li, | #p-namespaces ul li, | ||
#p-views ul li { | #p-views ul li { | ||
margin: 0 10px; /* Adjust spacing as needed */ | margin: 0 10px; /* Adjust spacing as needed */ | ||
padding: 0; | padding: 0; | ||
list-style: none; | |||
} | } | ||
/* | /* Align the personal tools properly */ | ||
#p-personal ul { | #p-personal ul { | ||
display: flex; | display: flex; | ||
justify-content: flex-end; | 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; | align-items: center; | ||
width: 100%; | width: 100%; | ||
} | } |
Revision as of 05:51, 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-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%; }