The Last Bookstore — литературный лабиринт в старом банке

The Last Bookstore — литературный лабиринт в старом банке

/* Изолированные стили для виджета */ #lib-guide-wrapper { /* Переменные из дизайна сайта */ --primary-color: #000000; --accent-color: #a67c52; --text-color: #111111; --border-radius: 4px; /* Основные настройки шрифта */ font-family: 'Montserrat', sans-serif; color: var(--text-color); background-color: transparent; /* Важно для корректного отображения внутри CMS */ display: flow-root; width: 100%; box-sizing: border-box; padding: 0; margin: 0; } #lib-guide-wrapper *, #lib-guide-wrapper *::before, #lib-guide-wrapper *::after { box-sizing: inherit; } /* Заголовки */ #lib-guide-wrapper h1, #lib-guide-wrapper h2, #lib-guide-wrapper h3 { font-family: 'Montserrat', sans-serif; color: var(--primary-color); margin-top: 1.5em; margin-bottom: 0.8em; font-weight: 700; line-height: 1.3; } #lib-guide-wrapper h1 { font-size: 1.8em; border-bottom: 2px solid var(--accent-color); padding-bottom: 15px; margin-top: 0; } #lib-guide-wrapper h2 { font-size: 1.4em; } /* Текст */ #lib-guide-wrapper p { margin: 0 0 15px 0; text-align: justify; /* Жестко задаем параметры текста для абзацев */ font-size: 16px !important; line-height: 26px !important; font-weight: 400 !important; } #lib-guide-wrapper p:last-child { margin-bottom: 0; } /* Специальные текстовые блоки */ #lib-guide-wrapper .lead { font-size: 16px !important; line-height: 26px !important; font-weight: 400 !important; font-style: italic; color: #555; margin-bottom: 25px; padding-left: 15px; border-left: 3px solid #e0e0e0; text-align: left; } /* Блок рейтинга (врезка) */ #lib-guide-wrapper .rating-box { background-color: #f9f7f4; border-left: 4px solid var(--accent-color); padding: 20px; margin: 30px 0; border-radius: 2px; } #lib-guide-wrapper .rating-box ul { list-style-type: none; padding: 0; margin: 0; } #lib-guide-wrapper .rating-box li { display: block !important; /* Жестко переносим на новую строку */ width: 100% !important; margin-bottom: 12px; position: relative; padding-left: 15px; font-size: 16px !important; line-height: 26px !important; font-weight: 400 !important; } #lib-guide-wrapper .rating-box li::before { content: "•"; position: absolute; left: 0; color: var(--accent-color); font-weight: bold; } #lib-guide-wrapper .rating-box li:last-child { margin-bottom: 0; } #lib-guide-wrapper .rating-box strong { color: #000; font-weight: 600 !important; } /* Медиа и карты */ #lib-guide-wrapper .media-embed { margin: 30px 0 10px 0; border-radius: var(--border-radius); overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.04); background: #eee; position: relative; } #lib-guide-wrapper .media-caption { font-size: 14px !important; line-height: 1.5 !important; color: #777; text-align: center; margin-top: 8px; margin-bottom: 30px; font-style: italic; } /* Списки */ #lib-guide-wrapper ul.tourist-list { padding-left: 20px; margin: 0 0 25px 0; } #lib-guide-wrapper ul.tourist-list li { display: block !important; /* Жестко переносим на новую строку */ margin-bottom: 12px; text-align: justify; font-size: 16px !important; line-height: 26px !important; font-weight: 400 !important; } #lib-guide-wrapper ul.tourist-list strong { color: var(--accent-color); font-weight: 600 !important; } /* --- ТАБЛИЦА И ИНТЕРАКТИВ --- */ #lib-guide-wrapper .table-responsive { overflow-x: auto; margin: 30px 0 15px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.04); border-radius: var(--border-radius); } #lib-guide-wrapper table { width: 100%; border-collapse: collapse; min-width: 600px; background: #fff; } /* Уменьшенный шрифт для таблицы (12px) */ #lib-guide-wrapper th, #lib-guide-wrapper td { border: 1px solid #e0e0e0; padding: 12px 15px; text-align: left; vertical-align: middle; font-size: 12px !important; line-height: 18px !important; font-weight: 400 !important; } #lib-guide-wrapper th { background-color: #f4f4f4; font-weight: 700 !important; color: #000; text-transform: uppercase; letter-spacing: 0.5px; } #lib-guide-wrapper tr:nth-child(even) { background-color: #fdfdfd; } /* Эффекты размытия и маски для строк таблицы */ #lib-guide-wrapper .row-hidden { display: none !important; } #lib-guide-wrapper .row-blurred td { opacity: 0.35; filter: blur(2px); user-select: none; -webkit-mask-image: linear-gradient(to bottom, black 20%, transparent 80%); mask-image: linear-gradient(to bottom, black 20%, transparent 80%); transition: all 0.4s ease; } #lib-guide-wrapper .row-blurred-top td { opacity: 0.35; filter: blur(2px); user-select: none; -webkit-mask-image: linear-gradient(to top, black 20%, transparent 80%); mask-image: linear-gradient(to top, black 20%, transparent 80%); transition: all 0.4s ease; } /* Кнопка "Показать полный список" */ #lib-guide-wrapper .btn-expand { display: block; margin: 0 auto 30px auto; padding: 12px 30px; background-color: var(--primary-color); color: #fff; border: none; border-radius: var(--border-radius); font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 600; cursor: pointer; transition: background-color 0.3s; } #lib-guide-wrapper .btn-expand:hover { background-color: var(--accent-color); } /* Адаптив */ @media (max-width: 768px) { #lib-guide-wrapper h1 { font-size: 1.5em; } #lib-guide-wrapper h2 { font-size: 1.25em; } #lib-guide-wrapper .panorama-container { height: 300px; } } The Last Bookstore располагается в самом центре Лос-Анджелеса. Этот невероятный магазин занимает бывшее здание крупного банак. Посетители попадают в сказочный мир летающих книг и тайных хранилищ. Знаменитый книжный туннель собирает тысячи туристов для создания волшебных фотографий. Магазин славится своим уникальным интерьером и творческим подходом к дизайну. На втором этаже находится знаменитый туннель из старых изданий. Стены и потолок этого коридора состоят исключительно из страниц и обложек. Многие туристы приезжают сюда ради красивых фотографий. Возле туннеля располагается инсталляция с летающими книгами. Произведения искусства буквально парят в воздухе. Ассортимент магазина поражает воображение читателей. На первом этаже продаются современные издания и комиксы. В специальных отделах хранятся редкие антикварные книги для настоящих ценителей. Здесь можно приобрести эксклюзивные подарочные книги с невероятными иллюстрациями. Состоятельные клиенты заказывают качественные книги в кожаном переплете для домашних библиотек. Это крупнейший независимый кнжиный магазин в Калифорнии. Место в рейтинге ideallibrary.ru: 5 из 20 Фонд: Более 250 000 наименований Главная жемчужина: Книжный туннель и хранилища старого банка Доступность: Свободный вход Оценка посетителей: 4.7 / 5 Старые банковские хранилища и секретные комнаты Здание магазина сохранило оригинальную архитектуру старого банка. Дизайнеры блестяще использовали огромные стальные двери хранилищ. Теперь внутри этих сейфов находятся книги жанра детектив и триллер. Посетители заходят за тяжелую металлическую дверь и попадают в мрачную атмосферу тайн. В магазине есть множество скрытых уголков для чтения. На втором этаже работает галерея местных художников. Они выставляют свои картины прямо среди книжных стеллажей. Тяжелые стальные двери бывшего банка теперь охраняют детективы и триллеры. Виртуальная прогулка 360° Покрутите панораму, чтобы рассмотреть детали этого уникального пространства. document.addEventListener("DOMContentLoaded", function() { pannellum.viewer('panorama-container', { "type": "cubemap", "cubeMap": [ "/articles/media/the-last-bookstore/panorams/front.jpg", "/articles/media/the-last-bookstore/panorams/right.jpg", "/articles/media/the-last-bookstore/panorams/back.jpg", "/articles/media/the-last-bookstore/panorams/left.jpg", "/articles/media/the-last-bookstore/panorams/up.jpg", "/articles/media/the-last-bookstore/panorams/down.jpg" ], "autoLoad": true, "autoRotate": -2, "compass": false, "showControls": true }); }); Интересные факты Комната за доллар Отдел за один доллар. На втором этаже магазина расположена огромная секция, где любая книга стоит ровно один доллар. Это рай для любителей случайных литературных находок. Магазин винила. Помимо книг, на первом этаже находится великолепный магазин виниловых пластинок с большой коллекцией джаза и классического рока. Происхождение названия. Владелец Джош Спенсер назвал магазин "Последним" в 2005 году с иронией, намекая на умирающую индустрию печатных книг. Сегодня магазин популярнее, чем когда-либо. Блокнот книжного туриста Советы от местных Когда фотографировать Приходите утром в будний день. В выходные к книжному туннелю выстраивается огромная очередь желающих сделать фото. Безопасность Магазин находится в Даунтауне Лос-Анджелеса. Район может быть не очень приятным для вечерних прогулок, поэтому планируйте визит в светлое время суток. Что купить Обязательно купите фирменный холщовый шопер с логотипом магазина. Это популярный и стильный аксессуар среди калифорнийцев. Как найти Магазин расположен на пересечении 5-й улицы и Спринг-стрит (453 S Spring St). Расположение на карте Адрес: 453 S Spring St, Los Angeles, CA 90013, США Полный рейтинг самых необычных книжных магазинов мира Место Название и Локация Ассортимент (примерно) Главная особенность Доступность для туриста Оценка 1 El Ateneo Grand Splendid (Буэнос-Айрес, Аргентина) 120 000 наименований Бывший грандиозный театр с сохраненной сценой и ложами Свободный вход 4.9 2 Livraria Lello (Порту, Португалия) 80 000 наименований Резная деревянная лестница, вдохновившая создателей Гарри Поттера Платный билет (входит в стоимость покупки книги) 4.9 3 Shakespeare and Company (Париж, Франция) 50 000 наименований Историческое место встреч Хемингуэя и Фицджеральда Свободный вход 4.8 4 Libreria Acqua Alta (Венеция, Италия) Неизвестно Книги хранятся в гондолах и ваннах для защиты от наводнений Свободный вход 4.8 5 The Last Bookstore (Лос-Анджелес, США) 250 000 наименований Летающие книги и знаменитый книжный туннель Свободный вход 4.8 6 Boekhandel Dominicanen (Маастрихт, Нидерланды) 40 000 наименований Расположен в величественной доминиканской церкви 13 века Свободный вход 4.8 7 Daunt Books (Лондон, Великобритания) 70 000 наименований Книги расставлены по странам, а не по жанрам Свободный вход 4.7 8 Atlantis Books (Санторини, Греция) 10 000 наименований Терраса с невероятным видом на Эгейское море Свободный вход 4.7 9 Cafebrería El Péndulo (Мехико, Мексика) 50 000 наименований Живые деревья, растущие прямо среди книжных полок Свободный вход 4.7 10 Ler Devagar (Лиссабон, Португалия) 60 000 наименований Бывшая типография с летающим велосипедом под потолком Свободный вход 4.7 11 Zhongshuge Bookstore (Китай) 80 000 наименований Зеркальные потолки, создающие бесконечные оптические иллюзии Свободный вход 4.6 12 Barter Books (Алник, Великобритания) 350 000 наименований Находится в старом викторианском железнодорожном вокзале Свободный вход 4.6 13 Livraria da Vila (Сан-Паулу, Бразилия) 40 000 наименований Книжные полки, работающие как огромные вращающиеся двери Свободный вход 4.6 14 Word on the Water (Лондон, Великобритания) 5 000 наименований Плавающий магазин на старинной голландской барже Свободный вход 4.6 15 Cărturești Carusel (Бухарест, Румыния) 10 000 наименований Белоснежные изогнутые балконы в здании XIX века Свободный вход 4.5 16 Munro's Books (Виктория, Канада) 30 000 наименований Неоклассическое банковское здание с витражами Свободный вход 4.5 17 Albertine Books (Нью-Йорк, США) 14 000 наименований Потолок в виде звездного неба со знаками зодиака Свободный вход 4.5 18 Rizzoli Bookstore (Нью-Йорк, США) 45 000 наименований Классический итальянский дизайн с люстрами и сводами Свободный вход 4.4 19 Livraria Bertrand (Лиссабон, Португалия) 70 000 наименований Старейший работающий книжный магазин в мире (с 1732 года) Свободный вход 4.4 20 Hatchards (Лондон, Великобритания) 100 000 наименований Официальный поставщик книг британской королевской семьи Свободный вход 4.3 Показать полный список document.addEventListener("DOMContentLoaded", function() { const tbody = document.querySelector('#rating-table tbody'); if (!tbody) return; const rows = Array.from(tbody.querySelectorAll('tr')); const expandBtn = document.getElementById('btn-expand-rating'); // Укажите здесь индекс целевой строки (начиная с 0). // Для The Last Bookstore это 4 (5-е место). let targetIndex = 4; // Вычисляем диапазон из 5 строк (по две сверху и снизу от целевой) let startClear = targetIndex - 2; let endClear = targetIndex + 2; // Корректировка для крайних значений if (startClear < 0) { startClear = 0; endClear = Math.min(4, rows.length - 1); } if (endClear >= rows.length) { endClear = rows.length - 1; startClear = Math.max(0, rows.length - 5); } // Функция применения эффекта превью (сворачивание) function applyPreview() { rows.forEach((row, index) => { row.className = ''; // Очищаем классы if (index >= startClear && index row.className = ''); expandBtn.style.display = 'none'; // Скрываем кнопку } // Запускаем превью при загрузке applyPreview(); // Вешаем событие на кнопку if (expandBtn) { expandBtn.addEventListener('click', expandTable); } });