Portfolio : utiliser la grille du thème

css/html5up_massively.spip.css

@@ -31,11 +31,10 @@ img { height: auto; max-width:100%; }
 #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;}
-ul.portfolio li { margin:0.5em; padding:0; line-height: 1.5em; font-size: 0.75em ;}
+ul.portfolio { padding: 0; list-style: none;}
+ul.portfolio li { line-height: 1.5em; font-size: 0.75em ;}
 ul.portfolio li a, ul.portfolio li a:hover, ul.portfolio li a:active, ul.portfolio li a:focus { text-decoration:none; border:0;}
 ul.portfolio li a:hover, ul.portfolio li a:active, ul.portfolio li a:focus { text-decoration:none; border:0;}
-ul.portfolio li figure { width: 250px;}
 ul.portfolio li figcaption {margin-top: 0.25em;}
 ul.portfolio li small { font-size: 0.75em; }
 
@@ -81,7 +80,7 @@ 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; }

inclure/portfolio.html

@@ -1,6 +1,6 @@
 <B_documents_portfolio>
 <div class="liste images documents_portfolio">
-	<ul class="liste-items galerie portfolio">
+	<ul class="liste-items galerie portfolio row gtr-50 gtr-uniform">
 		<BOUCLE_documents_portfolio(DOCUMENTS)
 			{id_article?}
 			{id_rubrique?}
@@ -12,12 +12,12 @@
 			{vu=non}
 			{doublons documents}
 		>[
-		<li class="item"><a href="(#URL_DOCUMENT)"
+		<li class="item col-4"><a href="(#URL_DOCUMENT)"
 			type="#MIME_TYPE"
 			rel="documents_portfolio[-a(#ID_ARTICLE)][-r(#ID_RUBRIQUE)]"
 			title="[(#TITRE|attribut_html|couper{60})][- <:medias:label_credits:> (#CREDITS|attribut_html|couper{40})] "
-			><figure>[(#FICHIER|image_recadre{250:250, -, focus}
-					   |adaptive_images{250}
+			><figure>[(#FICHIER|image_recadre{287:175, -, focus}
+					   |adaptive_images{287}
 					   |inserer_attribut{alt,[(#TITRE|sinon{#FICHIER|basename}|attribut_html|couper{80})]})]
 					   <figcaption>
 						#TITRE [<small><:medias:label_credits:> (#CREDITS)</small>]