Vinyllia
Messages Panier

Menu

Compte

Notifications

Aucune notification
Voir toutes les notifications

Contact Support

Thank You!

Your message has been sent. We'll get back to you as soon as possible.

Les Sons Abstraits

327 Albums
J'aime
0 Avis

Filtres

Recherche

Genre

Format

CD
DVD
Vinyl

Prix 0$ - 200$+

Albums (326)

Coeur d'acier

Coeur d'acier

Orizon

CD 2010
CD - NM/NM - 30.00 $
Media: NM
Cover: NM
30.00 $
Lonely at night

Lonely at night

Orphan

Vinyl 1983
Vinyl - EX/VG+ - 25.00 $
Media: EX
Cover: VG+
25.00 $
Orson Welles & Helen Hayes at their best

Orson Welles & Helen Hayes at their best

Orson Welles & Helen Hayes

Vinyl 1979
Vinyl - VG+/VG - 25.00 $
Media: VG+
Cover: VG
25.00 $
Amical'ment votre

Amical'ment votre

Oscar Thiffault

Vinyl
Vinyl - EX/VG+ - 30.00 $
Media: EX
Cover: VG+
30.00 $
Osibirock

Osibirock

Osibisa

Vinyl 1974
Vinyl - NM/VG+ - 15.00 $
Media: NM
Cover: VG+
15.00 $
Are you ready

Are you ready

Pacific gas & electric

Vinyl
Vinyl - VG+/VG+ - 20.00 $
Media: VG+
Cover: VG+
20.00 $
Paladin

Paladin

Paladin

Vinyl 1971
Vinyl - VG/G - 50.00 $
Media: VG
Cover: G
50.00 $
Samantha

Samantha

Pamelo Mounka

Vinyl
Vinyl - EX-/VG+ - 15.00 $
Media: EX-
Cover: VG+
15.00 $
Sky Blue

Sky Blue

Passport

Vinyl 1978
Vinyl - EX-/VG+ - 15.00 $
Media: EX-
Cover: VG+
15.00 $
Paul McCartney & Wings

Paul McCartney & Wings

Paul McCartney

Vinyl 1973
Vinyl - EX/EX- - 15.00 $
Media: EX
Cover: EX-
15.00 $
A qui appartient l'beau temps ?

A qui appartient l'beau temps ?

Paul Piché

Vinyl 1977
Vinyl - VG+/EX - 20.00 $
Media: VG+
Cover: EX
20.00 $
Hearts and bones

Hearts and bones

Paul Simon

