Browse Source

Portfolio : utiliser la grille du thème

master
jeanmarie 3 months ago
parent
commit
7e814ffbeb
  1. 7
      css/html5up_massively.spip.css
  2. 8
      inclure/portfolio.html

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

8
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>]

Loading…
Cancel
Save