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

De Wiki Campus Cyber
Aller à :navigation, rechercher
(Page créée avec « →‎************************ : →‎***** TOP NAVBAR ***** : →‎************************ : →‎---------- : →‎- Ligne 28 : →‎---------- : →‎navbar container : .navbarRow.row { width: 99.9vw; } →‎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%; } } →‎----------- : /* - Ligne 24... »)
 
Aucun résumé des modifications
Ligne 23 : Ligne 23 :
}
}


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


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

Version du 2 août 2022 à 14:07

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

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

/* 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;
	}

	/* ----------- */
	/* - 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;
	}
/* */ } /* */