« Utilisateur:Mathis/chameleon.css » : différence entre les versions

Version du 2 août 2022 à 14:18

/**************************/
/* ***** TOP NAVBAR ***** */
/**************************/

/* ---------- */
/* - Ligne 28 */
/* ---------- */
/* navbar container */
.navbarRow.row {
	width: 99.9vw;
    padding-left: 5px;
}

/* Supression du padding des enfants du navbar container */
.navbarRow.row > .col {
    padding: 0;
}
@media(min-width: 768px) {
	nav#mw-navigation.p-navbar {
        padding-right: 0px;
	    margin: 0 !important;
	    width: 100%;
	}
}

/* */ @media (max-width: 768px) { /* */
	/* ----------- */
	/* - Ligne 245 */
	/* ----------- */
	/* navbar container */
	.navbarRow.row {
		padding: 5px 10px;
		position: absolute;
	}

	/* ----------- */
	/* - Ligne 263 */
	/* ----------- */
	.p-navbar.collapsible .navbar-nav > div:last-child { background: var(--red); }
	
	.p-navbar.collapsible .navbar-nav:not(.navbar-tools) {
	    width: 98vw;
	    background: white;
	    position: absolute;
	    top: 55px;
	    left: 0;
	}
/* */ } /* */

/**************************/
/* ***** TOP NAVBAR ***** */
/* ****** DROPDOWNS ***** */
/**************************/

							 .p-navbar .navbar-nav .p-personal-tools.dropdown-menu { transform: translateX(-80px); }
@media (max-width: 1700px) { .p-navbar .navbar-nav .p-personal-tools.dropdown-menu { transform: translateX(-92px); } }
@media (max-width: 1600px) { .p-navbar .navbar-nav .p-personal-tools.dropdown-menu { transform: translateX(-95px); } }
@media (max-width: 1500px) { .p-navbar .navbar-nav .p-personal-tools.dropdown-menu { transform: translateX(-100px); } }
@media (max-width: 1400px) { .p-navbar .navbar-nav .p-personal-tools.dropdown-menu { transform: translateX(-105px); } }
@media (max-width: 1300px) { .p-navbar .navbar-nav .p-personal-tools.dropdown-menu { transform: translateX(-105px); } }
@media (max-width: 1200px) { .p-navbar .navbar-nav .p-personal-tools.dropdown-menu { transform: translateX(-110px); } }
@media (max-width: 1100px) { .p-navbar .navbar-nav .p-personal-tools.dropdown-menu { transform: translateX(-115px); } }
@media (max-width: 1000px) { .p-navbar .navbar-nav .p-personal-tools.dropdown-menu { transform: translateX(-120px); } }
@media (max-width: 900px) { .p-navbar .navbar-nav .p-personal-tools.dropdown-menu { transform: translateX(-125px); } }
@media (max-width: 800px) { .p-navbar .navbar-nav .p-personal-tools.dropdown-menu { transform: translateX(-130px); } }