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%;
}