No edit summary Tag: Reverted |
No edit summary Tag: Reverted |
||
Line 10: | Line 10: | ||
/* Ensure the container for the tabs is a flex container */ | /* Ensure the container for the namespaces and views tabs 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- | justify-content: flex-start; /* Align items to the left, adjust as needed */ | ||
align-items: center; | align-items: center; | ||
list-style-type: none; | list-style-type: none; | ||
Line 24: | Line 24: | ||
#ca-nstab-main, | #ca-nstab-main, | ||
#ca-talk { | #ca-talk { | ||
order: -1; /* Move these items to the beginning */ | |||
margin-right: 10px; /* Adjust spacing as needed */ | |||
} | } | ||
Line 32: | Line 32: | ||
#p-views ul li { | #p-views ul li { | ||
margin-right: 10px; /* Adjust this value as needed */ | 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; | |||
} | } |
Revision as of 05:43, 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 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; }