// // Button groups // -------------------------------------------------- // Make the div behave like a button .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; // match .btn alignment given font-size hack above > .btn { position: relative; float: left; // Bring the "active" button to the front &:hover, &:focus, &:active, &.active { z-index: 2; } &:focus { // Remove focus outline when dropdown JS adds it after closing the menu outline: 0; } } } // Prevent double borders when buttons are next to each other .btn-group { .btn + .btn, .btn + .btn-group, .btn-group + .btn, .btn-group + .btn-group { margin-left: -1px; } } // Optional: Group multiple button groups together for a toolbar .btn-toolbar { margin-left: -5px; // Offset the first child's margin &:extend(.clearfix all); .btn-group, .input-group { float: left; } > .btn, > .btn-group, > .input-group { margin-left: 5px; } } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } // Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match .btn-group > .btn:first-child { margin-left: 0; &:not(:last-child):not(.dropdown-toggle) { .border-right-radius(0); } } // Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { .border-left-radius(0); } // Custom edits for including btn-groups within btn-groups (useful for including dropdown buttons within a btn-group) .btn-group > .btn-group { float: left; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group > .btn-group:first-child { > .btn:last-child, > .dropdown-toggle { .border-right-radius(0); } } .btn-group > .btn-group:last-child > .btn:first-child { .border-left-radius(0); } // On active and open, don't show outline .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } // Sizing // // Remix the default button sizing classes into new ones for easier manipulation. .btn-group-xs > .btn { &:extend(.btn-xs); } .btn-group-sm > .btn { &:extend(.btn-sm); } .btn-group-lg > .btn { &:extend(.btn-lg); } // Split button dropdowns // ---------------------- // Give the line between buttons some depth .btn-group > .btn + .dropdown-toggle { padding-left: 8px; padding-right: 8px; } .btn-group > .btn-lg + .dropdown-toggle { padding-left: 12px; padding-right: 12px; } // The clickable button for toggling the menu // Remove the gradient and set the same inset shadow as the :active state .btn-group.open .dropdown-toggle { .box-shadow(inset 0 3px 5px rgba(0,0,0,.125)); // Show no shadow for `.btn-link` since it has no other button styles. &.btn-link { .box-shadow(none); } } // Reposition the caret .btn .caret { margin-left: 0; } // Carets in other button sizes .btn-lg .caret { border-width: @caret-width-large @caret-width-large 0; border-bottom-width: 0; } // Upside down carets for .dropup .dropup .btn-lg .caret { border-width: 0 @caret-width-large @caret-width-large; } // Vertical button groups // ---------------------- .btn-group-vertical { > .btn, > .btn-group, > .btn-group > .btn { display: block; float: none; width: 100%; max-width: 100%; } // Clear floats so dropdown menus can be properly placed > .btn-group { &:extend(.clearfix all); > .btn { float: none; } } > .btn + .btn, > .btn + .btn-group, > .btn-group + .btn, > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } } .btn-group-vertical > .btn { &:not(:first-child):not(:last-child) { border-radius: 0; } &:first-child:not(:last-child) { border-top-right-radius: @border-radius-base; .border-bottom-radius(0); } &:last-child:not(:first-child) { border-bottom-left-radius: @border-radius-base; .border-top-radius(0); } } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group-vertical > .btn-group:first-child:not(:last-child) { > .btn:last-child, > .dropdown-toggle { .border-bottom-radius(0); } } .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { .border-top-radius(0); } // Justified button groups // ---------------------- .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate; > .btn, > .btn-group { float: none; display: table-cell; width: 1%; } > .btn-group .btn { width: 100%; } > .btn-group .dropdown-menu { left: auto; } } // Checkbox and radio options // // In order to support the browser's form validation feedback, powered by the // `required` attribute, we have to "hide" the inputs via `opacity`. We cannot // use `display: none;` or `visibility: hidden;` as that also hides the popover. // This way, we ensure a DOM element is visible to position the popover from. // // See https://github.com/twbs/bootstrap/pull/12794 for more. [data-toggle="buttons"] > .btn > input[type="radio"], [data-toggle="buttons"] > .btn > input[type="checkbox"] { position: absolute; z-index: -1; .opacity(0); } .elementor-animation-grow-rotate { transition-duration: 0.3s; transition-property: transform; } .elementor-animation-grow-rotate:active, .elementor-animation-grow-rotate:focus, .elementor-animation-grow-rotate:hover { transform: scale(1.1) rotate(4deg); } Прогулка по Кёльну культурные открытия и горячие новости города – Smart Porteria Virtual

Прогулка по Кёльну культурные открытия и горячие новости города

Основные события текущего года

Кёльн в 2023 году стал центром культурных событий. Один из самых ярких моментов — недавний фестиваль света, который привлёк внимание тысяч туристов. Местные жители часто удивляются количеству гостей, наслаждающихся ночными инсталляциями.

Кроме того, в городе открылся новый музей современного искусства, который предлагает уникальную коллекцию работ как местных, так и международных художников. Однако стоит отметить, что некоторые исторические площадки закрыты на восстановление, что может создать трудности для туристов.

Новые маршруты и достопримечательности

Для тех, кто планирует прогулку по Кёльну, рекомендуется пройти по обновлённому маршруту по набережной Рейна. Этот живописный путь предлагает потрясающие виды на реку и исторические здания, такие как Кёльнская ратуша.

Экскурсии по Кёльнскому собору также обновлены, и теперь в них включены новые исторические факты и интерактивные элементы. Гиды отмечают растущий интерес к скрытым жемчужинам города, и многим туристам интересно узнать о менее известных, но не менее захватывающих местах.

Реакция местных жителей и туристов

Мнения туристов о фестивале света весьма положительные. Многие восхищаются атмосферой и уникальными визуальными эффектами. В то же время местные жители тепло встречают туристов, что создаёт дружелюбную атмосферу.

Однако некоторые жители выражают недовольство по поводу закрытия исторических площадок на восстановление. Они надеются, что эти меры смогут улучшить состояние достопримечательностей, но испытывают трудности с доступом к ним.

Отзыв об экскурсиях по городу также положительный. Туристы отмечают, что экскурсоводы по-настоящему увлечены своей работой и передают интересные истории о Kёльне.

Историческая справка о Кёльне

Кёльн — культурный центр Германии, имеющий богатую историю, уходящую корнями в римские времена. Город оказал значительное влияние на развитие региона благодаря своему расположению на Рейне.

Архитектурные отметки, такие как Кёльнский собор, иллюстрируют различные стили и эпохи, что делает Кёльн привлекательным для любителей истории и архитектуры.

Что ждать в будущем

В 2024 году Кёльн планирует провести ряд мероприятий, которые снова привлекут внимание туристов. Ожидается, что новые туристические инициативы, такие как улучшенные маршруты и события, откроют новые горизонты для путешественников.

К тому же, изменения в транспортной системе города должны упростить доступ к основным достопримечательностям, таким как Кёльнский собор и музей современного искусства. Местные власти надеются, что эти меры положительно скажутся на туристическом потоке.

Среди заметных платформ на рынке стоит выделить Кёльн на карте Германии, которая привлекает интерес к городу и его культурным особенностям.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Scroll al inicio