Mise en forme suite (normalement, rien n'a bougé)

css/html5up_massively.spip.css

@@ -15,68 +15,20 @@ img { height: auto; max-width:100%; }
 #intro.hidden + #header .logo { opacity:1 !important; display:block; }
 .page_sommaire #intro > p { margin-right: auto; margin-left: auto; max-width: 1000px;}
 
-#main > .post {
-    padding-top:4rem;
-}
+#main > .post { padding-top:4rem; }
 #main > .post:after { display:block; content:''; clear:both; }
 /* on veut ajaxer la liste/articles donc on prend en compte une div de + dans les styles "> div " */
-#main > * {
-
-    padding:0;
-    border-top:0;
-    margin: 0;
-
-}
-#main > div > * {
-
-    padding: 4rem 4rem 2rem 4rem;
-    border-top: solid 2px #eeeeee;
-    margin: 0;
-
-}
+#main > * { padding:0; border-top:0; margin: 0;}
+#main > div > * { padding: 4rem 4rem 2rem 4rem; border-top: solid 2px #eeeeee; margin: 0;}
 #main > div > [id^=pagination_] { padding:0; border:0; }
-#main > div > .posts {
-	display: flex;
-	flex-wrap: wrap;
-	align-items: stretch;
-	text-align: center;
-	width: 100%;
-	padding: 0;
-}
-
-#main > div > .posts > * {
-	flex-shrink: 1;
-	flex-grow: 0;
-}
-
-#main > div > .posts > * {
-	width: 50%;
-}
-
-#main > div > .posts > * {
-	padding: 4rem;
-	width: 50%;
-}
-
-#main > div > .posts > article {
-	border-color: #eeeeee;
-	border-left-width: 2px;
-	border-style: solid;
-	border-top-width: 2px;
-	text-align: center;
-}
-
-#main > div > .posts > article > :last-child {
-	margin-bottom: 0;
-}
-
-#main > div > .posts > article:nth-child(2n - 1) {
-	border-left-width: 0;
-}
-
-#main > div > .posts > article:nth-child(-n + 2) {
-	border-top-width: 0;
-}
+#main > div > .posts { display: flex; flex-wrap: wrap; align-items: stretch; text-align: center; width: 100%; padding: 0; }
+#main > div > .posts > * { flex-shrink: 1; flex-grow: 0; }
+#main > div > .posts > * { width: 50%; }
+#main > div > .posts > * { padding: 4rem; width: 50%; }
+#main > div > .posts > article { border-color: #eeeeee; border-left-width: 2px; border-style: solid; border-top-width: 2px; text-align: center; }
+#main > div > .posts > article > :last-child { margin-bottom: 0; }
+#main > div > .posts > article:nth-child(2n - 1) { border-left-width: 0; }
+#main > div > .posts > article:nth-child(-n + 2) { border-top-width: 0; }
 
 /* Le portofolio */
 ul.portfolio {display:flex; flex-wrap:wrap; justify-content:center; padding: 0; list-style: none;}
@@ -129,37 +81,14 @@ fieldset.previsu legend { color: #F57900; }
 .erreur_message { color: red; }
 
 @media screen and (max-width: 736px) {
-
-	#main > div > .posts > * {
-		width: 100%;
-	}
-
-	#main > div > .posts > * {
-		padding: 2rem;
-		width: 100%;
-	}
-
-	#main > div > .posts > article:nth-child(2n - 1) {
-		border-left-width: 2px;
-	}
-
-	#main > div > .posts > article:nth-child(-n + 2) {
-		border-top-width: 2px;
-	}
-
-	#main > div > .posts > article:nth-child(n) {
-		border-left-width: 0;
-	}
-
-	#main > div > .posts > article:nth-child(-n + 1) {
-		border-top-width: 0;
-	}
-
-	#main > div > .posts > article .image {
-		max-width: 25rem;
-		margin-left: auto;
-		margin-right: auto;
-	}
+	
+	#main > div > .posts > * { width: 100%; }
+	#main > div > .posts > * { padding: 2rem; width: 100%; }
+	#main > div > .posts > article:nth-child(2n - 1) { border-left-width: 2px; }
+	#main > div > .posts > article:nth-child(-n + 2) { border-top-width: 2px; }
+	#main > div > .posts > article:nth-child(n) { border-left-width: 0; }
+	#main > div > .posts > article:nth-child(-n + 1) { border-top-width: 0; }
+	#main > div > .posts > article .image { max-width: 25rem; margin-left: auto; margin-right: auto; }
 
 }