diff --git a/Classes/Backend/Preview/T3sbPreviewRenderer.php b/Classes/Backend/Preview/T3sbPreviewRenderer.php index bacaa909..b9965a83 100644 --- a/Classes/Backend/Preview/T3sbPreviewRenderer.php +++ b/Classes/Backend/Preview/T3sbPreviewRenderer.php @@ -126,11 +126,16 @@ public function renderPageModulePreviewContent(GridColumnItem $item): string if ( $flexconf['equalWidth'] ) { $out .= '
- Equal Width'; } - if ( $flexconf['equalHeight'] ) { - $out .= '
- Equal Height'; + if ( $flexconf['horizontalGutters'] ) { + $out .= '
- Horizontal gutters: '.$flexconf['horizontalGutters']; } - if ( $flexconf['noGutters'] ) { - $out .= '
- No Gutters'; + } + if ($record['CType'] == 'two_columns') { + if ($flexconf['bgimages']) { + $out .= '
- Has Background-image'; + } + if ( $flexconf['colHeight'] ) { + $out .= '
- Min.-Height of the Element: '.$flexconf['colHeight'].'px'; } } if ($record['CType'] == 'button_group') { @@ -180,6 +185,20 @@ public function renderPageModulePreviewContent(GridColumnItem $item): string $out .= '
- Zoom'; } } + if ($record['CType'] == 'swiper_container') { + if ( $flexconf['width'] ) { + $out .= '
- Width: '.$flexconf['width'].'px'; + } + if ( $flexconf['ratio'] ) { + $out .= '
- Aspect ratio: '.$flexconf['ratio']; + } + if ( $flexconf['slidesPerView'] ) { + $out .= '
- Slides per view: '.$flexconf['slidesPerView']; + } + if ( $flexconf['delay'] ) { + $out .= '
- Delay between transitions (in ms): '.$flexconf['delay']; + } + } if ($record['CType'] == 'card_wrapper') { $out .= '
- Wrapper: Card '.$flexconf['card_wrapper']; if ( $flexconf['visibleCards'] ) { @@ -228,6 +247,9 @@ public function renderPageModulePreviewContent(GridColumnItem $item): string if ( $flexconf['addHeight'] ) { $out .= '
- Surcharge height to parallax view: '.$flexconf['addHeight'].'px'; } + if ( $flexconf['mobile'] ) { + $out .= '
- Disable on mobile devices!'; + } } if ($record['CType'] === 'modal') { diff --git a/Classes/Command/CdnToLocal.php b/Classes/Command/CdnToLocal.php index b7db81af..33ff5605 100644 --- a/Classes/Command/CdnToLocal.php +++ b/Classes/Command/CdnToLocal.php @@ -330,17 +330,32 @@ protected function execute(InputInterface $input, OutputInterface $output) self::writeCustomFile($customPath, $customFileName, $cdnPath); } - if ($key == 'parallaxVanilla') { + if ($key == 'jarallax') { $customDir = 'fileadmin/T3SB/Resources/Public/JS/'; $customPath = GeneralUtility::getFileAbsFileName($customDir); - $customFileName = 'parallax-vanilla.min.js'; - $cdnPath = 'https://cdn.jsdelivr.net/npm/parallax-vanilla@'.$version.'/dist/'.$customFileName; + $customFileName = 'jarallax.min.js'; + $cdnPath = 'https://unpkg.com/jarallax@'.$version.'/dist/'.$customFileName; + self::writeCustomFile($customPath, $customFileName, $cdnPath); + $customFileName = 'jarallax-video.min.js'; + $cdnPath = 'https://unpkg.com/jarallax@'.$version.'/dist/'.$customFileName; + self::writeCustomFile($customPath, $customFileName, $cdnPath); + } + + if ($key == 'swiper') { + $customDir = 'fileadmin/T3SB/Resources/Public/CSS/'; + $customPath = GeneralUtility::getFileAbsFileName($customDir); + $customFileName = 'swiper-bundle.min.css'; + $cdnPath = 'https://unpkg.com/swiper@'.$version.'/'.$customFileName; + self::writeCustomFile($customPath, $customFileName, $cdnPath); + $customDir = 'fileadmin/T3SB/Resources/Public/JS/'; + $customPath = GeneralUtility::getFileAbsFileName($customDir); + $customFileName = 'swiper-bundle.min.js'; + $cdnPath = 'https://unpkg.com/swiper@'.$version.'/'.$customFileName; self::writeCustomFile($customPath, $customFileName, $cdnPath); } } return 0; - } private function writeCustomFile($customPath, $customFileName, $cdnPath, $extend=false ) { diff --git a/Classes/DataProcessing/BootstrapProcessor.php b/Classes/DataProcessing/BootstrapProcessor.php index 24246e18..3cd94f3b 100644 --- a/Classes/DataProcessing/BootstrapProcessor.php +++ b/Classes/DataProcessing/BootstrapProcessor.php @@ -80,7 +80,7 @@ public function process(ContentObjectRenderer $cObj, array $contentObjectConfigu $processedData['style'] = $styleHelper->getBgColor($processedData['data']); $processedData['isTxContainer'] = FALSE; - + /** * Grid System */ @@ -177,6 +177,46 @@ public function process(ContentObjectRenderer $cObj, array $contentObjectConfigu } } + + /** + * Swiper container + */ + if ( $processedData['data']['CType'] == 'swiper_container' ) { + $processedData['isTxContainer'] = TRUE; + $processedData['swiperCss'] = $flexconf['swiperCss']; + $processedData['swiperJs'] = $flexconf['swiperJs']; + $processedData['sliderStyle'] = $flexconf['sliderStyle']; + $processedData['width'] = $flexconf['width']; + $processedData['ratio'] = $flexconf['ratio']; + $processedData['slidesPerView'] = (int)$flexconf['slidesPerView'] ?: 4; + $processedData['breakpoints576'] = (int)$flexconf['breakpoints576'] ?: 2; + $processedData['breakpoints768'] = (int)$flexconf['breakpoints768'] ?: 3; + $processedData['breakpoints992'] = (int)$flexconf['breakpoints992'] ?: 4; + $processedData['slidesPerGroup'] = (int)$flexconf['slidesPerGroup']; + $processedData['spaceBetween'] = (int)$flexconf['spaceBetween']; + $processedData['loop'] = (int)$flexconf['loop']; + $processedData['navigation'] = (int)$flexconf['navigation']; + $processedData['pagination'] = (int)$flexconf['pagination']; + $processedData['autoplay'] = (int)$flexconf['autoplay']; + $processedData['delay'] = $flexconf['autoplay'] ? (int)$flexconf['delay'] : 99999999; + $connectionPool = GeneralUtility::makeInstance(ConnectionPool::class); + $queryBuilder = $connectionPool->getQueryBuilderForTable('tt_content'); + $statement = $queryBuilder + ->select('uid') + ->from('tt_content') + ->where( + $queryBuilder->expr()->eq('tx_container_parent', $queryBuilder->createNamedParameter($processedData['data']['uid'], \PDO::PARAM_INT)) + ) + ->execute() + ->fetchAll(); + $fileRepository = GeneralUtility::makeInstance(FileRepository::class); + foreach($statement as $element) { + $filesFromRepository[$element['uid']] = $fileRepository->findByRelation('tt_content', 'image', $element['uid']); + } + $processedData['swiperSlides'] = $filesFromRepository; + } + + /** * Collapse Container */ @@ -384,6 +424,15 @@ public function process(ContentObjectRenderer $cObj, array $contentObjectConfigu if ($flexconf['shift']){ $processedData['shift'] = (int)$flexconf['shift'] / 100; } + if ( $parentflexconf['owlCarousel'] ) { + $processedData['owlCarousel'] = TRUE; + + } + + if ( $parentflexconf['swiperJs'] ) { + $processedData['swiper'] = TRUE; + + } } /** diff --git a/Classes/DataProcessing/GalleryProcessor.php b/Classes/DataProcessing/GalleryProcessor.php index ad91899d..f9821e25 100644 --- a/Classes/DataProcessing/GalleryProcessor.php +++ b/Classes/DataProcessing/GalleryProcessor.php @@ -635,11 +635,11 @@ protected function calculateMediaWidthsAndHeights() $bsGridWidth = self::getCalculatedGridWidth($bsGridWidth); } else { -# $bsGridWidth = $bsGridWidth - 30; + #$bsGridWidth = $bsGridWidth - 30; } $galleryWidth = $bsGridWidth / 100 * $rowWidth; - $imagePadding = self::getImagePadding(); + $imagePadding = self::getImagePadding($bsGridWidth); $mediaWidth = ($galleryWidth - $imagePadding ) / $this->galleryData['count']['columns']; } @@ -992,9 +992,11 @@ protected function getGridWidth($bsGridWidth, $suffix) /** * Returns $imagepadding * + * @param int $bsGridWidth + * * @return int $imagepadding */ - protected function getImagePadding() + protected function getImagePadding($bsGridWidth) { if ( $this->cType == 't3sbs_card' && $this->processedData['data']['tx_container_parent'] diff --git a/Classes/Domain/Model/Config.php b/Classes/Domain/Model/Config.php index 81e0f911..c4eb031f 100644 --- a/Classes/Domain/Model/Config.php +++ b/Classes/Domain/Model/Config.php @@ -832,6 +832,13 @@ class Config extends AbstractEntity */ protected $sidebarMenuPosition = ''; + /** + * $sectionmenuIcons + * + * @var bool + */ + protected $sectionmenuIcons = false; + /** * sidebarSectionMobile * @@ -3838,4 +3845,26 @@ public function setSidebarSectionMobile($sidebarSectionMobile) $this->sidebarSectionMobile = $sidebarSectionMobile; } + /** + * Returns the sectionmenuIcons + * + * @return bool $sectionmenuIcons + */ + public function getSectionmenuIcons() + { + return $this->sectionmenuIcons; + } + + /** + * Sets the sectionmenuIcons + * + * @param bool $sectionmenuIcons + * @return void + */ + public function setSectionmenuIcons($sectionmenuIcons) + { + $this->sectionmenuIcons = $sectionmenuIcons; + } + + } diff --git a/Classes/Helper/WrapperHelper.php b/Classes/Helper/WrapperHelper.php index 01dd10ad..12925ca2 100644 --- a/Classes/Helper/WrapperHelper.php +++ b/Classes/Helper/WrapperHelper.php @@ -250,11 +250,23 @@ public function getCardWrapper($processedData, $flexconf): array $processedData['flipper']['class'] = 'col-xs-12 col-sm-6 col-md-4'; } } - + // swiperjs if ($flexconf['card_wrapper'] == 'slider') { - $processedData['class'] .= ' mx-n3'; $processedData['visibleCards'] = (int)$flexconf['visibleCards'] ?: 3; $processedData['cols'] = floor(12 / $processedData['visibleCards']); + $processedData['width'] = $flexconf['width']; + $processedData['ratio'] = $flexconf['ratio']; + $processedData['slidesPerView'] = (int)$flexconf['slidesPerView'] ?: 4; + $processedData['breakpoints576'] = (int)$flexconf['breakpoints576'] ?: 2; + $processedData['breakpoints768'] = (int)$flexconf['breakpoints768'] ?: 3; + $processedData['breakpoints992'] = (int)$flexconf['breakpoints992'] ?: 4; + $processedData['slidesPerGroup'] = (int)$flexconf['slidesPerGroup']; + $processedData['spaceBetween'] = (int)$flexconf['spaceBetween']; + $processedData['loop'] = (int)$flexconf['loop']; + $processedData['navigation'] = (int)$flexconf['navigation']; + $processedData['pagination'] = (int)$flexconf['pagination']; + $processedData['autoplay'] = (int)$flexconf['autoplay']; + $processedData['delay'] = $flexconf['autoplay'] ? (int)$flexconf['delay'] : 99999999; } } $processedData['card_wrapper_layout'] = $flexconf['card_wrapper'] ?: ''; @@ -299,7 +311,7 @@ public function getCarouselContainer($processedData, $flexconf): array $block = '#multiSlider-'.$processedData['data']['uid'].' .MS-content .item {width: '.$flexconf['number'].'}'; $processedData['multislider'] = TRUE; - $processedData['jsOptions'] = '{'.$options.'}'; + $processedData['jsOptions'] = '{'.$options.'}'; $processedData['cssBlock'] = $block; } @@ -313,10 +325,8 @@ public function getCarouselContainer($processedData, $flexconf): array $processedData['maxWidth'] = $flexconf['width'].'px'; $processedData['interval'] = $flexconf['interval']; $processedData['darkVariant'] = $flexconf['darkVariant']; - $processedData['carouselFade'] = $flexconf['carouselFade'] ? ' carousel-fade': ''; $processedData['carouselFade'] .= $flexconf['darkVariant'] ? ' carousel-dark': ''; - $processedData['thumbnails'] = $flexconf['thumbnails'] ? true : false; return $processedData; @@ -336,23 +346,44 @@ public function getParallaxWrapper($processedData, $flexconf, $webp=FALSE): arra $fileRepository = GeneralUtility::makeInstance(FileRepository::class); $file = $fileRepository->findByRelation('tt_content', 'assets', (int)$processedData['data']['uid'])[0]; $processedData['file'] = $file; - if ( $file ) { if ( $file->getType() === 4 ) { $processedData['video'] = TRUE; + if ( $file->getMimeType() === 'video/youtube' || $file->getExtension() === 'youtube' ) { + // youtube video + $processedData['youtube'] = TRUE; + $events = $flexconf; + $events['videoAutoPlay'] = $file->getProperties()['autoplay']; + $events['uid'] = $processedData['data']['uid']; + $processedData['videoId'] = GeneralUtility::makeInstance(YouTubeRenderer::class)->render($file, $events, true); + } elseif ( $file->getMimeType() === 'video/vimeo' || $file->getExtension() === 'vimeo' ) { + // vimeo video + $processedData['vimeo'] = TRUE; + $processedData['videoId'] = GeneralUtility::makeInstance(YouTubeRenderer::class)->render($file, $events, true); + } else { + // local video + $processedData['local'] = TRUE; + if ( $file->getMimeType() == 'video/mp4' ) { + $processedData['mimeType'] = 'mp4' ; + } + if ( $file->getMimeType() == 'video/webm' ) { + $processedData['mimeType'] = 'webm' ; + } + if ( $file->getMimeType() == 'video/ogv' ) { + $processedData['mimeType'] = 'ogv' ; + } + $processedData['file'] = $file; + } } else { $bgImage = GeneralUtility::makeInstance(BackgroundImageUtility::class) ->getBgImage($processedData['data']['uid'], 'tt_content', FALSE, FALSE, [], FALSE, FALSE, $webp); - - $processedData['parallaxImageUid'] = $bgImage[0]; - $processedData['parallaxImage'] = $bgImage[1]; - $processedData['speedFactor'] = $flexconf['speedFactor']; - $processedData['addHeight'] = (int)$flexconf['addHeight'] ?: 0; + $processedData['parallaxImage'] = $bgImage; } - } - if ($flexconf['paddingTopBottom']) { - $processedData['style'] .= ' padding: '.$flexconf['paddingTopBottom'].'rem 1rem;'; + $processedData['width'] = $flexconf['width']; + $processedData['speedFactor'] = $flexconf['speedFactor'] ?: 1; + $processedData['addHeight'] = (int)$flexconf['addHeight'] ?: 0; + $processedData['no-mobile'] = $flexconf['mobile'] ? '/iPad|iPhone|iPod|Android/' : '-'; } return $processedData; @@ -374,7 +405,6 @@ public function getCollapsible($processedData, $flexconf, $parentflexconf): arra $processedData['appearance'] = $parentflexconf['appearance']; $processedData['show'] = $flexconf['active'] ? ' show' : ''; - $processedData['expanded'] = $flexconf['active'] ? 'true' : 'false'; $processedData['collapsed'] = $flexconf['active'] ? '' : ' collapsed'; $processedData['expanded'] = $flexconf['active'] ? 'true' : 'false'; $processedData['buttonstyle'] = $flexconf['style'] ? $flexconf['style'] : 'primary'; diff --git a/Classes/Utility/YouTubeRenderer.php b/Classes/Utility/YouTubeRenderer.php index 0811e261..fb4a5513 100644 --- a/Classes/Utility/YouTubeRenderer.php +++ b/Classes/Utility/YouTubeRenderer.php @@ -78,7 +78,7 @@ protected function getOnlineMediaHelper(FileInterface $file) * @param array $events * @return string */ - public function render(FileInterface $file, $events) + public function render(FileInterface $file, $events, $idOnly=false) { if ($file instanceof FileReference) { $orgFile = $file->getOriginalFile(); @@ -99,6 +99,10 @@ public function render(FileInterface $file, $events) $addEvents .= $events['videoRaster'] ? ', addRaster: true' : ''; $addEvents .= $events['videoGaTrack'] ? '' : ', gaTrack: false'; + if ($idOnly) { + return $videoId; + } + return "{videoURL:'".$videoId."', containment:'#dom".$events['uid']."', showControls:".$showControls.", ratio:'".$ratio."', quality: '".$quality."', opacity:1, autoPlay:".$autoPlay.", mute:".$mute.", startAt:0".$addEvents."}"; } diff --git a/Configuration/FlexForms/Container/CardWrapper.xml b/Configuration/FlexForms/Container/CardWrapper.xml index 57240110..0a5b7438 100644 --- a/Configuration/FlexForms/Container/CardWrapper.xml +++ b/Configuration/FlexForms/Container/CardWrapper.xml @@ -74,14 +74,18 @@ group - Deck + Grid Cards (Deck) deck - Columns + Masonry (Columns) columns + Slider (swiper) + slider + + Flipper flipper @@ -125,6 +129,170 @@ + + + + FIELD:sDEF.card_wrapper:=:slider + + input + 4 + 4 + 576 + int + 0 + + + + + + + + FIELD:sDEF.card_wrapper:=:slider + + input + 4 + 5 + 16:9 + 0 + + + + + + + + FIELD:sDEF.card_wrapper:=:slider + + input + 4 + 4 + 0 + + + + + + + + FIELD:sDEF.card_wrapper:=:slider + + input + 4 + 2 + 0 + + + + + + + FIELD:sDEF.card_wrapper:=:slider + + input + 4 + 3 + 0 + + + + + + + FIELD:sDEF.card_wrapper:=:slider + + input + 4 + 4 + 0 + + + + + + + + FIELD:sDEF.card_wrapper:=:slider + + input + 4 + 1 + 0 + + + + + + + + FIELD:sDEF.card_wrapper:=:slider + + input + 4 + 20 + 0 + + + + + + + + FIELD:sDEF.card_wrapper:=:slider + + check + + + + + + + + FIELD:sDEF.card_wrapper:=:slider + + check + + + + + + + FIELD:sDEF.card_wrapper:=:slider + + check + + + + + + + + FIELD:sDEF.card_wrapper:=:slider + reload + + check + + + + + + + + + + FIELD:sDEF.card_wrapper:=:slider + FIELD:sDEF.autoplay:=:1 + + + + input + 4 + 5000 + 0 + + + + + diff --git a/Configuration/FlexForms/Container/ParallaxWrapper.xml b/Configuration/FlexForms/Container/ParallaxWrapper.xml index 91ca1ed2..6b577c7b 100644 --- a/Configuration/FlexForms/Container/ParallaxWrapper.xml +++ b/Configuration/FlexForms/Container/ParallaxWrapper.xml @@ -60,14 +60,28 @@ + + + + + input + 4 + 4 + 576 + int + 0 + + + + - + input 6 - 3 + 1 @@ -84,6 +98,16 @@ + + + + + check + 0.5 + + + + diff --git a/Configuration/FlexForms/Container/SwiperContainer.xml b/Configuration/FlexForms/Container/SwiperContainer.xml new file mode 100644 index 00000000..c3f6c1a1 --- /dev/null +++ b/Configuration/FlexForms/Container/SwiperContainer.xml @@ -0,0 +1,282 @@ + + + + + array + + General + + + + + + + select + selectSingle + + + none + 0 + + + Hidden only on xs + d-none d-sm-block + + + Hidden on sm and down + d-none d-md-block + + + Hidden on md and down + d-none d-lg-block + + + Hidden on lg and down + d-none d-xl-block + + + Hidden only on xl + d-xl-none + + + Visible only on xs + d-block d-sm-none + + + Visible sm and down + d-block d-md-none + + + Visible md and down + d-block d-lg-none + + + Visible lg and down + d-block d-xl-none + + + 0 + + + + + + + + reload + + select + selectSingle + + + Default + Default + + + Custom one + CustomOne + + + Custom two + CustomTwo + + + Default + + + + + + + + + input + 4 + 4 + 576 + int + 0 + + + + + + + + + input + 4 + 5 + 16:9 + 0 + + + + + + + + FIELD:general.sliderStyle:=:Default + + input + 4 + 4 + 0 + + + + + + + + FIELD:general.sliderStyle:=:Default + + input + 4 + 2 + 0 + + + + + + + FIELD:general.sliderStyle:=:Default + + input + 4 + 3 + 0 + + + + + + + FIELD:general.sliderStyle:=:Default + + input + 4 + 4 + 0 + + + + + + + + FIELD:general.sliderStyle:=:Default + + input + 4 + 1 + 0 + + + + + + + + FIELD:general.sliderStyle:=:Default + + input + 4 + 20 + 0 + + + + + + + + FIELD:general.sliderStyle:=:Default + + check + + + + + + + + FIELD:general.sliderStyle:=:Default + + check + + + + + + + FIELD:general.sliderStyle:=:Default + + check + + + + + + + + + FIELD:general.sliderStyle:=:Default + reload + + check + + + + + + + + + + FIELD:general.sliderStyle:=:Default + FIELD:general.autoplay:=:1 + + + + input + 4 + 5000 + 0 + + + + + + + + + FIELD:general.sliderStyle:!=:Default + + text + 500 + 9999 + + + + + + + + + FIELD:general.sliderStyle:!=:Default + + text + 500 + 9999 + + + + + + + + + + \ No newline at end of file diff --git a/Configuration/TCA/Overrides/tt_content.php b/Configuration/TCA/Overrides/tt_content.php index a0d774de..53711088 100644 --- a/Configuration/TCA/Overrides/tt_content.php +++ b/Configuration/TCA/Overrides/tt_content.php @@ -420,6 +420,25 @@ ); $GLOBALS['TCA']['tt_content']['types']['masonry_wrapper']['showitem'] = $GLOBALS['TCA']['tt_content']['types']['two_columns']['showitem']; +# SWIPE CONTAINER +\TYPO3\CMS\Core\Utility\GeneralUtility::makeInstance(\B13\Container\Tca\Registry::class)->configureContainer( + ( + new \B13\Container\Tca\ContainerConfiguration( + 'swiper_container', + 'Swiper Container', + 'A container for several Swipe slides (CE:t3sb_carousel)', + [ + [ + ['name' => 'Swipe Container', 'colPos' => 300, 'allowed' => ['CType' => 't3sbs_carousel']] + ] + ] + ) + ) + ->setIcon('EXT:t3sbootstrap/Resources/Public/Icons/Register/ge-carousel-container.svg') + ->setSaveAndCloseInNewContentElementWizard(false) +); +$GLOBALS['TCA']['tt_content']['types']['swiper_container']['showitem'] = $GLOBALS['TCA']['tt_content']['types']['two_columns']['showitem']; + /*************** * Add new CTypes @@ -461,7 +480,7 @@ 'tt_content', 'CType', [ - 'Bootstrap Carousel Item (in carousel container)', + 'Bootstrap Carousel Item (in carousel- or swiper-container)', 't3sbs_carousel', 'content-carousel-item-textandimage' ], @@ -747,6 +766,7 @@ 'tabs_container' => 'FILE:EXT:t3sbootstrap/Configuration/FlexForms/Container/Tabs.xml', 'tabs_tab' => 'FILE:EXT:t3sbootstrap/Configuration/FlexForms/Container/TabsTab.xml', 'masonry_wrapper' => 'FILE:EXT:t3sbootstrap/Configuration/FlexForms/Container/MasonryWrapper.xml', + 'swiper_container' => 'FILE:EXT:t3sbootstrap/Configuration/FlexForms/Container/SwiperContainer.xml', ] ] ], @@ -1409,7 +1429,7 @@ $GLOBALS['TCA']['tt_content']['ctrl']['previewRenderer'] = T3SBS\T3sbootstrap\Backend\Preview\DefaultPreviewRenderer::class; $containers = ['two_columns', 'three_columns', 'four_columns', 'six_columns', 'card_wrapper', 'button_group', 'autoLayout_row', 'background_wrapper','parallax_wrapper',' container', 'carousel_container', 'collapsible_container', 'collapsible_accordion', - 'modal', 'tabs_container', 'tabs_tab', 'listGroup_wrapper', 'masonry_wrapper']; + 'modal', 'tabs_container', 'tabs_tab', 'listGroup_wrapper', 'masonry_wrapper', 'swiper_container']; foreach ($containers as $container) { $GLOBALS['TCA']['tt_content']['types'][trim($container)]['previewRenderer'] = T3SBS\T3sbootstrap\Backend\Preview\T3sbPreviewRenderer::class; } diff --git a/Configuration/TCA/tx_t3sbootstrap_domain_model_config.php b/Configuration/TCA/tx_t3sbootstrap_domain_model_config.php index d98f62d4..613ab91d 100644 --- a/Configuration/TCA/tx_t3sbootstrap_domain_model_config.php +++ b/Configuration/TCA/tx_t3sbootstrap_domain_model_config.php @@ -273,6 +273,20 @@ ] ] ], + 'sectionmenu_icons' => [ + 'exclude' => false, + 'label' => 'FA icons', + 'accordion_id' => 1, + 'accordion_sub' => '1-5', + 'config' => [ + 'type' => 'check', + 'items' => [ + '1' => [ + '0' => 'Shows FA icons in section menu' + ] + ] + ] + ], 'sidebar_section_mobile' => [ 'exclude' => false, 'label' => 'Section mobile', diff --git a/Configuration/TypoScript/ContentElement/Container.typoscript b/Configuration/TypoScript/ContentElement/Container.typoscript index 2619f739..08be0a65 100644 --- a/Configuration/TypoScript/ContentElement/Container.typoscript +++ b/Configuration/TypoScript/ContentElement/Container.typoscript @@ -358,4 +358,21 @@ tt_content { } } + swiper_container < lib.contentElement + swiper_container { + templateName = SwiperContainer + templateRootPaths { + 0 = EXT:t3sbootstrap/Resources/Private/Templates/Container/ + 1 = {$plugin.tx_t3sbootstrap.view.templateRootPath}Container/ + } + dataProcessing { + + 300 = B13\Container\DataProcessing\ContainerProcessor + 300 { + colPos = 300 + as = col_300 + } + } + } + } diff --git a/Configuration/TypoScript/Lib/ContentElement.typoscript b/Configuration/TypoScript/Lib/ContentElement.typoscript index 2e9fc28b..77147b4d 100644 --- a/Configuration/TypoScript/Lib/ContentElement.typoscript +++ b/Configuration/TypoScript/Lib/ContentElement.typoscript @@ -62,11 +62,12 @@ lib.contentElement { animateVersion = {$bootstrap.cdn.animate} masonryVersion = {$bootstrap.cdn.masonry} masonryIntegrity = {$bootstrap.cdn.masonryIntegrity} - parallaxVanillaVersion = {$bootstrap.cdn.parallaxVanilla} + jarallaxVersion = {$bootstrap.cdn.jarallax} baguetteBoxVersion = {$bootstrap.cdn.baguetteBox} lightcaseVersion = {$bootstrap.cdn.lightcase} magnificpopupVersion = {$bootstrap.cdn.magnificpopup} owlCarouselVersion = {$bootstrap.cdn.owlCarousel} + swiperVersion = {$bootstrap.cdn.swiper} ytPlayerVersion = {$bootstrap.cdn.ytPlayer} viewportcheckerVersion = {$bootstrap.cdn.viewportchecker} viewportcheckerIntegrity = {$bootstrap.cdn.viewportcheckerIntegrity} @@ -93,7 +94,7 @@ lib.contentElement { breakpoint = {$bootstrap.config.navbarBreakpoint} lightboxSelection = {$bootstrap.config.lightboxSelection} cardFlipperOnClick = {$bootstrap.config.cardFlipperOnClick} - + sectionmenuIcons = {$bootstrap.config.sectionmenuIcons} // used also with config config { sectionmenuAnchorOffset = {$bootstrap.config.sectionmenuAnchorOffset} diff --git a/Configuration/TypoScript/Page/Template.typoscript b/Configuration/TypoScript/Page/Template.typoscript index b1b09e7f..d0229f63 100644 --- a/Configuration/TypoScript/Page/Template.typoscript +++ b/Configuration/TypoScript/Page/Template.typoscript @@ -40,6 +40,7 @@ page { backToTopForAllPages = {$bootstrap.backToTopForAllPages} gtm = {$bootstrap.gtm} bgMediaQueries = {$bootstrap.image.bgMediaQueries} + sectionmenuIcons = {$bootstrap.config.sectionmenuIcons} navbar { image.defaultPath = {$bootstrap.navbar.image.defaultPath} image.width = {$bootstrap.navbar.image.width} diff --git a/Configuration/TypoScript/constants.typoscript b/Configuration/TypoScript/constants.typoscript index bf478da3..3bab0d8a 100644 --- a/Configuration/TypoScript/constants.typoscript +++ b/Configuration/TypoScript/constants.typoscript @@ -60,8 +60,11 @@ bootstrap.cdn { ytPlayer = 3.3.9 # cat=bootstrap-cdn/b-version/49; type=small; label=Owl Carousel: owlCarousel = 2.3.4 - # cat=bootstrap-cdn/b-version/50; type=small; label=Parallax-vanilla: - parallaxVanilla = 1.2.3 + # cat=bootstrap-cdn/b-version/50; type=small; label=Jarallax: + jarallax = 1 + # cat=bootstrap-cdn/b-version/60; type=small; label=Swiper: + swiper = 7 + # cat=bootstrap-cdn/c-integrity/10; type=small; label=Bootstrap CSS: bootstrapCssIntegrity = sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU # cat=bootstrap-cdn/c-integrity/11; type=small; label=Bootstrap JS: @@ -185,8 +188,8 @@ bootstrap.backToTopForAllPages = 0 # GTM Account ID - include the Google Tag Manager if entered bootstrap.gtm = -# disable jQuery & jQuer easing if activated -bootstrap.disable.jquery = 0 +# disable jQuery by default +bootstrap.disable.jquery = 1 bootstrap.navbar { image.defaultPath = /typo3conf/ext/t3sbootstrap/Resources/Public/Images/bootstrap-logo-white.svg diff --git a/Configuration/TypoScript/setup.typoscript b/Configuration/TypoScript/setup.typoscript index 1f77e679..3dcb7dde 100644 --- a/Configuration/TypoScript/setup.typoscript +++ b/Configuration/TypoScript/setup.typoscript @@ -40,7 +40,8 @@ module.tx_t3sbootstrap { ytPlayer = {$bootstrap.cdn.ytPlayer} owlCarousel = {$bootstrap.cdn.owlCarousel} masonry = {$bootstrap.cdn.masonry} - parallaxVanilla = {$bootstrap.cdn.parallaxVanilla} + jarallax = {$bootstrap.cdn.jarallax} + swiper = {$bootstrap.cdn.swiper} } } } diff --git a/Resources/Private/Extensions/news/Configuration/TSconfig/templateLayouts.tsconfig b/Resources/Private/Extensions/news/Configuration/TSconfig/templateLayouts.tsconfig index 1d0f69f5..450d09c9 100644 --- a/Resources/Private/Extensions/news/Configuration/TSconfig/templateLayouts.tsconfig +++ b/Resources/Private/Extensions/news/Configuration/TSconfig/templateLayouts.tsconfig @@ -10,4 +10,4 @@ tx_news.templateLayouts { 75 = BS4: 2 Columns (list view) 76 = BS4: OWL Slider - Fullscreen (list view) - experimental 81 = BS4: Detail view -} +} \ No newline at end of file diff --git a/Resources/Private/Partials/Content/Swiper/CustomOne.html b/Resources/Private/Partials/Content/Swiper/CustomOne.html new file mode 100644 index 00000000..76dc4876 --- /dev/null +++ b/Resources/Private/Partials/Content/Swiper/CustomOne.html @@ -0,0 +1,68 @@ + + + +{swiperCss -> f:format.raw()} + + + + +{swiperJs -> f:format.raw()} + + + + + + + + + +Example from Default.html: +
+
+ +
+ + + +
+ +
+ +
+
+ + +
+ +
+ + + + + + +
+ +
+ diff --git a/Resources/Private/Partials/Content/Swiper/CustomTwo.html b/Resources/Private/Partials/Content/Swiper/CustomTwo.html new file mode 100644 index 00000000..5a9ff829 --- /dev/null +++ b/Resources/Private/Partials/Content/Swiper/CustomTwo.html @@ -0,0 +1,68 @@ + + + +{swiperCss -> f:format.raw()} + + + + +{swiperJs -> f:format.raw()} + + + + + + + + + +Example from Default.html: +
+
+ +
+ + + +
+ +
+ +
+
+ + +
+ +
+ + + + + + +
+ +
+ diff --git a/Resources/Private/Partials/Content/Swiper/Default.html b/Resources/Private/Partials/Content/Swiper/Default.html new file mode 100644 index 00000000..072d9715 --- /dev/null +++ b/Resources/Private/Partials/Content/Swiper/Default.html @@ -0,0 +1,201 @@ + + +#swiper-{data.uid} { + width: 100%; + height: auto; +} +#swiper-{data.uid} .swiper-wrapper { + height: auto; +} +#swiper-{data.uid} .swiper-slide { + text-align: center; + flex-direction: column; + display: -webkit-box; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -webkit-box-pack: start; + -ms-flex-pack: start; + -webkit-justify-content: start; + justify-content: start; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + -webkit-align-items: stretch; + align-items: stretch; +} +#swiper-{data.uid} .swiper-slide img { + display: block; + width: 100%; + height: 100%; + object-fit: cover; +} +#swiper-{data.uid} .swiper-button-next, +#swiper-{data.uid} .swiper-button-prev { + color: white; + text-shadow: 1px 1px 2px #000,0 0 25px #000,0 0 5px #000; +} + + + // Swiper Slider - Partials/Content/Swiper/Default.html + var spv = {slidesPerView}, + spb = {spaceBetween}, + spg = {slidesPerGroup}, + del = {delay}, + b576 = {breakpoints576}, + b768 = {breakpoints768}, + b992 = {breakpoints992}, + lop = {loop}, + uid = {data.uid}; + var swiper = new Swiper('#swiper-{data.uid}', { + slidesPerView: spv, + spaceBetween: spb, + slidesPerGroup: spg, + loop: lop, + disableOnInteraction: false, + pagination: { + el: ".swiper-pagination", + clickable: true, + }, + autoplay: { + delay: del, + }, + navigation: { + nextEl: '.next-'+uid, + prevEl: '.prev-'+uid, + }, + breakpoints: { + 10: { + slidesPerView: 1, + }, + 576: { + slidesPerView: b576, + }, + 768: { + slidesPerView: b768, + }, + 992: { + slidesPerView: b992, + }, + }, + }); + + var swi = document.getElementById('swiper-{data.uid}'), + pag = swi.querySelector('.swiper-pagination'), + next = swi.getElementsByClassName('swiper-button-next'), + prev = swi.getElementsByClassName('swiper-button-prev'), + offset = pag.clientHeight - 5; + next[0].style.top = 'calc(50% - '+offset+'px)'; + prev[0].style.top = 'calc(50% - '+offset+'px)'; + + +
+
+ + +
+
+ + + + + + +
+ + {card.bodytext -> f:format.html()} +
+ +
+
+ + +
+ +
+
+ + +
+ +
+ + + + + +
+ +
+ + + + + + + + + + + + + + + + + +

+ {card.hFa -> f:format.raw()}{card.header -> f:format.raw()}

+
{card.subheader -> f:format.raw()}
+ + + +

+ {card.hFa -> f:format.raw()}{card.header -> f:format.raw()}

+ + +

+ {card.hFa -> f:format.raw()}{card.subheader -> f:format.raw()}

+ + + + + + + + +

+ {card.hFa -> f:format.raw()}{card.header -> f:format.raw()} +

+
{card.subheader -> f:format.raw()}
+ + + +

+ + {card.hFa -> f:format.raw()}{card.header -> f:format.raw()} +

+ + +

+ + {card.hFa -> f:format.raw()}{card.subheader -> f:format.raw()} +

+ + + diff --git a/Resources/Private/Partials/Page/Assets.html b/Resources/Private/Partials/Page/Assets.html index 049be550..8078d200 100644 --- a/Resources/Private/Partials/Page/Assets.html +++ b/Resources/Private/Partials/Page/Assets.html @@ -131,7 +131,7 @@ document.body.style.overflowY = 'unset'; } event.preventDefault(); - t3sbScrollToAnchor({t3sb:intval(number: '{settings.config.sectionmenuAnchorOffset}')}, fixedNavbar, navbarHeight, l.currentTarget.getAttribute('href')) + t3sbScrollToAnchor({t3sb:intval(number: '{settings.config.sectionmenuAnchorOffset}')}, fixedNavbar, navbarHeight, l.currentTarget.getAttribute('href')); }); }); @@ -142,10 +142,7 @@ let sticky = sectionmenu.offsetTop; function stickyFunction() { if (window.pageYOffset + navbarHeight >= sticky) { - sectionmenu.classList.add("sticky"); sectionmenu.style.top = navbarHeight+'px'; - } else { - sectionmenu.classList.remove("sticky"); } } diff --git a/Resources/Private/Partials/Page/Navbar/Assets.html b/Resources/Private/Partials/Page/Navbar/Assets.html index a516dded..5701d904 100644 --- a/Resources/Private/Partials/Page/Navbar/Assets.html +++ b/Resources/Private/Partials/Page/Navbar/Assets.html @@ -55,7 +55,7 @@ }, true); - + // Navbar mega-menu - Navbar/Assets.html var megaDropdown = document.querySelectorAll('.mega-dropdown'), @@ -78,7 +78,6 @@ } - // Shrinking Navbar on scrolling - Navbar/Assets.html @@ -86,7 +85,6 @@ t3sbShrinkingNavbar(navbar, {settings.config.shrinkingNavPadding}); - // Navbar sticky-top - Navbar/Assets.html @@ -106,7 +104,6 @@ {config.navbar.navColorCSS} - // Navbar transparent - Navbar/Assets.html @@ -117,5 +114,4 @@ } - diff --git a/Resources/Private/Partials/Page/Navbar/Language.html b/Resources/Private/Partials/Page/Navbar/Language.html index b0f8a426..ccd977a1 100644 --- a/Resources/Private/Partials/Page/Navbar/Language.html +++ b/Resources/Private/Partials/Page/Navbar/Language.html @@ -42,4 +42,4 @@ - + \ No newline at end of file diff --git a/Resources/Private/Partials/Page/Section.html b/Resources/Private/Partials/Page/Section.html index de13e573..815765fd 100644 --- a/Resources/Private/Partials/Page/Section.html +++ b/Resources/Private/Partials/Page/Section.html @@ -8,29 +8,27 @@ - - - - - - - - -
+
+ + + + {f:if(condition: '{settings.sectionmenuIcons} && {element.data.tx_t3sbootstrap_header_fontawesome}', then:'')} + \ No newline at end of file diff --git a/Resources/Private/Partials/Page/Sub.html b/Resources/Private/Partials/Page/Sub.html index 8a46bf4c..4aa48f07 100644 --- a/Resources/Private/Partials/Page/Sub.html +++ b/Resources/Private/Partials/Page/Sub.html @@ -1,40 +1,56 @@ + + + // Clickableparent - Page/Sub.html + document.querySelectorAll('.submenu .nav [data-bs-toggle="collapse"]').forEach(function(sub) { + sub.addEventListener('click', function(e) { + if ( e.currentTarget.classList.contains('collapsed') ) { + href = e.currentTarget.getAttribute('href'); + if(href != '#') { + location.href = href; + } + } else { + e.preventDefault(); + } + }); + }); + +
  • - + - - - {f:if(condition:'{item.data.tx_t3sbootstrap_icon_only}',else:' {item.title}')} - +
    - {item.title} - -     - -     - - - - + {f:if(condition:'{item.data.tx_t3sbootstrap_icon_only}',else:' {item.title}')} - + - {item.title} + {item.title} + + +     + + + + +
    @@ -83,34 +99,47 @@     - diff --git a/Resources/Private/Templates/Container/BackgroundWrapper.html b/Resources/Private/Templates/Container/BackgroundWrapper.html index 460c0f79..e585246d 100644 --- a/Resources/Private/Templates/Container/BackgroundWrapper.html +++ b/Resources/Private/Templates/Container/BackgroundWrapper.html @@ -13,7 +13,7 @@ + src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mb.YTPlayer/{settings.ytPlayerVersion}/jquery.mb.YTPlayer.min.js" /> @@ -179,7 +179,7 @@
    - +
    diff --git a/Resources/Private/Templates/Container/CardWrapper.html b/Resources/Private/Templates/Container/CardWrapper.html index 259f65b7..ed5195d8 100644 --- a/Resources/Private/Templates/Container/CardWrapper.html +++ b/Resources/Private/Templates/Container/CardWrapper.html @@ -8,62 +8,175 @@ t3sbCardFlipper() - - + CARD GROUP +
    - + + {card.renderedContent -> f:format.raw()} +
    -     - - - -
    - -
    - {card.renderedContent -> f:format.raw()} -
    -     + + CARD GRID (DECK) + +
    + +
    + {card.renderedContent -> f:format.raw()}
    +     +
    +     + CARD COLUMNS (MASONRY) + + + + - - - - - - - - - - -
    - -
    - {card.renderedContent -> f:format.raw()} -
    -     -
    -     - -
    - - {card.renderedContent -> f:format.raw()} - -
    -     -     +     - +
    + +
    + {card.renderedContent -> f:format.raw()} +
    +     +
    +     + CARD SLIDER (SWIPER JS) + + + + + + + + + + + + +#swiper-{data.uid} { + width: 100%; + height: auto; +} +#swiper-{data.uid} .card { + height: 100% !important; + display: block !important; +} +#swiper-{data.uid} .swiper-button-next, +#swiper-{data.uid} .swiper-button-prev { + color: white; + text-shadow: 1px 1px 2px #000,0 0 25px #000,0 0 5px #000; +} + + + // Card Slider (swiper) - Container/CardWrapper.html + var spv = {slidesPerView}, + spb = {spaceBetween}, + spg = {slidesPerGroup}, + del = {delay}, + b576 = {breakpoints576}, + b768 = {breakpoints768}, + b992 = {breakpoints992}, + lop = {loop}, + uid = {data.uid}; + var swiper = new Swiper("#swiper-{data.uid}", { + slidesPerView: spv, + spaceBetween: spb, + slidesPerGroup: spg, + loop: lop, + autoplay: { + delay: del, + }, + pagination: { + el: ".swiper-paginate", + clickable: true, + }, + navigation: { + nextEl: '.next-'+uid, + prevEl: '.prev-'+uid, + }, + breakpoints: { + 10: { + slidesPerView: 1, + }, + 576: { + slidesPerView: b576, + }, + 768: { + slidesPerView: b768, + }, + 992: { + slidesPerView: b992, + }, + }, + }); + + var swi = document.getElementById('swiper-{data.uid}'), + pag = swi.querySelector('.swiper-paginate'), + next = swi.getElementsByClassName('swiper-button-next'), + prev = swi.getElementsByClassName('swiper-button-prev'), + offset = pag.clientHeight - 5; + next[0].style.top = 'calc(50% - '+offset+'px)'; + prev[0].style.top = 'calc(50% - '+offset+'px)'; + + +
    +
    + + + +
    + +
    +
    +     + +
    +     +
    +     + CARD FLIPPER + +
    + +
    + +
    +
    + + + + + +
    + + + + {card.text.top -> f:format.crop(maxCharacters: '{cropMaxCharacters}', respectWordBoundaries:'1') -> f:format.html()} + + + {card.text.top -> f:format.html()} + + +
    +
    +
    +     +
    @@ -128,12 +241,13 @@

    {card.backheader -> f:format.raw()}

     - + +
    {card.backheader -> f:format.raw()} 2: {'cropVariant': 'mobile', 'media': '(max-width: 575px)', 'srcset': '{settings.srcsetMobile}'} }" picturefill="{settings.picturefill}" - lazyload="{settings.lazyLoad}" + lazyload="{lazyload}" ratio="{ratio}" />
    diff --git a/Resources/Private/Templates/Container/CarouselContainer.html b/Resources/Private/Templates/Container/CarouselContainer.html index 9b439352..721a9088 100644 --- a/Resources/Private/Templates/Container/CarouselContainer.html +++ b/Resources/Private/Templates/Container/CarouselContainer.html @@ -35,9 +35,9 @@ href="EXT:t3sbootstrap/Resources/Public/Contrib/Multislider/multislider.css" /> - + {cssBlock} - + $('#multiSlider-{data.uid}').multislider({jsOptions}); @@ -70,7 +70,8 @@ -
  • +
    • diff --git a/Resources/Private/Templates/Container/Collapsible.html b/Resources/Private/Templates/Container/Collapsible.html index dbd23b5e..ce925fa1 100644 --- a/Resources/Private/Templates/Container/Collapsible.html +++ b/Resources/Private/Templates/Container/Collapsible.html @@ -10,29 +10,31 @@ -
    -

    - -

    -
    -
    + +
    +
    {row.renderedContent -> f:format.raw()} -
    -
    +
    +
    diff --git a/Resources/Private/Templates/Container/ParallaxWrapper.html b/Resources/Private/Templates/Container/ParallaxWrapper.html index 37ac037b..3f56a232 100644 --- a/Resources/Private/Templates/Container/ParallaxWrapper.html +++ b/Resources/Private/Templates/Container/ParallaxWrapper.html @@ -1,33 +1,70 @@ - + - + + + + - + + + + - - + +.jarallax { + position: relative; + z-index: 0; +} +.jarallax .jarallax-img { + position: absolute; + object-fit: cover; + font-family: 'object-fit: cover;'; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: -1; +} + + // Parallax - ParallaxWrapper.html - t3sbParallax({addHeight}); + t3sbParallax({addHeight}, {data.uid}); + jarallax(document.getElementById('c{data.uid}')); - -
    + +
    + +
    +     + +
    + +
    +     + +
    + +
    +     - background-image url is set by CSS (inline) -
    -
    +
    +
    + +
    -
    +
