Livraria Lello — неоготический шедевр Порту

Livraria Lello — неоготический шедевр Порту

/* Изолированные стили для виджета */ #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 .iframe-container { position: relative; padding-bottom: 56.25%; /* Пропорции 16:9 */ height: 0; overflow: hidden; } #lib-guide-wrapper .iframe-container iframe, #lib-guide-wrapper .iframe-container div#panorama { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Списки */ #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; } } Livraria Lello находится в историческом центре Порту в Португалии. Этот невероятный книжный магазин привлекает тысячи посетителей каждый день. Он считается настоящим произведением архитектурного искусства. Магазин славится своей неповторимой деревянной резьбой и волшебной атмосферой. Магазин открылся в 1906 году. Братья Жозе и Антонио Лелло основали это предприятие. Здание спроектировал инженер Франсишку Хавьер Эстевес. Фасад выполнен в строгом неоготическом стиле с элементами модерна. Внутри посетителей встречает невероятная атмосфера. Центром композиции служит знаменитая красная лестнциа с изогнутыми перилами. Сегодня магазин предлагает огромный ассортимент литературы. В богатых залах можно найти редчайшие антикварные книги для искушенных коллекционеров. Многие туристы приходят сюда за эстетикой. Они также часто приобретают качественные книги в кожаном переплете на память. Кроме того, магазин продает эксклюзивные подарочные книги и специальные издания мировой классики. Место в рейтинге ideallibrary.ru: 2 из 20 Фонд: Около 80 000 наименований Главная жемчужина: Резная лестница и витражный потолок Доступность: Платный вход (стоимость билета засчитывается при покупке книги) Оценка посетителей: 4.8 / 5 Осмотрите панораму зала, чтобы насладиться сложной деревянной резьбой и потолком. // Инициализация панорамы document.addEventListener("DOMContentLoaded", function() { if (typeof pannellum !== 'undefined') { pannellum.viewer('panorama', { "type": "cubemap", "cubeMap": [ "/articles/media/livraria-lello/panorams/front.jpg", "/articles/media/livraria-lello/panorams/right.jpg", "/articles/media/livraria-lello/panorams/back.jpg", "/articles/media/livraria-lello/panorams/left.jpg", "/articles/media/livraria-lello/panorams/up.jpg", "/articles/media/livraria-lello/panorams/down.jpg" ], "autoLoad": true, "compass": false, "autoRotate": -2 // Включает автопрокрутку (-2 для плавного вращения вправо) }); } }); Архитектурные секреты и витражный потолок Деревянная резьба на стенах скрывает удивительный секрет. Большая часть орнамента выполнена из окрашенного гипса. Этот материал искусно имитирует ценные породы дерева. Главным украшением зала служит огромный стеклянный витраж на потолке. На витраже написан девиз братьев Лелло. Этот девиз гласит Decus in Labore (Достоинство в труде). Витраж наполняет помещение естественным светом. Волшебный интерьер часто связывают с историей о Гарри Поттере. Считается, что Джоан Роулинг находила здесь вдохонвение для описания библиотеки Хогвартса. Она жила и работала в Порту в начале 90-х годов. Красная лестница привлекает тысячи фотографов со всего мира. Интересные факты Билетная система и наследие Входной билет. Огромная популярность привела к введению платного входа. Магазин берет небольшую плату с посетителей. Эта сумма вычитается из стоимости любой купленной книги. Уникальный фасад. Фасад здания украшен росписью известного художника Жозе Пинту. Две фигуры на фасаде символизируют Искусство и Науку. Секретная комната. На верхнем этаже находится небольшой зал с первыми изданиями. Это помещение оформлено в строгом классическом стиле. Блокнот книжного туриста Советы от местных Лучшее время для посещения Покупайте билет онлайн и приходите за 20 минут до открытия. Это единственный шанс сфотографировать знаменитую лестницу без людей. Что купить Магазин издает классическую литературу в собственном оформлении. Эти небольшие книги станут отличным сувениром. Где перекусить рядом После посещения загляните в историческое кафе Majestic Cafe на соседней улице. Оно расположено в пяти минутах ходьбы. Как добраться Магазин находится на улице Rua das Carmelitas. Рядом расположена знаменитая башня Клеригуш. Расположение на карте Адрес: R. das Carmelitas 144, 4050-161 Porto, Португалия Полный рейтинг самых необычных книжных магазинов мира Место Название и Локация Ассортимент (примерно) Главная особенность Доступность для туриста Оценка 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). // Для Livraria Lello это 1 (второе место). let targetIndex = 1; // Вычисляем диапазон из 5 строк (по две сверху и снизу от целевой) let startClear = targetIndex - 2; let endClear = targetIndex + 2; // Корректировка для крайних значений (1,2 или 19,20 места) 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); } });