/* ----------------------------------------- */ /* Visualiser le slug : liste-ordonnee-des-plans-de-mesures - début */ /* ----------------------------------------- */ .les-plans { display:flex; flex-direction:row; flex-wrap:wrap; width:100%; justify-content: space-around; } /* ----------------------------------------- */ /* Visualiser le slug : liste-ordonnee-des-plans-de-mesures - fin */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Modèle de contenu : element-de-boucle-dans-boucle-pour-liste-ordonnee-des-plans-de-mesures - démarrer */ /* ----------------------------------------- */ .plan-link { } .un-plan { display: flex; flex-direction: column; justify-content: flex-end; align-content: flex-end; width:360px; height:240px; margin:6px 0; background-color:#EEE; background-position:center; border-radius:20px; } .un-plan.portrait { width:360px; height:540px; } .un-plan-clic { display: flex; flex-direction: column; justify-content: flex-end; align-content: flex-end; width:360px; height:240px; margin:2px; } .un-plan-clic.portrait { width:360px; height:540px; } #c a.plan-link,#c a.plan-link:link { text-decoration:none; } #c a.plan-link:hover { text-decoration:none; } #c .un-plan a.plan-link h2.plan-title { font-weight: 500; line-height:.9; color: #FFF; font-size: 1.5rem; display: inline-block; margin-top: 0rem; margin-left: 1rem; border-bottom:2px solid rgba(0,0,0,0); } img.plan-thumb { display:relative; } /* Effect 15: scale down, reveal */ #c .un-plan a.plan-link:hover h2.plan-title{ color: rgba(255,255,255,0.8); /* border-bottom:2px solid #FFF; */ text-shadow: none; transition:all 0,4s ease; text-decoration:none; } #c .un-plan a.plan-link h2.plan-title:after { background: none repeat scroll 0 0 transparent; bottom: 0; content: ""; display: block; height: 2px; left: 50%; position: unset; background: #FFF; transition: width 0.3s ease 0s, left 0.3s ease 0s; width: 0; } #c .un-plan a.plan-link:hover h2.plan-title:after { background: none repeat scroll 0 0 transparent; bottom: 0; content: ""; display: block; height: 2px; left: 50%; position: unset; background: #fff; transition: width 0.3s ease 0s, left 0.3s ease 0s; width: 90%; } @media screen and (max-width: 320px) { .un-plan { width: 300px; height: 180px; background-size: 100%; } .un-plan-clic { width: 280px; height: 150px; } } /* ----------------------------------------- */ /* Modèle de contenu : element-de-boucle-dans-boucle-pour-liste-ordonnee-des-plans-de-mesures - terminer */ /* ----------------------------------------- */