- + @@ -37,27 +74,40 @@ -
-
- - -
-
- - {row.renderedContent -> f:format.raw()} - -
-
- - -
- - {row.renderedContent -> f:format.raw()} - -
- - + + +
+
+ + {row.renderedContent -> f:format.raw()} + +
-
+ + +
+
+ + {row.renderedContent -> f:format.raw()} + +
+
+ + + + + + diff --git a/Resources/Private/Templates/Container/SwiperContainer.html b/Resources/Private/Templates/Container/SwiperContainer.html new file mode 100644 index 00000000..43b6cd93 --- /dev/null +++ b/Resources/Private/Templates/Container/SwiperContainer.html @@ -0,0 +1,23 @@ + + + +no header here + + + + + + + + + + + + + + + + + diff --git a/Resources/Private/Templates/Container/TwoColumns.html b/Resources/Private/Templates/Container/TwoColumns.html index 70eca4a2..816a3942 100644 --- a/Resources/Private/Templates/Container/TwoColumns.html +++ b/Resources/Private/Templates/Container/TwoColumns.html @@ -3,7 +3,7 @@ -
f:format.raw()}')}> +
f:format.raw()}')}>
diff --git a/Resources/Private/Templates/Content/Carousel.html b/Resources/Private/Templates/Content/Carousel.html index 3a216172..c9e8b9ae 100644 --- a/Resources/Private/Templates/Content/Carousel.html +++ b/Resources/Private/Templates/Content/Carousel.html @@ -1,83 +1,95 @@ - - + - + + + + + + + + + + -
-
- -
-
-
-
- -
- + + +
+
+ +
+
+
+
+ +
+ + + {data.bodytext -> f:format.html()} +
+
+
+
+ + +
+
+
+ +
{data.bodytext -> f:format.html()}
-
-
- - -
-
-
- -
- - {data.bodytext -> f:format.html()} -
-
- - - - - - -
- - - - - - -
+ + -
- - + + +
- -
-
- - - -
-
- - - - -
-
- - - -
-
+ + + +
+ + +
+ + + + + +
+
+ + + +
+
+ + + + + +
+
+ + + +
+
+ + - - -
+
+ + @@ -109,9 +121,10 @@ + - + @@ -73,9 +72,11 @@ + {f:if(condition: '{settings.sectionmenuIcons} && {element.data.tx_t3sbootstrap_header_fontawesome}', then:'')} {element.data.tx_t3sbootstrap_header_sectionMenu} + {f:if(condition: '{settings.sectionmenuIcons} && {element.data.tx_t3sbootstrap_header_fontawesome}', then:'')} {f:if(condition:'{element.data.header}',then:'{element.data.header}',else:'* No Header for this Link *')} @@ -86,6 +87,3 @@ {page.title -> f:format.raw()} - - - diff --git a/Resources/Private/Templates/Content/MenuSectionPages.html b/Resources/Private/Templates/Content/MenuSectionPages.html index d3401879..a96b8827 100644 --- a/Resources/Private/Templates/Content/MenuSectionPages.html +++ b/Resources/Private/Templates/Content/MenuSectionPages.html @@ -10,19 +10,19 @@ then:' target="{page.target}"')} title="{page.title}" class="nav-link{f:if(condition:'{data.pid} == {page.data.uid}',then:' active')}"> - {page.nav_title} + {f:if(condition: '{page.data.tx_t3sbootstrap_fontawesome_icon}', then:'')}{page.nav_title} - {page.title} + {f:if(condition: '{page.data.tx_t3sbootstrap_fontawesome_icon}', then:'')}{page.title} -
    +
    • - {element.data.header} + {f:if(condition: '{element.data.tx_t3sbootstrap_fontawesome_icon}', then:'')}{element.data.header}
      • diff --git a/Resources/Private/Templates/Content/MenuSubpages.html b/Resources/Private/Templates/Content/MenuSubpages.html index b4d47bc7..1b46b388 100644 --- a/Resources/Private/Templates/Content/MenuSubpages.html +++ b/Resources/Private/Templates/Content/MenuSubpages.html @@ -2,9 +2,6 @@ - - -
        @@ -13,9 +10,11 @@ then:' target="{page.target}"')} title="{page.title}" class="nav-link{f:if(condition:'{page.current}',then:' active')}"> + {f:if(condition: '{element.data.tx_t3sbootstrap_header_fontawesome}', then:'')} {page.nav_title} + {f:if(condition: '{element.data.tx_t3sbootstrap_header_fontawesome}', then:'')} {page.title} diff --git a/Resources/Public/Contrib/ParallaxVanilla/parallax-vanilla.css b/Resources/Public/Contrib/ParallaxVanilla/parallax-vanilla.css deleted file mode 100644 index 839c7574..00000000 --- a/Resources/Public/Contrib/ParallaxVanilla/parallax-vanilla.css +++ /dev/null @@ -1 +0,0 @@ -.pv-container{overflow:hidden}.pv-container .pv-block{will-change:transform;background-repeat:no-repeat;background-position:50%;background-size:cover}.pv-container .pv-block video{position:absolute;top:0;left:0;height:100%;width:100%;object-fit:cover}.pv-container .audio-icon{height:30px;width:30px;position:absolute;top:10px;left:10px}.pv-container .audio-icon span{display:block;width:8px;height:8px;background:#fff;margin:11px 0 0 2px}.pv-container .audio-icon span:after{content:"";position:absolute;width:0;height:0;border-color:transparent #fff transparent transparent;border-style:solid;border-width:10px 14px 10px 15px;left:-13px;top:5px}.pv-container .audio-icon span:before{transform:rotate(45deg);border-radius:0 50px 0 0;content:"";position:absolute;width:13px;height:13px;border-color:#fff;border-style:double;border-width:7px 7px 0 0;left:18px;top:9px;transition:all .2s ease-out}.pv-container .audio-icon:hover span:before{transform:scale(.8) translate(-3px) rotate(42deg)}.pv-container .audio-icon.mute span:before{transform:scale(.5) translate(-15px) rotate(36deg);opacity:0}.pv-container{position:relative}.text-wrapper{position:absolute;top:80%;left:50%;transform:translate3d(-50%,-50%,0);width:100%;z-index:9} \ No newline at end of file diff --git a/Resources/Public/Scripts/t3sbHelper.js b/Resources/Public/Scripts/t3sbHelper.js index 67eeb2ad..35d82239 100644 --- a/Resources/Public/Scripts/t3sbHelper.js +++ b/Resources/Public/Scripts/t3sbHelper.js @@ -17,14 +17,14 @@ function t3sbFadeOutEffect(fadeTarget) { clearInterval(fadeEffect); } }, 60); - fadeTarget.classList.add('d-none'); + fadeTarget.classList.add('d-none'); } // Magnifying glass icon - Main.html function t3sbMagnifying(img, viewportWidth, navbarBreakpointWidth) { var zoomOverlay = img.parentElement.parentElement.querySelectorAll('div.zoom-overlay'); - if ( zoomOverlay.length ) { + if ( zoomOverlay.length ) { var imgwidth = Math.round(img.getBoundingClientRect().width)+'px', imgheight = img.clientHeight+'px'; if ( viewportWidth < navbarBreakpointWidth ) { @@ -53,7 +53,7 @@ function t3sbScrollToAnchor(sectionmenuAnchorOffset, fixedNavbar, navbarHeight, if ( targetElement === null ) { idArr = hash.split('#c'); targetElement = document.getElementById('tab-'+idArr[1]); - } + } if ( targetElement != null ) { var offsetSize = sectionmenuAnchorOffset; if ( fixedNavbar ) { @@ -98,9 +98,9 @@ function t3sbFixedButtons(buttons) { if ( fixmodbtn.classList.contains('fixedModalButton') ) { fixedButton = fixmodbtn.querySelector('button'); } else { - if ( fixmodbtn.classList.contains('fixedGroupButton') ) { + if ( fixmodbtn.classList.contains('fixedGroupButton') ) { fixedButton = fixmodbtn.querySelector('div'); - } else { + } else { fixedButton = fixmodbtn.querySelector('a'); } } @@ -159,7 +159,7 @@ function t3sbSectionMenu(fixedNavbar,sectionmenuAnchorOffset,navbarHeight) { event.preventDefault(); var anchor = event.currentTarget.getAttribute('href'); if (anchor.length) { - var offsetSize = sectionmenuAnchorOffset; + var offsetSize = sectionmenuAnchorOffset; if ( fixedNavbar ) { offsetSize = navbarHeight+offsetSize; } @@ -175,7 +175,7 @@ function t3sbSectionMenu(fixedNavbar,sectionmenuAnchorOffset,navbarHeight) { const bsCollapse = new bootstrap.Collapse(menuToggle, {toggle: false}); navLinks.forEach((l) => { l.addEventListener('click', () => { bsCollapse.toggle() }); - }); + }); } function t3sbOffsetTop(el) { @@ -201,7 +201,7 @@ function t3sbCollapsible(fixedNavbar, navbarHeight) { var scrollTo = Math.round(t3sbOffsetTop(accordionButton)-offsetSize); window.scroll({ top: scrollTo, behavior: 'smooth' }); } - } else { + } else { document.querySelectorAll('.accordion').forEach( acc => { var collapse = document.getElementById(acc.id); collapse.addEventListener('shown.bs.collapse', function (e) { @@ -215,8 +215,8 @@ function t3sbCollapsible(fixedNavbar, navbarHeight) { window.scroll({ top: scrollTo, behavior: 'smooth' }); } }); - }); - } + }); + } } @@ -224,7 +224,7 @@ function t3sbCollapsible(fixedNavbar, navbarHeight) { function t3sbTabs(fixedNavbar, navbarHeight) { if ( window.location.hash ) { var idArr = window.location.hash.split('#c'); - var targetElement = document.getElementById('tab-'+idArr[1]); + var targetElement = document.getElementById('tab-'+idArr[1]); if (targetElement !== null && targetElement !== '') { var tabTrigger = new bootstrap.Tab(targetElement); tabTrigger.show(); @@ -264,9 +264,9 @@ function t3sbCopyright() { myToast._element.parentNode.querySelector('.toast').style.marginTop = -th+'px'; myToast._element.addEventListener('hidden.bs.toast', function (icct) { imgCopyright.style.opacity = 1; - }); + }); }); - }); + }); } @@ -275,7 +275,6 @@ function t3sbCardFlipper() { document.querySelectorAll('.card-flipper').forEach( cf => { cf.classList.add('cardflipper'); cf.classList.remove('card-flipper'); - }); document.querySelectorAll('.cardflipper .mainflip .fa-plus-square').forEach( mainflipper => { mainflipper.addEventListener('click', function(flipper) { @@ -294,12 +293,12 @@ function t3sbCardFlipper() { if (backside.querySelector('.fa-minus-square') !== null && backside.querySelector('.fa-minus-square') !== '') { if (backside.querySelector('.card-footer').classList.contains('jsfooter')) { backside.querySelector('.card-footer').remove(); - } + } } }); - + }); - }); + }); } function insertAfter(referenceNode, newNode) { @@ -313,7 +312,7 @@ function t3sbTransparentNavbar(colorschemes, gradient) { var navbar = document.getElementById('main-navbar'); var top = window.pageYOffset || document.documentElement.scrollTop; if (top > 100) { - navbar.classList.remove('bg-transparent'); + navbar.classList.remove('bg-transparent'); navbar.classList.add(colorschemes); if (gradient) { navbar.classList.add(gradient); @@ -331,19 +330,19 @@ function t3sbTransparentNavbar(colorschemes, gradient) { // Shrinking Navbar on scrolling - Navbar/Assets.html function t3sbShrinkingNavbar(navbar, padding) { - let navShrinkColorschemes = navbar.getAttribute('data-shrinkcolorschemes'), - navShrinkColor = navbar.getAttribute('data-shrinkcolor'), + let navShrinkColorschemes = navbar.getAttribute('data-shrinkcolorschemes'), + navShrinkColor = navbar.getAttribute('data-shrinkcolor'), navColorschemes = navbar.getAttribute('data-colorschemes'), navColor = navbar.getAttribute('data-color'); window.addEventListener('scroll', function() { - if ( t3sbOffsetTop(navbar) > 100) { + if ( t3sbOffsetTop(navbar) > 100) { navbar.classList.remove('py-'+padding, navColorschemes, navColor); - navbar.classList.add('navbar-shrink', navShrinkColor, navShrinkColorschemes) + navbar.classList.add('navbar-shrink', navShrinkColor, navShrinkColorschemes) } else { navbar.classList.remove('navbar-shrink', navShrinkColor, navShrinkColorschemes); navbar.classList.add('py-'+padding, navColorschemes, navColor); } - }); + }); } @@ -353,7 +352,7 @@ function t3sbExtraRow(vw, bp) { if (extraRow) { if ( vw < bp ) { extraRow.classList.add('flex-row','me-auto','mt-4','mb-0'); - extraRow.classList.remove('ms-auto'); + extraRow.classList.remove('ms-auto'); } else { extraRow.classList.remove('flex-row','me-auto','mt-4','mb-0'); @@ -374,26 +373,26 @@ function t3sbDropdownAnimate(vw, bp, dropdownAnimateValue) { document.querySelectorAll('.removed-animate-'+dropdownAnimateValue).forEach(function(dda) { dda.classList.add('dd-animate-'+dropdownAnimateValue); dda.classList.remove('removed-animate-'+dropdownAnimateValue); - }); + }); } } // Local video - BackgroundWrapper.html -function t3sbLocalVideo(uid, overlay, autoplay, controls, loop, mute, videoElement) { +function t3sbLocalVideo(uid, overlay, autoplay, controls, loop, mute, videoElement) { videoElement.muted = mute; - videoElement.loop = loop; + videoElement.loop = loop; if (autoplay) { videoElement.pause(); videoElement.currentTime = 0; videoElement.play(); videoElement.setAttribute('playsinline', ''); - } + } if (controls) { if (overlay) { var overlayChild = document.querySelector('#s-'+uid+' .card-img-overlay'); overlayChild.style.top = '20px'; - overlayChild.style.bottom = '20px'; + overlayChild.style.bottom = '20px'; } } else { if ( videoElement.hasAttribute('controls') ) { @@ -405,10 +404,10 @@ function t3sbLocalVideo(uid, overlay, autoplay, controls, loop, mute, videoEleme // Offcanvas - Navbar/Assets.html function t3sbOffcanvas(vw, bp, utilColorArr) { - let navbarToggler = document.getElementById('navbarToggler'); + let navbarToggler = document.getElementById('navbarToggler'); if ( vw > bp ) { navbarToggler.classList.remove(utilColorArr[0]); - navbarToggler.classList.remove(utilColorArr[1]); + navbarToggler.classList.remove(utilColorArr[1]); } else { navbarToggler.classList.add(utilColorArr[0]); navbarToggler.classList.add(utilColorArr[1]); @@ -443,28 +442,16 @@ function t3sbNavbarSearchbox(vw, bp) { } -// Parallax - ParallaxWrapper.html -function t3sbParallax(addHeight) { - document.querySelectorAll('.pv-container').forEach(function(pvc) { - var pvb = pvc.querySelector('.pv-block'), - pvHeight = 0, - textWrapper = pvc.querySelector('.text-wrapper'); - if (textWrapper !== null && textWrapper !== '') { - textWrapper = textWrapper.querySelector('.parallax-text'); - pvHeight = parseInt(textWrapper.clientHeight + addHeight); - } else { - pvHeight = parseInt(300 + addHeight); - } - pvc.setAttribute('pv-height', pvHeight+'px'); - - if (pvc.querySelector('.parallax-text')) { - var anchorId = pvc.querySelector('.parallax-text').firstChild.id; - pvc.querySelector('.parallax-text').firstChild.removeAttribute('id'); - pvc.setAttribute('id', anchorId); - } - - pv.init(); - }); +// Jarallax - ParallaxWrapper.html +function t3sbParallax(addHeight, uid) { + let jarallax = document.getElementById('c'+uid), + textWrapper = document.getElementById('text-wrapper-'+uid); + if (textWrapper !== null && textWrapper !== '') { + jarallaxHeight = parseInt(textWrapper.clientHeight + addHeight); + } else { + jarallaxHeight = parseInt(300 + addHeight); + } + jarallax.style.minHeight = jarallaxHeight+'px'; } @@ -478,7 +465,7 @@ function t3sbAddHeight(TYPO3, objKey) { if (objKey == 'bg-img-'+key) { addHeight = parseInt(value); } - }); + }); if ( overlay.querySelector('.container') ) { overlay.getElementsByClassName('container')[0].childNodes.forEach( bgwContent => { totalHeight = bgwContent.clientHeight; @@ -496,7 +483,7 @@ function t3sbAddHeight(TYPO3, objKey) { mobile = true; } if (mobile){ - document.querySelectorAll('.background-image').forEach( bgimg => { + document.querySelectorAll('.background-image').forEach( bgimg => { bgimg.classList.remove('background-fixed'); }); } diff --git a/Resources/Public/Styles/t3sbootstrap.css b/Resources/Public/Styles/t3sbootstrap.css index 0aa6fea8..69bdb6c4 100644 --- a/Resources/Public/Styles/t3sbootstrap.css +++ b/Resources/Public/Styles/t3sbootstrap.css @@ -1 +1 @@ -a{outline:0}.subheader{margin:0}.alert{display:grid}.code{padding:.2rem .4rem;font-size:90%;color:#bd4147;background-color:rgba(86,61,124,.15);border-radius:.25rem;font-family:Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}mark{background-color:#ff0;color:#000}.back-to-top{position:fixed;bottom:2em;right:1.5em;text-decoration:none;color:#eee;background-color:transparent;opacity:.7;padding:1em;z-index:1030}.back-to-top:hover{background-color:transparent;color:#999}.navbar-light .navbar-nav .nav-link .jumbotron{padding:2rem 1rem;margin-bottom:1.5rem}@media (min-width:576px){.jumbotron{padding:4rem 2rem;margin-bottom:2rem}}.text-hide{display:none}.news a{text-decoration:none}.dropend .dropdown-menu{top:0;right:auto;left:100%}.dropend .dropdown-menu[data-bs-popper]{margin-left:0!important}.dropup.dropend .dropdown-menu[data-bs-popper]{bottom:0!important;top:auto!important}.dropdown-item.parent-active{color:#151515;text-decoration:none;background-color:#f6f6f6}.dropdown-item.active.parent-active{color:#fff;text-decoration:none;background-color:var(--bs-primary)}.dropdown-hover-all .dropdown-menu,.dropdown-hover>.dropdown-menu.dropend{margin-left:-1px!important}.card.card-effect-one img{-moz-transition:transform .5s ease-in-out!important;-webkit-transition:transform .5s ease-in-out!important;transition:transform .5s ease-in-out!important}.card.card-effect-one:hover{background-color:var(--bs-light)}.card.card-effect-one:hover img{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.card.card-effect-one::before{content:"";position:absolute;z-index:-1;left:50%;right:50%;bottom:0;background:var(--bs-primary);height:4px;-webkit-transition-property:left,right;transition-property:left,right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.card.card-effect-one:active::before,.card.card-effect-one:focus::before,.card.card-effect-one:hover::before{left:0;right:0}.card.card-effect-one{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;overflow:hidden;-webkit-transform:scale(1)}picture img.lazy{opacity:0}picture img.lazy:not(.initial){transition:opacity 2s}picture img.lazy.error,picture img.lazy.initial,picture img.lazy.loaded{opacity:1}picture img.lazy:not([src]):not([srcset]){visibility:hidden}figure{overflow:hidden}.dropdown-menu-end .dropdown-toggle::before{display:inline-block;width:0;height:0;margin-left:-.8rem;vertical-align:.255em;content:" ";border-top:.3em solid;border-right:.3em solid transparent;border-left:.3em solid transparent;transform:rotate(90deg)}.dropdown-menu-end .dropend .dropdown-toggle::after{display:none}.dropdown-menu-end .dropend .dropdown-menu{right:100%;left:auto}.dropdown-menu-end .dropdown-toggle[aria-expanded=true]::before{transform:rotate(-90deg)}.dropdown-toggle::after,.dropdown-toggle::before{transition:.7s}.dropdown-toggle[aria-expanded="true"]::after{transform:rotate(180deg)}.dropdown-menu-end .dropend .dropdown-menu[data-bs-popper]{top:0!important;right:100%!important;left:auto!important;margin-top:0!important;margin-left:.125rem!important}#main-navbar.shrink{height:auto}#main-navbar.navbar-shrink{padding:.5rem 1rem}.mfp-fade.mfp-bg{opacity:0;-webkit-transition:all .15s ease-out;-moz-transition:all .15s ease-out;transition:all .15s ease-out}.mfp-fade.mfp-bg.mfp-ready{opacity:.8}.mfp-fade.mfp-bg.mfp-removing{opacity:0}.mfp-fade.mfp-wrap .mfp-content{opacity:0;-webkit-transition:all .15s ease-out;-moz-transition:all .15s ease-out;transition:all .15s ease-out}.mfp-fade.mfp-wrap.mfp-ready .mfp-content{opacity:1}.mfp-fade.mfp-wrap.mfp-removing .mfp-content{opacity:0}.white-popup{position:relative;background:#fff;padding:20px;width:auto;max-width:500px;margin:20px auto}.card figure,.ge_autoLayout_row figure{margin:0}.card .list-group-item{color:#212529}a.card{color:inherit}a.card:hover{text-decoration:none}.meta-nav.text-white a{color:#fff!important}div.alert p,div.alert ul{margin:0}#language{cursor:pointer}#language .t3js-icon{margin-right:5px;position:relative;top:-2px}.tx-indexedsearch-redMarkup{color:red}.tx-indexedsearch-info p{margin:0}section.parallax{background-attachment:fixed;background-position:50% 0;background-repeat:no-repeat;background-size:cover;z-index:-1}section.multiple-parallax{background-attachment:fixed,fixed;background-position:left top,50% 0;background-repeat:repeat,no-repeat;background-size:auto,cover;z-index:-1}.absolute{position:absolute!important}.v-row{display:flex;flex-wrap:wrap}.content-consent.background-image,.jumbotron.background-image,div.background-image,section.background-image{background-repeat:no-repeat;background-size:cover;background-position:center center}.jumbotron.multiple-background-image,div.multiple-background-image,section.multiple-background-image{background-repeat:repeat,no-repeat;background-size:auto,cover;background-position:left top,center center}.jumbotron.background-fixed,div.background-fixed,section.background-fixed{background-attachment:fixed!important}.frame-ruler-before:before{content:"";display:block;border-top:1px solid rgba(0,0,0,.25);margin-bottom:2em}.frame-ruler-after:after{content:"";display:block;border-bottom:1px solid rgba(0,0,0,.25);margin-top:2em}.frame-indent{margin-left:15%;margin-right:15%}.frame-indent-left{margin-left:33%}.frame-indent-right{margin-right:33%}.preloader{z-index:999;position:absolute;left:calc(50% - 1.5rem);top:50%}.nav-meta,.nav-scroller{position:relative;z-index:2;height:2.75rem;overflow-y:hidden}.nav-meta .meta-text a,.nav-scroller .meta-text a{margin-right:1rem}.nav-meta .meta-text a:last-child,.nav-scroller .meta-text a:last-child{margin-right:0}.nav-scroller .nav{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;padding-bottom:1rem;margin-top:-1px;overflow-x:auto;color:rgba(255,255,255,.75);text-align:center;white-space:nowrap;-webkit-overflow-scrolling:touch}.nav-underline .nav-link{padding-top:.75rem;padding-bottom:.75rem;font-size:.875rem;color:var(--bs-gray-dark)}.nav-underline .nav-link:hover{color:var(--bs-danger)}.nav-underline .active{font-weight:500;color:var(--bs-gray-dark)}.nav-underline .nav-link.meta-text{color:var(--bs-gray-dark)}.nav-underline .nav-link.meta-text a:hover{color:var(--bs-danger)}.navbar-expand-no{overflow-y:scroll!important;max-height:100%!important}.sticky.is-sticky{position:fixed;left:0;right:0;top:0;z-index:1000;width:100%}.carousel-indicators{display:flex!important}.carousel-item{transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease;-webkit-backface-visibility:visible;backface-visibility:visible;overflow:hidden!important}.carousel figure{margin:0!important}.carousel-caption.caption-animated.animated{position:absolute;top:0;display:flex;justify-content:center;width:auto;color:#fff;text-align:center;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.gallery .row{margin-right:-.5rem;margin-left:-.5rem}.gallery .col-sm{padding-right:.5rem;padding-left:.5rem}.image-gallery .ig-col{padding-right:.5rem;padding-left:.5rem;margin-bottom:1rem}.image-gallery .row{margin-right:-7.5px;margin-left:-7.5px}.inline-YTPlayer{z-index:1011}.content-consent{min-height:200px}.ce-link{text-decoration:none!important;color:inherit!important}.ce-link-content{text-decoration:none!important;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);transition:all .3s cubic-bezier(.25,.8,.25,1);padding:1.5rem}.ce-link-content:hover{box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)}.card.ce-link-content{padding:0}.img-transform{transition:transform .3s ease!important}.img-transform:active,.img-transform:hover{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}figure.image{overflow:hidden;display:inline-grid;position:relative}.relative{position:relative}.relative .overlay>div{position:absolute;top:2rem}#site-preloader{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#f5f5f5;z-index:99999}#site-spinner{position:absolute;left:calc(50% - 1.5rem);top:50%}.sidebar-sub-item i{text-indent:-1px}figcaption{font-size:.75rem;font-weight:400}.fa,.fab,.fal,.far,.fas{line-height:inherit}.bt_hidden{opacity:0}.bt_visible{opacity:1}.page-pagination{margin:2rem 0}.page-pagination .page-item:first-child .page-link{border-top-left-radius:0;border-bottom-left-radius:0}.page-pagination .page-item:last-child .page-link{border-top-right-radius:0;border-bottom-right-radius:0}.video-card .card-img-overlay{margin-bottom:40px}.zoom-overlay{overflow:hidden;background:0 0;opacity:0;transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s}.image a:hover .zoom-overlay{opacity:.8}.magnifying-glass-icon{color:#fff;text-align:center;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:50%;padding:20px;border:1px solid #fff;line-height:1;background:rgba(0,0,0,.5);width:60px;height:60px}.zoom-overlay .description .magnifying-glass-icon{top:50%}.card-img-overlay .card-body{padding:0}.navbar-brand img.d-inline-block{margin-right:.25rem}.media figure.image{position:relative;margin-bottom:0}.media .magnifying-glass-icon{top:50%}.w-33{width:33%!important}.w-66{width:66%!important}.fixedPosition{position:fixed;top:50%;margin:0!important;z-index:999}.fixedPosition-right{right:0}.fixedPosition-left{left:0}.rotate-plus{-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg);margin:0!important}.rotate-minus{-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);transform:rotate(-90deg);margin:0!important}.media-body p{margin-bottom:0}p .svg-inline--fa{margin-right:.4rem}@media (min-width:576px){html{font-size:16px}.sm-twoColumns{min-width:26rem!important}.content-consent{min-height:300px}}@media (min-width:768px){.md-twoColumns{min-width:26rem!important}.content-consent{min-height:300px}}@media (min-width:992px){.lg-twoColumns{min-width:26rem!important}.content-consent{min-height:400px}}@media (min-width:1200px){.xl-twoColumns{min-width:26rem!important}.content-consent{min-height:500px}}@media (max-width:1199px){.navbar-expand-xl{overflow-y:scroll!important;max-height:100%!important}}@media (max-width:991px){.navbar-expand-lg{overflow-y:scroll!important;max-height:100%!important}}@media (max-width:767px){.navbar-expand-md{overflow-y:scroll!important;max-height:100%!important}.gallery .w-25,.gallery.w-25{width:100%!important}.gallery .w-50,.gallery.w-50{width:100%!important}.gallery .w-33,.gallery.w-33{width:100%!important}.gallery .w-66,.gallery.w-66{width:100%!important}.gallery .w-75,.gallery.w-75{width:100%!important}.align .w-25,.beside .w-25{width:100%!important}.align .w-50,.beside .w-50{width:100%!important}.align .w-33,.beside .w-33{width:100%!important}.align .w-66,.beside .w-66{width:100%!important}.align .w-75,.beside .w-75{width:100%!important}}@media (max-width:575px){.navbar-expand-sm{overflow-y:scroll!important;max-height:100%!important}.gallery{text-align:center}.card .img-overlay{color:#fff;text-shadow:6px 0 6px #666}.card .img-overlay .card-body{padding:0}}.card-flipper .image-flip.hover .backside,.card-flipper .image-flip:active .backside,.card-flipper .image-flip:hover .backside{-webkit-transform:rotateY(0);-moz-transform:rotateY(0);-o-transform:rotateY(0);-ms-transform:rotateY(0);transform:rotateY(0);border-radius:.25rem}.card-flipper .image-flip.hover .frontside,.card-flipper .image-flip:active .frontside,.card-flipper .image-flip:hover .frontside{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg)}.card-flipper .mainflip{-webkit-transition:1s;-webkit-transform-style:preserve-3d;-ms-transition:1s;-moz-transition:1s;-moz-transform:perspective(1000px);-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transition:1s;transform-style:preserve-3d;position:relative}.card-flipper .frontside{position:relative;-webkit-transform:rotateY(0);-ms-transform:rotateY(0);z-index:2;margin-bottom:30px}.card-flipper .backside{position:absolute;top:0;left:0;background:#fff;-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);-ms-transform:rotateY(-180deg);transform:rotateY(-180deg);-webkit-box-shadow:5px 7px 9px -4px #9e9e9e;-moz-box-shadow:5px 7px 9px -4px #9e9e9e;box-shadow:5px 7px 9px -4px #9e9e9e}.card-flipper .backside,.card-flipper .frontside{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:1s;-webkit-transform-style:preserve-3d;-moz-transition:1s;-moz-transform-style:preserve-3d;-o-transition:1s;-o-transform-style:preserve-3d;-ms-transition:1s;-ms-transform-style:preserve-3d;transition:1s;transform-style:preserve-3d}.card-flipper .backside .card,.card-flipper .frontside .card{min-height:312px}.card-flipper .fa-plus-square{color:var(--bs-primary)}#sectionmenu.section-menu.nav-fill.variant{background-color:#fff}#sectionmenu.section-menu.nav-fill.variant .nav-item{display:inline-block;position:relative;height:58px;border-right:2px solid var(--bs-light);border-top:2px solid var(--bs-light);border-bottom:2px solid var(--bs-light);text-align:center;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;color:#333;cursor:pointer;white-space:normal}#sectionmenu.section-menu.nav-fill.variant .nav-item:last-child{border-left:2px solid var(--bs-light)}#sectionmenu.section-menu.nav-fill.variant .nav-link.scroll-trigger{line-height:2.6}#sectionmenu.section-menu.nav-fill.variant .nav-link.scroll-trigger.active::before{border-left:13px solid transparent;border-right:13px solid transparent;border-top:12px solid var(--bs-primary);position:absolute;top:58px;left:calc(50% - 6px);content:"";display:inline;z-index:2000}#sectionmenu.section-menu.nav-fill.variant .nav-link.scroll-trigger:hover{color:var(--bs-primary);text-shadow:0 0 5px rgba(169,169,169,.3)}#sectionmenu.section-menu.nav-fill.variant .nav-link.scroll-trigger.active,#sectionmenu.section-menu.nav-fill.variant .nav-link.scroll-trigger.active:hover{background-color:var(--bs-primary);border-bottom:1px solid var(--bs-primary);color:#fff;margin-top:0;height:58px;border-top:none}#sectionmenu.section-menu .nav-item.nav-link.active{color:var(--bs-danger)}#sectionmenu.section-menu.nav-pills .nav-item.nav-link.active{color:#fff}.bg-raster{position:relative}.bg-raster:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(/typo3conf/ext/t3sbootstrap/Resources/Public/Images/raster.png) repeat}#background-carousel{width:100%;height:100%;z-index:-1}#background-carousel .carousel,#background-carousel .carousel-inner{width:100%;height:100%;z-index:0;overflow:hidden}#background-carousel .carousel-item{width:100%;height:100%;background-position:center center;background-size:cover;z-index:0}#background-carousel #content-wrapper{position:absolute;z-index:1!important;min-width:100%;min-height:100%}#background-carousel .carousel-control-next,#background-carousel .carousel-control-prev{z-index:2}.carousel-control-next,.carousel-control-prev{z-index:10}.list-group .page-navigation:last-child{margin-top:1.5rem}.card-img-overlay .card-text p:last-child{margin-bottom:0}.card-deck{margin:0;justify-content:space-between}.card-deck .col,.card-deck .col .card{margin:0;min-height:100%}@media (min-width:576px) and (max-width:767.98px){.card-deck .col .card{border:1px solid rgba(0,0,0,.125);border-radius:.25rem;min-height:100%}}@media (min-width:576px) and (max-width:767.98px){.card-group>.card{flex:1 0 100%}}@media (min-width:768px){.card-group>.card{flex:1 0 50%}}@media (min-width:992px){.card-group>.card{flex:1 0 33.333%}}@media (min-width:1200px){.card-group>.card{flex:1 0 25%}}@media (min-width:576px){.card-columns{column-count:2}.image-flip .backside,.image-flip .card,.image-flip .frontside,.image-flip .mainflip{height:100%}}@media (min-width:768px){.card-columns{column-count:3}}@media (min-width:992px){.card-columns{column-count:4}}@media (min-width:1200px){.card-columns{column-count:4}}.news .card{box-shadow:0 0 0 transparent,0 1px 2px transparent;transition:all .3s cubic-bezier(.25,.8,.25,1)}.news .card:active,.news .card:hover{box-shadow:0 4px 8px rgba(0,0,0,.25),0 2px 2px rgba(0,0,0,.22);z-index:101}.news .list-group-item .d-sm-block p{margin-bottom:0}#news-preloader{position:relative;top:0;left:0;right:0;bottom:0;background-color:transparent;z-index:99999}#news-preloader-bottom{position:relative;top:-75px;left:0;right:0;bottom:0;background-color:transparent;z-index:99999}#news-spinner{position:absolute;right:0;top:-.5rem}.news .list-group-item .card-text p{margin-bottom:0}.news .list-group-item .media figure{margin-bottom:0}.news-single figure.image .zoom-overlay{left:1rem}.cardflipper .mainflip{-webkit-transition:1s;-webkit-transform-style:preserve-3d;-ms-transition:1s;-moz-transition:1s;-moz-transform:perspective(1000px);-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transition:1s;transform-style:preserve-3d;position:relative}.cardflipper .frontside{position:relative;-webkit-transform:rotateY(0);-ms-transform:rotateY(0);z-index:2;margin-bottom:30px}.cardflipper .backside{position:absolute;top:0;left:0;background:#fff;-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);-ms-transform:rotateY(-180deg);transform:rotateY(-180deg);-webkit-box-shadow:5px 7px 9px -4px #9e9e9e;-moz-box-shadow:5px 7px 9px -4px #9e9e9e;box-shadow:5px 7px 9px -4px #9e9e9e}.cardflipper .backside,.cardflipper .frontside{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:1s;-webkit-transform-style:preserve-3d;-moz-transition:1s;-moz-transform-style:preserve-3d;-o-transition:1s;-o-transform-style:preserve-3d;-ms-transition:1s;-ms-transform-style:preserve-3d;transition:1s;transform-style:preserve-3d}.cardflipper .fa-plus-square{color:var(--bs-primary)}.cardflipper .fa-minus-square{color:var(--bs-primary)}.cardflipper .fa-minus-square:hover,.cardflipper .fa-plus-square:hover{cursor:pointer}.card-flipper .card-footer,.cardflipper .card-footer{padding:.75rem 1.25rem;background-color:transparent;border-top:none}.card-flipper .backside,.card-flipper .backside .card,.cardflipper .backside,.cardflipper .backside .card{height:100%}.card-footer{text-align:center}.img-copyright{position:relative;margin-top:-31px;margin-right:.5rem;display:flex;margin-left:auto;z-index:1000}.img-copyright:hover{cursor:help}.img-copyright-default{position:relative;margin-top:-24px;margin-right:.5rem;display:flex;margin-left:auto}span.copyright{margin-right:.5rem}.zoom-right{display:flex;margin-left:auto}.zoom-center{display:flex}.card .image-caption.text-right{margin-right:.5rem;margin-right:.5rem}figure .toast{margin-bottom:0!important;z-index:1}.imageorient-1 figure.image .zoom-overlay,.imageorient-9 figure.image .zoom-overlay{right:.5rem}.imageorient-10 figure.image .zoom-overlay,.imageorient-17 figure.image .zoom-overlay,.imageorient-18 figure.image .zoom-overlay,.imageorient-2 figure.image .zoom-overlay,.imageorient-25 figure.image .zoom-overlay,.imageorient-26 figure.image .zoom-overlay,.imageorient-66 figure.image .zoom-overlay,.imageorient-77 figure.image .zoom-overlay{left:.5rem}.offcanvas{box-shadow:none}.offcanvas-header{box-shadow:0 .5rem 1rem rgb(0 0 0 / 5%),inset 0 -1px 0 rgb(0 0 0 / 10%);padding-bottom:.75rem!important}.slideIn{-webkit-animation-name:slideIn;animation-name:slideIn}body.lg .dd-animate-1,body.md .dd-animate-1,body.xl .dd-animate-1{display:block;visibility:hidden;opacity:0;transform:translateY(50px);transition:.5s ease all}body.lg .dd-animate-1.show,body.md .dd-animate-1.show,body.xl .dd-animate-1.show{display:block;visibility:visible;opacity:1;transform:translateY(0);transition:.5s ease all}body.lg .dd-animate-2,body.lg .dd-animate-2 .dropdown-submenu .dropdown-menu,body.md .dd-animate-2,body.md .dd-animate-2 .dropdown-submenu .dropdown-menu,body.xl .dd-animate-2,body.xl .dd-animate-2 .dropdown-submenu .dropdown-menu{animation-name:example;animation-duration:1s}@keyframes example{from{opacity:.2}to{opacity:1}}.bs-callout{padding:20px;margin:20px 0;border:1px solid #eee;border-left-width:5px;border-radius:3px}.bs-callout h4{margin-top:0;margin-bottom:5px}.bs-callout p,.bs-callout ul:last-child{margin-bottom:0}.bs-callout code{border-radius:3px}.bs-callout+.bs-callout{margin-top:-5px}.bs-callout-default{border-left-color:var(--bs-secondary)}.bs-callout-default h4{color:var(--bs-secondary)}.bs-callout-primary{border-left-color:var(--bs-primary)}.bs-callout-primary h4{color:var(--bs-primary)}.bs-callout-success{border-left-color:var(--bs-success)}.bs-callout-success h4{color:var(--bs-success)}.bs-callout-danger{border-left-color:var(--bs-danger)}.bs-callout-danger h4{color:var(--bs-danger)}.bs-callout-warning{border-left-color:var(--bs-warning)}.bs-callout-warning h4{color:var(--bs-warning)}.bs-callout-info{border-left-color:var(--bs-info)}.bs-callout-info h4{color:var(--bs-info)}.img-hover-zoom img{transition:transform .8s ease!important}.img-hover-zoom:hover img{transform:scale(1.5)}.img-hover-zoom--zoom-n-rotate img{transition:transform .5s ease-in-out!important}.img-hover-zoom--zoom-n-rotate:hover img{transform:scale(2) rotate(25deg)}.img-hover-zoom--slowmo img{transform-origin:50% 65%;transition:transform 5s,filter 3s ease-in-out!important;filter:brightness(150%)}.img-hover-zoom--slowmo:hover img{filter:brightness(100%);transform:scale(2)}.img-hover-zoom--brightness img{transition:transform 2s,filter 1.5s ease-in-out!important;transform-origin:center center;filter:brightness(50%)}.img-hover-zoom--brightness:hover img{filter:brightness(100%);transform:scale(1.3)}.img-hover-zoom--blur img{transition:transform 1s,filter 2s ease-in-out!important;filter:blur(2px);transform:scale(1.2)}.img-hover-zoom--blur:hover img{filter:blur(0);transform:scale(1)}.img-hover-zoom--colorize img{transition:transform .5s,filter 1.5s ease-in-out!important;filter:grayscale(100%)}.img-hover-zoom--colorize:hover img{filter:grayscale(0);transform:scale(1.1)}.nav-icon{margin:-1.5px;width:35px;border:none;background-color:transparent}.nav-icon div,.nav-icon:after,.nav-icon:before{background-color:#fff;border-radius:3px;content:"";display:block;height:5px;margin:7px 0;transition:all .2s ease-in-out}.nav-icon:not(.collapsed):before{transform:translateY(12px) rotate(135deg)}.nav-icon:not(.collapsed):after{transform:translateY(-12px) rotate(-135deg)}.nav-icon:not(.collapsed) div{transform:scale(0)}.nav-icon:active,.nav-icon:focus{outline:0;box-shadow:none}.media{display:flex!important}.media figure.image{flex-shrink:0!important}.media .media-body{flex-grow:1!important}.card figcaption{padding-right:.5rem;padding-left:.5rem}.back-to-top.st-none{transform:scale(0);transition:transform .4s cubic-bezier(.5,0,.3,1)}.back-to-top.st-block{transform:scale(1);transition:transform .4s cubic-bezier(.5,0,.3,1)}.image .toast,picture{overflow:hidden}#main-navbar{-moz-transition:all 1s ease-in;-webkit-transition:all 1s ease-in;-o-transition:all 1s ease-in;transition:all 1s ease-in}.sticky{position:fixed!important;top:0;left:0;width:100%}.fab{margin-top:.2rem}.text-shadow{color:#fff;text-shadow:1px 1px 2px #000,0 0 25px #000,0 0 5px #000} +a{outline:0}.subheader{margin:0}.alert{display:grid}.code{padding:.2rem .4rem;font-size:90%;color:#bd4147;background-color:rgba(86,61,124,.15);border-radius:.25rem;font-family:Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}mark{background-color:#ff0;color:#000}.back-to-top{position:fixed;bottom:2em;right:1.5em;text-decoration:none;color:#eee;background-color:transparent;opacity:.7;padding:1em;z-index:1030}.back-to-top:hover{background-color:transparent;color:#999}.navbar-light .navbar-nav .nav-link .jumbotron{padding:2rem 1rem;margin-bottom:1.5rem}@media (min-width:576px){.jumbotron{padding:4rem 2rem;margin-bottom:2rem}}.text-hide{display:none}.news a{text-decoration:none}.dropend .dropdown-menu{top:0;right:auto;left:100%}.dropend .dropdown-menu[data-bs-popper]{margin-left:0!important}.dropup.dropend .dropdown-menu[data-bs-popper]{bottom:0!important;top:auto!important}.dropdown-item.parent-active{color:#151515;text-decoration:none;background-color:#f6f6f6}.dropdown-item.active.parent-active{color:#fff;text-decoration:none;background-color:var(--bs-primary)}.dropdown-hover-all .dropdown-menu,.dropdown-hover>.dropdown-menu.dropend{margin-left:-1px!important}.card.card-effect-one img{-moz-transition:transform .5s ease-in-out!important;-webkit-transition:transform .5s ease-in-out!important;transition:transform .5s ease-in-out!important}.card.card-effect-one:hover{background-color:var(--bs-light)}.card.card-effect-one:hover img{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.card.card-effect-one::before{content:"";position:absolute;z-index:-1;left:50%;right:50%;bottom:0;background:var(--bs-primary);height:4px;-webkit-transition-property:left,right;transition-property:left,right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.card.card-effect-one:active::before,.card.card-effect-one:focus::before,.card.card-effect-one:hover::before{left:0;right:0}.card.card-effect-one{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;overflow:hidden;-webkit-transform:scale(1)}picture img.lazy{opacity:0}picture img.lazy:not(.initial){transition:opacity 2s}picture img.lazy.error,picture img.lazy.initial,picture img.lazy.loaded{opacity:1}picture img.lazy:not([src]):not([srcset]){visibility:hidden}figure{overflow:hidden}.dropdown-menu-end .dropdown-toggle::before{display:inline-block;width:0;height:0;margin-left:-.8rem;vertical-align:.255em;content:" ";border-top:.3em solid;border-right:.3em solid transparent;border-left:.3em solid transparent;transform:rotate(90deg)}.dropdown-menu-end .dropend .dropdown-toggle::after{display:none}.dropdown-menu-end .dropend .dropdown-menu{right:100%;left:auto}.dropdown-menu-end .dropdown-toggle[aria-expanded=true]::before{transform:rotate(-90deg)}.dropdown-toggle::after,.dropdown-toggle::before{transition:.7s}.dropdown-toggle[aria-expanded=true]::after{transform:rotate(180deg)}.dropdown-menu-end .dropend .dropdown-menu[data-bs-popper]{top:0!important;right:100%!important;left:auto!important;margin-top:0!important;margin-left:.125rem!important}#main-navbar.shrink{height:auto}#main-navbar.navbar-shrink{padding:.5rem 1rem}.mfp-fade.mfp-bg{opacity:0;-webkit-transition:all .15s ease-out;-moz-transition:all .15s ease-out;transition:all .15s ease-out}.mfp-fade.mfp-bg.mfp-ready{opacity:.8}.mfp-fade.mfp-bg.mfp-removing{opacity:0}.mfp-fade.mfp-wrap .mfp-content{opacity:0;-webkit-transition:all .15s ease-out;-moz-transition:all .15s ease-out;transition:all .15s ease-out}.mfp-fade.mfp-wrap.mfp-ready .mfp-content{opacity:1}.mfp-fade.mfp-wrap.mfp-removing .mfp-content{opacity:0}.white-popup{position:relative;background:#fff;padding:20px;width:auto;max-width:500px;margin:20px auto}.card figure,.ge_autoLayout_row figure{margin:0}.card .list-group-item{color:#212529}a.card{color:inherit}a.card:hover{text-decoration:none}.meta-nav.text-white a{color:#fff!important}div.alert p,div.alert ul{margin:0}#language{cursor:pointer}#language .t3js-icon{margin-right:5px;position:relative;top:-2px}.tx-indexedsearch-redMarkup{color:red}.tx-indexedsearch-info p{margin:0}section.parallax{background-attachment:fixed;background-position:50% 0;background-repeat:no-repeat;background-size:cover;z-index:-1}section.multiple-parallax{background-attachment:fixed,fixed;background-position:left top,50% 0;background-repeat:repeat,no-repeat;background-size:auto,cover;z-index:-1}.absolute{position:absolute!important}.v-row{display:flex;flex-wrap:wrap}.content-consent.background-image,.jumbotron.background-image,div.background-image,section.background-image{background-repeat:no-repeat;background-size:cover;background-position:center center}.jumbotron.multiple-background-image,div.multiple-background-image,section.multiple-background-image{background-repeat:repeat,no-repeat;background-size:auto,cover;background-position:left top,center center}.jumbotron.background-fixed,div.background-fixed,section.background-fixed{background-attachment:fixed!important}.frame-ruler-before:before{content:"";display:block;border-top:1px solid rgba(0,0,0,.25);margin-bottom:2em}.frame-ruler-after:after{content:"";display:block;border-bottom:1px solid rgba(0,0,0,.25);margin-top:2em}.frame-indent{margin-left:15%;margin-right:15%}.frame-indent-left{margin-left:33%}.frame-indent-right{margin-right:33%}.preloader{z-index:999;position:absolute;left:calc(50% - 1.5rem);top:50%}.nav-meta,.nav-scroller{position:relative;z-index:2;height:2.75rem;overflow-y:hidden}.nav-meta .meta-text a,.nav-scroller .meta-text a{margin-right:1rem}.nav-meta .meta-text a:last-child,.nav-scroller .meta-text a:last-child{margin-right:0}.nav-scroller .nav{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;padding-bottom:1rem;margin-top:-1px;overflow-x:auto;color:rgba(255,255,255,.75);text-align:center;white-space:nowrap;-webkit-overflow-scrolling:touch}.nav-underline .nav-link{padding-top:.75rem;padding-bottom:.75rem;font-size:.875rem;color:var(--bs-gray-dark)}.nav-underline .nav-link:hover{color:var(--bs-danger)}.nav-underline .active{font-weight:500;color:var(--bs-gray-dark)}.nav-underline .nav-link.meta-text{color:var(--bs-gray-dark)}.nav-underline .nav-link.meta-text a:hover{color:var(--bs-danger)}.navbar-expand-no{overflow-y:scroll!important;max-height:100%!important}.sticky.is-sticky{position:fixed;left:0;right:0;top:0;z-index:1000;width:100%}.carousel-indicators{display:flex!important}.carousel-item{transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease;-webkit-backface-visibility:visible;backface-visibility:visible;overflow:hidden!important}.carousel figure{margin:0!important}.carousel-caption.caption-animated.animated{position:absolute;top:0;display:flex;justify-content:center;width:auto;color:#fff;text-align:center;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.gallery .row{margin-right:-.5rem;margin-left:-.5rem}.gallery .col-sm{padding-right:.5rem;padding-left:.5rem}.image-gallery .ig-col{padding-right:.5rem;padding-left:.5rem;margin-bottom:1rem}.image-gallery .row{margin-right:-7.5px;margin-left:-7.5px}.inline-YTPlayer{z-index:1011}.content-consent{min-height:200px}.ce-link{text-decoration:none!important;color:inherit!important}.ce-link-content{text-decoration:none!important;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);transition:all .3s cubic-bezier(.25,.8,.25,1);padding:1.5rem}.ce-link-content:hover{box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)}.card.ce-link-content{padding:0}.img-transform{transition:transform .3s ease!important}.img-transform:active,.img-transform:hover{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}figure.image{overflow:hidden;display:inline-grid;position:relative}.relative{position:relative}.relative .overlay>div{position:absolute;top:2rem}#site-preloader{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#f5f5f5;z-index:99999}#site-spinner{position:absolute;left:calc(50% - 1.5rem);top:50%}.sidebar-sub-item i{text-indent:-1px}figcaption{font-size:.75rem;font-weight:400}.fa,.fab,.fal,.far,.fas{line-height:inherit}.bt_hidden{opacity:0}.bt_visible{opacity:1}.page-pagination{margin:2rem 0}.page-pagination .page-item:first-child .page-link{border-top-left-radius:0;border-bottom-left-radius:0}.page-pagination .page-item:last-child .page-link{border-top-right-radius:0;border-bottom-right-radius:0}.video-card .card-img-overlay{margin-bottom:40px}.zoom-overlay{overflow:hidden;background:0 0;opacity:0;transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s}.image a:hover .zoom-overlay{opacity:.8}.magnifying-glass-icon{color:#fff;text-align:center;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:50%;padding:20px;border:1px solid #fff;line-height:1;background:rgba(0,0,0,.5);width:60px;height:60px}.zoom-overlay .description .magnifying-glass-icon{top:50%}.card-img-overlay .card-body{padding:0}.navbar-brand img.d-inline-block{margin-right:.25rem}.media figure.image{position:relative;margin-bottom:0}.media .magnifying-glass-icon{top:50%}.w-33{width:33%!important}.w-66{width:66%!important}.fixedPosition{position:fixed;top:50%;margin:0!important;z-index:999}.fixedPosition-right{right:0}.fixedPosition-left{left:0}.rotate-plus{-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg);margin:0!important}.rotate-minus{-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);transform:rotate(-90deg);margin:0!important}.media-body p{margin-bottom:0}p .svg-inline--fa{margin-right:.4rem}@media (min-width:576px){html{font-size:16px}.sm-twoColumns{min-width:26rem!important}.content-consent{min-height:300px}}@media (min-width:768px){.md-twoColumns{min-width:26rem!important}.content-consent{min-height:300px}}@media (min-width:992px){.lg-twoColumns{min-width:26rem!important}.content-consent{min-height:400px}}@media (min-width:1200px){.xl-twoColumns{min-width:26rem!important}.content-consent{min-height:500px}}@media (max-width:1199px){.navbar-expand-xl{overflow-y:scroll!important;max-height:100%!important}}@media (max-width:991px){.navbar-expand-lg{overflow-y:scroll!important;max-height:100%!important}}@media (max-width:767px){.navbar-expand-md{overflow-y:scroll!important;max-height:100%!important}.gallery .w-25,.gallery.w-25{width:100%!important}.gallery .w-50,.gallery.w-50{width:100%!important}.gallery .w-33,.gallery.w-33{width:100%!important}.gallery .w-66,.gallery.w-66{width:100%!important}.gallery .w-75,.gallery.w-75{width:100%!important}.align .w-25,.beside .w-25{width:100%!important}.align .w-50,.beside .w-50{width:100%!important}.align .w-33,.beside .w-33{width:100%!important}.align .w-66,.beside .w-66{width:100%!important}.align .w-75,.beside .w-75{width:100%!important}}@media (max-width:575px){.navbar-expand-sm{overflow-y:scroll!important;max-height:100%!important}.gallery{text-align:center}.card .img-overlay{color:#fff;text-shadow:6px 0 6px #666}.card .img-overlay .card-body{padding:0}}.card-flipper .image-flip.hover .backside,.card-flipper .image-flip:active .backside,.card-flipper .image-flip:hover .backside{-webkit-transform:rotateY(0);-moz-transform:rotateY(0);-o-transform:rotateY(0);-ms-transform:rotateY(0);transform:rotateY(0);border-radius:.25rem}.card-flipper .image-flip.hover .frontside,.card-flipper .image-flip:active .frontside,.card-flipper .image-flip:hover .frontside{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg)}.card-flipper .mainflip{-webkit-transition:1s;-webkit-transform-style:preserve-3d;-ms-transition:1s;-moz-transition:1s;-moz-transform:perspective(1000px);-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transition:1s;transform-style:preserve-3d;position:relative}.card-flipper .frontside{position:relative;-webkit-transform:rotateY(0);-ms-transform:rotateY(0);z-index:2;margin-bottom:30px}.card-flipper .backside{position:absolute;top:0;left:0;background:#fff;-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);-ms-transform:rotateY(-180deg);transform:rotateY(-180deg);-webkit-box-shadow:5px 7px 9px -4px #9e9e9e;-moz-box-shadow:5px 7px 9px -4px #9e9e9e;box-shadow:5px 7px 9px -4px #9e9e9e}.card-flipper .backside,.card-flipper .frontside{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:1s;-webkit-transform-style:preserve-3d;-moz-transition:1s;-moz-transform-style:preserve-3d;-o-transition:1s;-o-transform-style:preserve-3d;-ms-transition:1s;-ms-transform-style:preserve-3d;transition:1s;transform-style:preserve-3d}.card-flipper .backside .card,.card-flipper .frontside .card{min-height:312px}.card-flipper .fa-plus-square{color:var(--bs-primary)}#sectionmenu.section-menu.nav-fill.variant{background-color:#fff}#sectionmenu.section-menu.nav-fill.variant .nav-item{display:inline-block;position:relative;height:58px;border-right:2px solid var(--bs-light);border-top:2px solid var(--bs-light);border-bottom:2px solid var(--bs-light);text-align:center;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;color:#333;cursor:pointer;white-space:normal}#sectionmenu.section-menu.nav-fill.variant .nav-item:last-child{border-left:2px solid var(--bs-light)}#sectionmenu.section-menu.nav-fill.variant .nav-link.scroll-trigger{line-height:2.6}#sectionmenu.section-menu.nav-fill.variant .nav-link.scroll-trigger.active::before{border-left:13px solid transparent;border-right:13px solid transparent;border-top:12px solid var(--bs-primary);position:absolute;top:58px;left:calc(50% - 6px);content:"";display:inline;z-index:2000}#sectionmenu.section-menu.nav-fill.variant .nav-link.scroll-trigger:hover{color:var(--bs-primary);text-shadow:0 0 5px rgba(169,169,169,.3)}#sectionmenu.section-menu.nav-fill.variant .nav-link.scroll-trigger.active,#sectionmenu.section-menu.nav-fill.variant .nav-link.scroll-trigger.active:hover{background-color:var(--bs-primary);border-bottom:1px solid var(--bs-primary);color:#fff;margin-top:0;height:58px;border-top:none}#sectionmenu.section-menu .nav-item.nav-link.active{color:var(--bs-danger)}#sectionmenu.section-menu.nav-pills .nav-item.nav-link.active{color:#fff}.bg-raster{position:relative}.bg-raster:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(/typo3conf/ext/t3sbootstrap/Resources/Public/Images/raster.png) repeat}#background-carousel{width:100%;height:100%;z-index:-1}#background-carousel .carousel,#background-carousel .carousel-inner{width:100%;height:100%;z-index:0;overflow:hidden}#background-carousel .carousel-item{width:100%;height:100%;background-position:center center;background-size:cover;z-index:0}#background-carousel #content-wrapper{position:absolute;z-index:1!important;min-width:100%;min-height:100%}#background-carousel .carousel-control-next,#background-carousel .carousel-control-prev{z-index:2}.carousel-control-next,.carousel-control-prev{z-index:10}.list-group .page-navigation:last-child{margin-top:1.5rem}.card-img-overlay .card-text p:last-child{margin-bottom:0}@media (min-width:576px) and (max-width:767.98px){.card-group>.card{flex:1 0 100%}}@media (min-width:768px){.card-group>.card{flex:1 0 50%}}@media (min-width:992px){.card-group>.card{flex:1 0 33.333%}}@media (min-width:1200px){.card-group>.card{flex:1 0 25%}}@media (min-width:576px){.card-columns{column-count:2}.image-flip .backside,.image-flip .card,.image-flip .frontside,.image-flip .mainflip{height:100%}}@media (min-width:768px){.card-columns{column-count:3}}@media (min-width:992px){.card-columns{column-count:4}}@media (min-width:1200px){.card-columns{column-count:4}}.news .card{box-shadow:0 0 0 transparent,0 1px 2px transparent;transition:all .3s cubic-bezier(.25,.8,.25,1)}.news .card:active,.news .card:hover{box-shadow:0 4px 8px rgba(0,0,0,.25),0 2px 2px rgba(0,0,0,.22);z-index:101}.news .list-group-item .d-sm-block p{margin-bottom:0}#news-preloader{position:relative;top:0;left:0;right:0;bottom:0;background-color:transparent;z-index:99999}#news-preloader-bottom{position:relative;top:-75px;left:0;right:0;bottom:0;background-color:transparent;z-index:99999}#news-spinner{position:absolute;right:0;top:-.5rem}.news .list-group-item .card-text p{margin-bottom:0}.news .list-group-item .media figure{margin-bottom:0}.news-single figure.image .zoom-overlay{left:1rem}.cardflipper .mainflip{-webkit-transition:1s;-webkit-transform-style:preserve-3d;-ms-transition:1s;-moz-transition:1s;-moz-transform:perspective(1000px);-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transition:1s;transform-style:preserve-3d;position:relative}.cardflipper .frontside{position:relative;-webkit-transform:rotateY(0);-ms-transform:rotateY(0);z-index:2;margin-bottom:30px}.cardflipper .backside{position:absolute;top:0;left:0;background:#fff;-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);-ms-transform:rotateY(-180deg);transform:rotateY(-180deg);-webkit-box-shadow:5px 7px 9px -4px #9e9e9e;-moz-box-shadow:5px 7px 9px -4px #9e9e9e;box-shadow:5px 7px 9px -4px #9e9e9e}.cardflipper .backside,.cardflipper .frontside{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:1s;-webkit-transform-style:preserve-3d;-moz-transition:1s;-moz-transform-style:preserve-3d;-o-transition:1s;-o-transform-style:preserve-3d;-ms-transition:1s;-ms-transform-style:preserve-3d;transition:1s;transform-style:preserve-3d}.cardflipper .fa-plus-square{color:var(--bs-primary)}.cardflipper .fa-minus-square{color:var(--bs-primary)}.cardflipper .fa-minus-square:hover,.cardflipper .fa-plus-square:hover{cursor:pointer}.card-flipper .card-footer,.cardflipper .card-footer{padding:.75rem 1.25rem;background-color:transparent;border-top:none}.card-flipper .backside,.card-flipper .backside .card,.cardflipper .backside,.cardflipper .backside .card{height:100%}.card-footer{text-align:center}.img-copyright{position:relative;margin-top:-31px;margin-right:.5rem;display:flex;margin-left:auto;z-index:1000}.img-copyright:hover{cursor:help}.img-copyright-default{position:relative;margin-top:-24px;margin-right:.5rem;display:flex;margin-left:auto}span.copyright{margin-right:.5rem}.zoom-right{display:flex;margin-left:auto}.zoom-center{display:flex}.card .image-caption.text-right{margin-right:.5rem;margin-right:.5rem}figure .toast{margin-bottom:0!important;z-index:1}.imageorient-1 figure.image .zoom-overlay,.imageorient-9 figure.image .zoom-overlay{right:.5rem}.imageorient-10 figure.image .zoom-overlay,.imageorient-17 figure.image .zoom-overlay,.imageorient-18 figure.image .zoom-overlay,.imageorient-2 figure.image .zoom-overlay,.imageorient-25 figure.image .zoom-overlay,.imageorient-26 figure.image .zoom-overlay,.imageorient-66 figure.image .zoom-overlay,.imageorient-77 figure.image .zoom-overlay{left:.5rem}.offcanvas{box-shadow:none}.offcanvas-header{box-shadow:0 .5rem 1rem rgb(0 0 0 / 5%),inset 0 -1px 0 rgb(0 0 0 / 10%);padding-bottom:.75rem!important}.slideIn{-webkit-animation-name:slideIn;animation-name:slideIn}body.lg .dd-animate-1,body.md .dd-animate-1,body.xl .dd-animate-1{display:block;visibility:hidden;opacity:0;transform:translateY(50px);transition:.5s ease all}body.lg .dd-animate-1.show,body.md .dd-animate-1.show,body.xl .dd-animate-1.show{display:block;visibility:visible;opacity:1;transform:translateY(0);transition:.5s ease all}body.lg .dd-animate-2,body.lg .dd-animate-2 .dropdown-submenu .dropdown-menu,body.md .dd-animate-2,body.md .dd-animate-2 .dropdown-submenu .dropdown-menu,body.xl .dd-animate-2,body.xl .dd-animate-2 .dropdown-submenu .dropdown-menu{animation-name:example;animation-duration:1s}@keyframes example{from{opacity:.2}to{opacity:1}}.bs-callout{padding:20px;margin:20px 0;border:1px solid #eee;border-left-width:5px;border-radius:3px}.bs-callout h4{margin-top:0;margin-bottom:5px}.bs-callout p,.bs-callout ul:last-child{margin-bottom:0}.bs-callout code{border-radius:3px}.bs-callout+.bs-callout{margin-top:-5px}.bs-callout-default{border-left-color:var(--bs-secondary)}.bs-callout-default h4{color:var(--bs-secondary)}.bs-callout-primary{border-left-color:var(--bs-primary)}.bs-callout-primary h4{color:var(--bs-primary)}.bs-callout-success{border-left-color:var(--bs-success)}.bs-callout-success h4{color:var(--bs-success)}.bs-callout-danger{border-left-color:var(--bs-danger)}.bs-callout-danger h4{color:var(--bs-danger)}.bs-callout-warning{border-left-color:var(--bs-warning)}.bs-callout-warning h4{color:var(--bs-warning)}.bs-callout-info{border-left-color:var(--bs-info)}.bs-callout-info h4{color:var(--bs-info)}.img-hover-zoom img{transition:transform .8s ease!important}.img-hover-zoom:hover img{transform:scale(1.5)}.img-hover-zoom--zoom-n-rotate img{transition:transform .5s ease-in-out!important}.img-hover-zoom--zoom-n-rotate:hover img{transform:scale(2) rotate(25deg)}.img-hover-zoom--slowmo img{transform-origin:50% 65%;transition:transform 5s,filter 3s ease-in-out!important;filter:brightness(150%)}.img-hover-zoom--slowmo:hover img{filter:brightness(100%);transform:scale(2)}.img-hover-zoom--brightness img{transition:transform 2s,filter 1.5s ease-in-out!important;transform-origin:center center;filter:brightness(50%)}.img-hover-zoom--brightness:hover img{filter:brightness(100%);transform:scale(1.3)}.img-hover-zoom--blur img{transition:transform 1s,filter 2s ease-in-out!important;filter:blur(2px);transform:scale(1.2)}.img-hover-zoom--blur:hover img{filter:blur(0);transform:scale(1)}.img-hover-zoom--colorize img{transition:transform .5s,filter 1.5s ease-in-out!important;filter:grayscale(100%)}.img-hover-zoom--colorize:hover img{filter:grayscale(0);transform:scale(1.1)}.nav-icon{margin:-1.5px;width:35px;border:none;background-color:transparent}.nav-icon div,.nav-icon:after,.nav-icon:before{background-color:#fff;border-radius:3px;content:"";display:block;height:5px;margin:7px 0;transition:all .2s ease-in-out}.nav-icon:not(.collapsed):before{transform:translateY(12px) rotate(135deg)}.nav-icon:not(.collapsed):after{transform:translateY(-12px) rotate(-135deg)}.nav-icon:not(.collapsed) div{transform:scale(0)}.nav-icon:active,.nav-icon:focus{outline:0;box-shadow:none}.media{display:flex!important}.media figure.image{flex-shrink:0!important}.media .media-body{flex-grow:1!important}.card figcaption{padding-right:.5rem;padding-left:.5rem}.back-to-top.st-none{transform:scale(0);transition:transform .4s cubic-bezier(.5,0,.3,1)}.back-to-top.st-block{transform:scale(1);transition:transform .4s cubic-bezier(.5,0,.3,1)}.image .toast,picture{overflow:hidden}#main-navbar{-moz-transition:all 1s ease-in;-webkit-transition:all 1s ease-in;-o-transition:all 1s ease-in;transition:all 1s ease-in}.sticky{position:fixed!important;top:0;left:0;width:100%}.fab{margin-top:.2rem}.text-shadow{color:#fff;text-shadow:1px 1px 2px #000,0 0 25px #000,0 0 5px #000}.ratio-16x9{--bs-aspect-ratio:calc(9 / 16 * 100%)}.ratio{position:relative;width:100%}.accordion-img::after{margin-right:1rem}@media (max-width:575px){.col-image .background-image{min-height:250px}}@media (max-width:991px){.col-image .background-image{min-height:350px}} diff --git a/ext_emconf.php b/ext_emconf.php index 45d741ee..72e08e44 100644 --- a/ext_emconf.php +++ b/ext_emconf.php @@ -10,42 +10,35 @@ * writing. "version" and "dependencies" must not be touched! ***************************************************************/ -$EM_CONF[$_EXTKEY] = array ( - 'title' => 'Bootstrap Components', - 'description' => 'Startup extension to use bootstrap 5 classes, components and more out of the box. Example and info: www.t3sbootstrap.de', - 'category' => 'templates', - 'author' => 'Helmut Hackbarth', - 'author_email' => 'typo3@t3solution.de', - 'state' => 'stable', - 'uploadfolder' => true, - 'clearCacheOnLoad' => true, - 'version' => '5.0.1', - 'constraints' => - array ( - 'depends' => - array ( - 'typo3' => '10.4.18-11.99.99', - 'container' => '1.3.1-1.99.99', - 'content_defender' => '3.1.0-3.99.99', - ), - 'conflicts' => - array ( - 'ws_scss' => '*', - 'dyncss' => '*', - 'gridelements' => '*', - ), - 'suggests' => - array ( - ), - ), - 'autoload' => - array ( - 'psr-4' => - array ( - 'T3SBS\\T3sbootstrap\\' => 'Classes', - ), - ), - 'clearcacheonload' => true, - 'author_company' => NULL, -); +$EM_CONF[$_EXTKEY] = [ + 'title' => 'Bootstrap Components', + 'description' => 'Startup extension to use bootstrap 5 classes, components and more out of the box. Example and info: www.t3sbootstrap.de', + 'category' => 'templates', + 'author' => 'Helmut Hackbarth', + 'author_email' => 'typo3@t3solution.de', + 'state' => 'stable', + 'uploadfolder' => true, + 'clearCacheOnLoad' => true, + 'version' => '5.1.0', + 'constraints' => [ + 'depends' => [ + 'typo3' => '10.4.10-11.99.99', + 'container' => '1.3.1-1.99.99', + 'content_defender' => '3.1.0-3.99.99', + ], + 'conflicts' => [ + 'ws_scss' => '*', + 'dyncss' => '*', + 'gridelements' => '*', + ], + 'suggests' => [], + ], + 'autoload' => [ + 'psr-4' => [ + 'T3SBS\\T3sbootstrap\\' => 'Classes', + ], + ], + 'clearcacheonload' => true, + 'author_company' => NULL, +]; diff --git a/ext_tables.sql b/ext_tables.sql index 6ef1dd8c..c8b5e84f 100644 --- a/ext_tables.sql +++ b/ext_tables.sql @@ -115,6 +115,7 @@ CREATE TABLE tx_t3sbootstrap_domain_model_config ( sectionmenu_anchor_offset int(11) DEFAULT '0' NOT NULL, sectionmenu_scrollspy_offset int(11) DEFAULT '0' NOT NULL, sectionmenu_sticky_top tinyint(1) unsigned DEFAULT '0' NOT NULL, + sectionmenu_icons tinyint(1) unsigned DEFAULT '0' NOT NULL, background_image_enable tinyint(1) unsigned DEFAULT '0' NOT NULL, background_image_slide tinyint(1) unsigned DEFAULT '0' NOT NULL, shrinking_nav_padding varchar(255) DEFAULT '' NOT NULL,