MediaWiki:Navbar.css: Difference between revisions

From The Seven Sages of Rome
(Created page with "#mw-navigation { z-index: 999; border-bottom: none; background-color: rgba(255, 255, 255, 0.2) !important; backdrop-filter: blur(20px) saturate(160%) contrast(45%) brightness(140%) !important; -webkit-backdrop-filter: blur(20px) saturate(160%) contrast(45%) brightness(140%); } .nav-link { color: black !important; } →‎Custom navbar breakpoint: @media (min-width: 1350px){ .navbar-expand-custom { flex-direction: row; flex-wrap: nowrap;...")
 
No edit summary
Line 1: Line 1:
#mw-navigation {
#mw-navigation {
z-index: 999;
z-index: 999;
border-bottom: none;
border-bottom: white;
background-color: rgba(255, 255, 255, 0.2) !important;
background-color: rgba(255, 255, 255, 0.2) !important;
backdrop-filter: blur(20px) saturate(160%) contrast(45%) brightness(140%) !important;
backdrop-filter: blur(20px) saturate(160%) contrast(45%) brightness(140%) !important;

Revision as of 11:21, 12 March 2025

#mw-navigation {
	z-index: 999;
	border-bottom: white;
	background-color: rgba(255, 255, 255, 0.2) !important;
	backdrop-filter: blur(20px) saturate(160%) contrast(45%) brightness(140%) !important;
	-webkit-backdrop-filter: blur(20px) saturate(160%) contrast(45%) brightness(140%);
}

.nav-link {
	color: black !important;
}

/* Custom navbar breakpoint */
@media (min-width: 1350px){
    .navbar-expand-custom {
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }
    .navbar-expand-custom .navbar-nav {
        flex-direction: row;
    }
    .navbar-expand-custom .dropdown-menu {
        position: absolute;
    }
    .navbar-expand-custom .nav-link {
        padding-right: .5rem;
        padding-left: .5rem;
    }
    .navbar-expand-custom > .container {
        flex-wrap: nowrap;
    }
    .navbar-expand-custom .navbar-collapse {
        display: flex!important;
        flex-basis: auto;
    }
    .navbar-expand-custom .navbar-toggler {
        display: none;
    }
}