Vinyl 2018
Vinyl - NM/EX - 20.00 $
Media: NM
Cover: EX
20.00 $
.pagination { display: flex; justify-content: center; align-items: center; margin: 40px 0; gap: 20px; } .pagination-btn { display: flex; align-items: center; padding: 12px 24px; background: linear-gradient(135deg, rgba(254, 227, 0, 0.9) 0%, rgba(218, 165, 32, 0.9) 100%); border: none; border-radius: 30px; color: #121212; text-decoration: none; transition: all 0.3s ease; font-weight: 600; font-size: 15px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); letter-spacing: 0.5px; } .pagination-btn:hover { transform: translateY(-3px); box-shadow: 0 8px 20px rgba(254, 227, 0, 0.4); background: linear-gradient(135deg, rgba(254, 227, 0, 1) 0%, rgba(218, 165, 32, 1) 100%); } .pagination-btn:active { transform: translateY(-1px); box-shadow: 0 4px 10px rgba(254, 227, 0, 0.4); } .pagination-btn.prev i { margin-right: 10px; } .pagination-btn.next i { margin-left: 10px; } .pagination-info { font-size: 16px; color: rgba(255, 255, 255, 0.8); font-weight: 500; background: rgba(30, 30, 30, 0.7); padding: 10px 20px; border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.1); } border: none; border-radius: 30px; color: #121212; text-decoration: none; transition: all 0.3s ease; font-weight: 600; font-size: 15px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); letter-spacing: 0.5px; } .pagination-btn:hover { transform: translateY(-3px); box-shadow: 0 8px 20px rgba(254, 227, 0, 0.4); background: linear-gradient(135deg, rgba(254, 227, 0, 1) 0%, rgba(218, 165, 32, 1) 100%); } .pagination-btn:active { transform: translateY(-1px); box-shadow: 0 4px 10px rgba(254, 227, 0, 0.4); } .pagination-btn.prev i { margin-right: 10px; } .pagination-btn.next i { margin-left: 10px; } .pagination-info { font-size: 16px; color: rgba(255, 255, 255, 0.8); font-weight: 500; background: rgba(30, 30, 30, 0.7); padding: 10px 20px; border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.1); } /* Image optimization */ .product-image-container { background-color: #1a1a1a; } .album-image { opacity: 0; transition: opacity 0.3s ease; } .album-image.loaded { opacity: 1; } /* Filter panel styles */ .content-layout { display: flex; gap: 25px; } .filter-panel { width: 280px; flex-shrink: 0; background: rgba(25, 25, 25, 0.85); border-radius: 12px; overflow: hidden; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3); align-self: flex-start; position: sticky; top: 100px; } .filter-header { display: flex; justify-content: space-between; align-items: center; padding: 18px 22px; border-bottom: 1px solid rgba(255, 255, 255, 0.12); background: linear-gradient(to bottom, rgba(40, 40, 40, 0.5), rgba(30, 30, 30, 0.5)); } .filter-header h3 { margin: 0; font-size: 18px; font-weight: 600; color: #fff; } .clear-filters-btn { background: none; border: none; color: #f1c40f; cursor: pointer; font-size: 14px; display: flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 4px; transition: all 0.2s ease; } .clear-filters-btn:hover { background: rgba(241, 196, 15, 0.15); } .filter-group { padding: 16px 22px; border-bottom: 1px solid rgba(255, 255, 255, 0.08); } .filter-group h4 { font-size: 15px; margin: 0 0 12px; color: rgba(255, 255, 255, 0.9); font-weight: 500; } .filter-search { position: relative; margin-bottom: 5px; } .filter-search input { width: 100%; padding: 10px 15px 10px 38px; border-radius: 8px; border: 1px solid rgba(255, 255, 255, 0.15); background: rgba(0, 0, 0, 0.25); color: #fff; font-size: 14px; transition: all 0.2s ease; } .filter-search input:focus { border-color: rgba(241, 196, 15, 0.5); box-shadow: 0 0 0 2px rgba(241, 196, 15, 0.2); outline: none; } .filter-search i { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: rgba(255, 255, 255, 0.5); } .filter-items { display: flex; flex-direction: column; gap: 8px; } .filter-items.scrollable { max-height: 180px; overflow-y: auto; padding-right: 5px; margin-right: -5px; } .filter-items.scrollable::-webkit-scrollbar { width: 4px; } .filter-items.scrollable::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.1); border-radius: 4px; } .filter-items.scrollable::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.2); border-radius: 4px; } .filter-item { display: flex; align-items: center; padding: 8px 12px; border-radius: 6px; cursor: pointer; transition: all 0.2s ease; background: rgba(255, 255, 255, 0.05); position: relative; } .filter-item:hover { background: rgba(255, 255, 255, 0.1); } .filter-item.active { background: rgba(241, 196, 15, 0.15); border: 1px solid rgba(241, 196, 15, 0.3); } .filter-checkbox { width: 18px; height: 18px; border-radius: 4px; border: 1px solid rgba(255, 255, 255, 0.3); display: flex; align-items: center; justify-content: center; margin-right: 10px; background: rgba(0, 0, 0, 0.2); position: relative; flex-shrink: 0; } .filter-item.active .filter-checkbox:after { content: ''; position: absolute; width: 10px; height: 10px; background: #f1c40f; border-radius: 2px; } .filter-label { flex: 1; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .price-slider { position: relative; height: 40px; } .price-progress { position: absolute; height: 5px; background: #f1c40f; border-radius: 5px; left: 0%; right: 0%; top: 18px; pointer-events: none; } .price-range-input { position: relative; width: 100%; height: 5px; } .price-range-input input { position: absolute; width: 100%; height: 5px; background: none; pointer-events: none; -webkit-appearance: none; -moz-appearance: none; top: 18px; } input[type="range"]::-webkit-slider-thumb { height: 17px; width: 17px; border-radius: 50%; background: #f1c40f; pointer-events: auto; -webkit-appearance: none; cursor: pointer; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3), 0 3px 6px rgba(0, 0, 0, 0.3); } input[type="range"]::-moz-range-thumb { height: 17px; width: 17px; border-radius: 50%; background: #f1c40f; pointer-events: auto; -moz-appearance: none; cursor: pointer; border: none; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3), 0 3px 6px rgba(0, 0, 0, 0.3); } .filter-actions { padding: 16px 22px; border-top: 1px solid rgba(255, 255, 255, 0.08); } .apply-filters-btn { width: 100%; padding: 12px; background: linear-gradient(135deg, rgba(254, 227, 0, 0.9) 0%, rgba(218, 165, 32, 0.9) 100%); border: none; border-radius: 8px; color: #121212; font-weight: 600; font-size: 15px; cursor: pointer; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; gap: 8px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); } .apply-filters-btn:hover { transform: translateY(-2px); box-shadow: 0 6px 15px rgba(254, 227, 0, 0.4); background: linear-gradient(135deg, rgba(254, 227, 0, 1) 0%, rgba(218, 165, 32, 1) 100%); } .mobile-filter-toggle { display: none; margin-bottom: 20px; } #filter-toggle-btn { width: 100%; padding: 12px; background: linear-gradient(to bottom, rgba(40, 40, 40, 0.9), rgba(30, 30, 30, 0.9)); color: #ffffff; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 8px; cursor: pointer; font-size: 15px; font-weight: 500; display: flex; align-items: center; justify-content: center; gap: 8px; transition: all 0.3s ease; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); } #filter-toggle-btn:hover { background: linear-gradient(to bottom, rgba(50, 50, 50, 0.9), rgba(40, 40, 40, 0.9)); transform: translateY(-2px); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); } /* Main content */ .main-content { flex: 1; }