MediaWiki:Common.css: Difference between revisions

MediaWiki interface page
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-end; /* Align items to the right */
     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:
}
}


/* Ensure the tabs within the navigation are aligned correctly */
/* 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;
}
}


/* Specific adjustments for "Page" and "Discussion" tabs */
/* Consistent spacing and removing unwanted margins/padding */
#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-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;
}
}


/* Ensure the personal tools are aligned properly */
/* 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%;
}