/* CONTENEUR EN FLEX */ .accordion { display:flex; flex-direction:column; gap:0; /* lignes séparatrices gérées par border */ max-width: 880px; margin: 0 auto; } /* ITEM EN FLEX COLONNE */ .accordion-item { display:flex; flex-direction:column; } /* En-tête : H2 + bouton (ligne en flex) */ .accordion h2 { margin:0; } .accordion button{ all: unset; display:flex; /* FLEX ICI */ align-items:center; justify-content:space-between; gap:14px; width:100%; cursor:pointer; padding:10px 6px; } .accordion .label { flex:1; font-size: clamp(18px, 2.2vw, 28px); font-weight:700; } .accordion button:focus-visible { outline: 3px solid #1a73e8; outline-offset: 3px; border-radius:6px; } /* Icônes en ligne (flex child) */ .icon { width:22px; height:22px; opacity:.85; margin-right:6px } .title-left { display:flex; align-items:center; gap:14px; } /* Chevron */ .chevron { width:22px; height:22px; flex:0 0 22px; transition: transform .2s ease; color: var(--chev); } [aria-expanded="true"] .chevron{ transform: rotate(-180deg); } /* PANNEAU EN FLEX COLONNE + TRANSITION hauteur */ .panel { display:flex; /* FLEX ICI */ flex-direction:column; overflow:hidden; max-height:0; /* fermé */ transition:max-height .28s ease; } .panel[data-open="true"] { max-height: 600px; /* valeur assez grande pour contenir le contenu */ } .panel > div { padding: 0 6px 18px 6px; color: var(--muted); line-height: 1.6; font-size: 16px; } Dublin Poster - Paint by numbers Discover the Dublin Poster signed by Steloria, an invitation to paint urban beauty with grace. Every stroke, every shade has been designed to offer a simple and refined sensory experience. Intended for both enthusiasts and aspiring artists, this poster transforms an ordinary moment into a moment of creative pleasure and deep relaxation. An elegant and soothing composition The Dublin visual blends delicate lines and harmonious colors. The scene captures a soft atmosphere, ideal for bringing warmth and character to your interior. The palette has been chosen to facilitate letting go: balanced tones, a logical progression of areas to paint, for a final rendering that is soft and sophisticated. What you will receive Printed canvas with numbered areas, ready to be painted. Quality acrylic paint, selected for its coverage and durability. A brush suitable for details and flat areas, for precise and enjoyable work. Clear instructions and tips for a professional result even without experience. Why choose Steloria Dublin Poster? Steloria offers a delicate and sensual approach to paint by numbers: simplicity of execution, elegant result, and immediate emotion. This poster is perfect for creating a personal painting without technical complexity. It offers a balance between relaxation and aesthetic accomplishment, ideal after a busy day or to share a creative moment together. Practical advantages Easy to follow: each area is numbered for clear progression. Materials designed to last: stable colors and durable paper. Quick to complete: immediate gratification, harmonious finish. Perfect as a gift: neat packaging and refined aesthetics. Usage tips Start with light tones and then progress to darker ones for better control. Let dry between layers to avoid smudges and achieve clean lines. Frame the poster once dry to enhance your creation and protect the pigments. Indulge in the Steloria experience: a sensual, simple, and rewarding moment. The Dublin Poster transforms paint by numbers into an elegant creative escape, perfect for beautifying your interior and awakening your senses. Add it to your collection and start painting your own story. Description Model : Dublin PosterMethod : Paint by numbersDifficulty level : IntermediateDimensions : 50x40cmFrame options : Sold with no frameSupport : Treated and printed cotton/linen canvasPaint type : Acrylic (24 colors)Packaging : rolled or folded in secure packaging // Accordéon : un seul panneau ouvert à la fois const accordion = document.getElementById('accordion'); const buttons = accordion.querySelectorAll('.accordion-item h2 > button'); function closeItem(btn){ btn.setAttribute('aria-expanded', 'false'); const panel = document.getElementById(btn.getAttribute('aria-controls')); panel.dataset.open = "false"; panel.style.maxHeight = null; } function openItem(btn){ btn.setAttribute('aria-expanded', 'true'); const panel = document.getElementById(btn.getAttribute('aria-controls')); panel.dataset.open = "true"; // ajuste la hauteur pour la transition panel.style.maxHeight = panel.scrollHeight + "px"; } buttons.forEach(btn => { btn.addEventListener('click', () => { const wasOpen = btn.getAttribute('aria-expanded') === 'true'; // ferme tous les items buttons.forEach(closeItem); // ouvre seulement celui cliqué s'il n'était pas déjà ouvert if (!wasOpen) openItem(btn); }); // touche Entrée/Espace pour accessibilité btn.addEventListener('keydown', (e) => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); btn.click(); } }); }); // (Optionnel) ouvrir le premier par défaut : // if (buttons.length) openItem(buttons[0]);
Related
Related
Related
Related