/* 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; } New-York view from top - Paint by numbers Dive into the nighttime vibrancy of Manhattan without leaving your studio. "New-York view from above" by Steloria transforms every brushstroke into a sensory journey: the golden lights, the architectural lines, and the depth of the city gradually reveal themselves under your hands. Designed for discerning enthusiasts and creators seeking escape, this paint by numbers combines precision, quality, and elegance. An immersive artistic experience The carefully prepared canvas and selected pigments offer a soft and controlled grip. The format allows for working on both the refined details of skyscrapers and the breadth of aerial perspectives. Painting becomes a sensual ritual: the color glides, the scene comes to life, and the soul of New York slowly emerges. What's included High-quality pre-drawn canvas, ready to use Acrylic paints in optimized colors for a bright finish Varied brushes for details and flat areas Clear and guided instructions for a professional result Numbered palette explained for easy progression Why choose Steloria? Steloria prioritizes the excellence of materials and ease of execution. Each kit is designed to provide a result worthy of a framed artwork, without abandonment or frustration. Ideal for relaxing after a busy day, for giving a refined gift, or for decorating your interior with a unique piece, this set enhances the time spent painting. Features and benefits Professional quality: opaque and durable pigments Ease of use: step-by-step guidance for all levels Elegant finish: contrast and depth highlighting urban lights Frameable result: perfect for a design or romantic decor Tips for successfully creating your artwork Start with the large areas to balance the colors. Use fine brushes for building lines and reflections. Let each layer dry before adding details for a clean finish. Frame your painting once dry to preserve the brightness of the pigments. Indulge yourself in the pleasure of creating an aerial view of New York, piece by piece, shade by shade. With Steloria, transform a leisure moment into an exceptional work that will capture the gaze and imagination. Description Model: New-York view from aboveMethod: Paint by numbersDifficulty levels: IntermediateDimensions: 40x30cm, 50x40cm and 65x50cmFrame options: Sold with no frame or ready frameSupport: Treated and printed cotton/linen canvasPaint type: AcrylicPackaging: 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