« MediaWiki:Common.css » : différence entre les versions

Version du 3 décembre 2023 à 11:07

/* Le CSS placé ici sera appliqué à tous les habillages. */
		.boite_mainpage{
			display: inline-block;
			width: 250px;
			margin: 10px 15px;
			border: solid 1px #CCC;
			border-radius:2px;
		    box-shadow: 0 2px 2px rgba(0,0,0,0.1);
		}

		.header_boite{
			margin: 0px 5px;
			padding: 5px 0px;
			border-bottom: solid 1px #CCC;
		}

		.header_boite h3{
			margin:0px;
			padding:0px;
		}

		.contenu_boite{
			padding: 0px 10px;
			text-align: left;
		}

		@media screen and (max-width: 600px) {
			.boite_mainpage{
			display: inline-block;
			width: 80%;
		}

@@ Ligne 1 : / Ligne 1 : @@
 /* Le CSS placé ici sera appliqué à tous les habillages. */
-.mainpage_row {
+	.boite_mainpage{
-	display: flex;
+	display: inline-block;
-	flex-direction: row;
+	width: 250px;
-	flex-flow: row wrap;
+	margin: 10px 15px;
-	justify-content: space-between;
+	border: solid 1px #CCC;
-	padding: 0;
+	border-radius:2px;
-	margin: 0 -5px 0 -5px;
+	    box-shadow: 0 2px 2px rgba(0,0,0,0.1);
-}
+	}
-.mainpage_box {
-	flex: 1;
+	.header_boite{
-	margin: 5px;
+	margin: 0px 5px;
-	min-width: 210px;
+	padding: 5px 0px;
-	border: 1px solid #CCC;
+	border-bottom: solid 1px #CCC;
-	padding: 0 10px 10px 10px;
+	}
-	box-shadow: 0 2px 2px rgba(0,0,0,0.1);
-}
+	.header_boite h3{
-.mainpage_box h3 {
+	margin:0px;
-	/* Reset padding so is equal across skins */
+	padding:0px;
-	padding: 0;
+	}
-	margin: 0.5em 0;
-}
+	.contenu_boite{
-.mainpage_box h3 .header_icon {
+	padding: 0px 10px;
-	float: left;
+	text-align: left;
-	margin-right: 5px;
+	}
-}
-.mainpage_box .items {
+	@media screen and (max-width: 600px) {
-	border-top: 1px solid #CCC;
+	.boite_mainpage{
-	padding-top: 0.5em;
+	display: inline-block;
-}
+	width: 80%;
-.mainpage_box p:last-child {
+	}
-	margin-bottom: 0;
-}
-.mainpage_boxcontents_small {
-	font-size: 95%;
-}