MediaWiki:Common.css: Difference between revisions

MediaWiki interface page
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 ul,
#p-namespaces .vector-menu-content,
#p-views ul {
#p-views .vector-menu-content {
     display: flex;
     display: flex;
     justify-content: flex-end; /* Aligns all items to the right */
     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 {
     margin-left: auto; /* Pushes the tabs to the right */
     order: -1; /* Move these items to the beginning */
     order: 1; /* Ensure they appear at the end */
     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;
}