MediaWiki:Darkvector.css: Difference between revisions

MediaWiki interface page
(Created page with "→‎CSS placed here will affect users of the DarkVector skin: →‎Align the "Page" and "Discussion" tabs with the other tabs: .vector-menu-tabs .vector-menu-content > ul { display: flex; align-items: center; } .vector-menu-tabs .vector-menu-content > ul > li { margin-right: 5px; →‎Adjust this value as needed: } .vector-menu-tabs .vector-menu-content > ul > li.selected { margin-right: 5px; →‎Adjust this value as needed: }")
 
No edit summary
Line 1: Line 1:
/* CSS placed here will affect users of the DarkVector skin */
/* CSS placed here will affect users of the DarkVector skin */


/* Align the "Page" and "Discussion" tabs with the other tabs */
/* Adjust the position of the "Page" and "Discussion" tabs */
.vector-menu-tabs .vector-menu-content > ul {
#ca-nstab-main, #ca-talk {
    margin-left: 10px; /* Adjust this value as needed */
    padding-left: 10px; /* Adjust this value as needed */
}
 
/* General alignment for tabs */
#p-namespaces ul {
     display: flex;
     display: flex;
     align-items: center;
     align-items: center;
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#p-namespaces ul li {
    margin-right: 10px; /* Adjust this value as needed */
}
}


.vector-menu-tabs .vector-menu-content > ul > li {
#p-views ul {
     margin-right: 5px; /* Adjust this value as needed */
    display: flex;
    align-items: center;
     margin: 0;
    padding: 0;
    list-style-type: none;
}
}


.vector-menu-tabs .vector-menu-content > ul > li.selected {
#p-views ul li {
     margin-right: 5px; /* Adjust this value as needed */
     margin-right: 10px; /* Adjust this value as needed */
}
}

Revision as of 05:20, 19 May 2024

/* CSS placed here will affect users of the DarkVector skin */

/* Adjust the position of the "Page" and "Discussion" tabs */
#ca-nstab-main, #ca-talk {
    margin-left: 10px; /* Adjust this value as needed */
    padding-left: 10px; /* Adjust this value as needed */
}

/* General alignment for tabs */
#p-namespaces ul {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#p-namespaces ul li {
    margin-right: 10px; /* Adjust this value as needed */
}

#p-views ul {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#p-views ul li {
    margin-right: 10px; /* Adjust this value as needed */
}