FileXXXXXXXXXXX

File manager - Edit - /home/verseaumee/lauvia/wp-content/plugins/trx_addons/components/shortcodes/switcher/switcher.css

Back
/* Switcher / .sc_switcher { --trx-addons-switcher-effect-duration: 0.5s; --trx-addons-switcher-effect-delay: 0.2s; } / Type 'Default' / .sc_switcher_controls { --trx-addons-switcher-toggle-offset: 100%; --trx-addons-switcher-toggle-height: 2.2em; --trx-addons-switcher-toggle-padding: 0.2em; --trx-addons-switcher-toggle-width: calc( 2 var(--trx-addons-switcher-toggle-height) + 2 * var(--trx-addons-switcher-toggle-padding) ); display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 3em; padding: 0 var(--trx-addons-switcher-toggle-padding); } .sc_switcher_controls_section1 { margin-right: 1.5em; text-align: right; cursor: pointer; } .sc_switcher_controls_section2 { margin-left: 1.5em; cursor: pointer; } .sc_switcher_controls_section_title { margin: 0 !important; -webkit-transition: color 0.3s ease; -ms-transition: color 0.3s ease; transition: color 0.3s ease; } .sc_switcher_controls_toggle { width: var(--trx-addons-switcher-toggle-width); height: calc( var(--trx-addons-switcher-toggle-height) + 2 * var(--trx-addons-switcher-toggle-padding) ); -webkit-border-radius: calc( var(--trx-addons-switcher-toggle-height) / 2 ); -ms-border-radius: calc( var(--trx-addons-switcher-toggle-height) / 2 ); border-radius: calc( var(--trx-addons-switcher-toggle-height) / 2 ); -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15) inset; -ms-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15) inset; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15) inset; background-color: #f0f0f0; position: relative; cursor: pointer; -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; } .sc_switcher_controls_toggle_button { width: var(--trx-addons-switcher-toggle-height); height: var(--trx-addons-switcher-toggle-height); line-height: var(--trx-addons-switcher-toggle-height); text-align: center; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; position: absolute; z-index: 1; top: var(--trx-addons-switcher-toggle-padding); left: var(--trx-addons-switcher-toggle-padding); background-color: #efa752; -webkit-transition: -webkit-transform 0.3s ease, background-color 0.3s ease, width 0.3s ease; -ms-transition: -ms-transform 0.3s ease, background-color 0.3s ease, width 0.3s ease; transition: transform 0.3s ease, background-color 0.3s ease, width 0.3s ease; -webkit-transition-duration: var(--trx-addons-switcher-effect-duration); -ms-transition-duration: var(--trx-addons-switcher-effect-duration); transition-duration: var(--trx-addons-switcher-effect-duration); } .sc_switcher_controls_toggle_on .sc_switcher_controls_toggle_button { background-color: #efa752; } .sc_switcher_controls_toggle:not(.sc_switcher_controls_toggle_on) .sc_switcher_controls_toggle_button { -webkit-transform: translateX(calc( var(--trx-addons-switcher-toggle-width) - var(--trx-addons-switcher-toggle-height) - 2 * var(--trx-addons-switcher-toggle-padding) )); -ms-transform: translateX(calc( var(--trx-addons-switcher-toggle-width) - var(--trx-addons-switcher-toggle-height) - 2 * var(--trx-addons-switcher-toggle-padding) )); transform: translateX(calc( var(--trx-addons-switcher-toggle-width) - var(--trx-addons-switcher-toggle-height) - 2 * var(--trx-addons-switcher-toggle-padding) )); } /* Type 'Modern' / .sc_switcher_modern .sc_switcher_content { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .sc_switcher_modern .sc_switcher_controls { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; vertical-align: top; -webkit-justify-content: space-between; -ms-flex-pack: space-between; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; position: relative; } .sc_switcher_modern .sc_switcher_controls_toggle { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; -webkit-border-radius: 5em; -ms-border-radius: 5em; border-radius: 5em; } .sc_switcher_modern .sc_switcher_controls_toggle_button { width: calc( 50% - var(--trx-addons-switcher-toggle-padding) ); height: calc( 100% - 2 var(--trx-addons-switcher-toggle-padding) ); -webkit-border-radius: 5em; -ms-border-radius: 5em; border-radius: 5em; } .sc_switcher_modern .sc_switcher_controls_toggle:not(.sc_switcher_controls_toggle_on) .sc_switcher_controls_toggle_button { -webkit-transform: translateX(var(--trx-addons-switcher-toggle-offset, 100%)); -ms-transform: translateX(var(--trx-addons-switcher-toggle-offset, 100%)); transform: translateX(var(--trx-addons-switcher-toggle-offset, 100%)); } .sc_switcher_modern .sc_switcher_controls_section1, .sc_switcher_modern .sc_switcher_controls_section2 { -webkit-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; position: relative; z-index: 2; padding: 0.5em 1.5em; margin: 0; text-align: center; text-wrap: nowrap; } .sc_switcher_modern .sc_switcher_sections { width: 100%; } /* Type 'Tabs' / .sc_switcher_tabs_controls { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; margin-bottom: 2em; } .sc_switcher_tab { position: relative; border: 1px solid #e0e0e0; padding: 2em; -webkit-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; -ms-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; } .sc_switcher_tab + .sc_switcher_tab { margin-left: 2em; } .sc_switcher_tab.sc_switcher_tab_active { border-color: #000; } .sc_switcher_tab h1, .sc_switcher_tab h2, .sc_switcher_tab h3, .sc_switcher_tab h4, .sc_switcher_tab h5, .sc_switcher_tab h6 { margin: 0.3em 0; } .sc_switcher_tab h1:first-child, .sc_switcher_tab h2:first-child, .sc_switcher_tab h3:first-child, .sc_switcher_tab h4:first-child, .sc_switcher_tab h5:first-child, .sc_switcher_tab h6:first-child { margin-top: 0; } .sc_switcher_tab h1:last-child, .sc_switcher_tab h2:last-child, .sc_switcher_tab h3:last-child, .sc_switcher_tab h4:last-child, .sc_switcher_tab h5:last-child, .sc_switcher_tab h6:last-child { margin-bottom: 0; } .sc_switcher_tab p { margin: 0.2em 0; } .sc_switcher_tab p:first-child { margin-top: 0; } .sc_switcher_tab p:last-child { margin-bottom: 0; } .sc_switcher_tab_link { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; } / Sections / .sc_switcher_sections { display: block; position: relative; overflow: hidden; -webkit-transition: height 0.3s ease; -ms-transition: height 0.3s ease; transition: height 0.3s ease; } .sc_switcher_sections .elementor-section.elementor-section-stretched { width: 100% !important; left: 0 !important; } .sc_switcher_section { position: relative; } .sc_switcher_section.sc_switcher_section_active { z-index: 1; } body:not(.elelentor-editor-active) .sc_switcher_section[data-section]:not(.sc_switcher_section_inited) { opacity: 0; } / Effect 'Swap' / .sc_switcher_effect_swap .sc_switcher_section { float: left; width: 100%; opacity: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: -webkit-transform var(--trx-addons-switcher-effect-duration) ease, opacity var(--trx-addons-switcher-effect-duration) ease; -ms-transition: -ms-transform var(--trx-addons-switcher-effect-duration) ease, opacity var(--trx-addons-switcher-effect-duration) ease; transition: transform var(--trx-addons-switcher-effect-duration) ease, opacity var(--trx-addons-switcher-effect-duration) ease; } .sc_switcher_effect_swap .sc_switcher_section_2, .sc_switcher_effect_swap .sc_switcher_section:nth-child(n+2) { margin-left: -100%; } .sc_switcher_effect_swap .sc_switcher_section_active { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transition-delay: var(--trx-addons-switcher-effect-delay); -ms-transition-delay: var(--trx-addons-switcher-effect-delay); transition-delay: var(--trx-addons-switcher-effect-delay); } / Effect 'Slide' / .sc_switcher_effect_slide { --trx-addons-switcher-slide-active: 0; --trx-addons-switcher-slide-width: 50%; } .sc_switcher_effect_slide .sc_switcher_slider_1 { --trx-addons-switcher-slide-width: 100%; } .sc_switcher_effect_slide .sc_switcher_slider_2 { --trx-addons-switcher-slide-width: 50%; } .sc_switcher_effect_slide .sc_switcher_slider_3 { --trx-addons-switcher-slide-width: 33.3333%; } .sc_switcher_effect_slide .sc_switcher_slider_4 { --trx-addons-switcher-slide-width: 25%; } .sc_switcher_effect_slide .sc_switcher_slider_5 { --trx-addons-switcher-slide-width: 20%; } .sc_switcher_effect_slide .sc_switcher_slider_6 { --trx-addons-switcher-slide-width: 16.6666%; } .sc_switcher_effect_slide .sc_switcher_slider_7 { --trx-addons-switcher-slide-width: 14.2857%; } .sc_switcher_effect_slide .sc_switcher_slider_8 { --trx-addons-switcher-slide-width: 12.5%; } .sc_switcher_effect_slide .sc_switcher_slider_9 { --trx-addons-switcher-slide-width: 11.1111%; } .sc_switcher_effect_slide .sc_switcher_slider_1 { width: 100%; } .sc_switcher_effect_slide .sc_switcher_slider, .sc_switcher_effect_slide .sc_switcher_slider_2 { width: 200%; } .sc_switcher_effect_slide .sc_switcher_slider_3 { width: 300%; } .sc_switcher_effect_slide .sc_switcher_slider_4 { width: 400%; } .sc_switcher_effect_slide .sc_switcher_slider_5 { width: 500%; } .sc_switcher_effect_slide .sc_switcher_slider_6 { width: 600%; } .sc_switcher_effect_slide .sc_switcher_slider_7 { width: 700%; } .sc_switcher_effect_slide .sc_switcher_slider_8 { width: 800%; } .sc_switcher_effect_slide .sc_switcher_slider_9 { width: 900%; } .sc_switcher_effect_slide .sc_switcher_slider { -webkit-transition: -webkit-transform var(--trx-addons-switcher-effect-duration) ease; -ms-transition: -ms-transform var(--trx-addons-switcher-effect-duration) ease; transition: transform var(--trx-addons-switcher-effect-duration) ease; -webkit-transform: translateX(calc( -1 var(--trx-addons-switcher-slide-active) * var(--trx-addons-switcher-slide-width) )); -ms-transform: translateX(calc( -1 * var(--trx-addons-switcher-slide-active) * var(--trx-addons-switcher-slide-width) )); transform: translateX(calc( -1 * var(--trx-addons-switcher-slide-active) * var(--trx-addons-switcher-slide-width) )); } .sc_switcher_effect_slide .sc_switcher_section { float: left; width: var(--trx-addons-switcher-slide-width); -webkit-transition: -webkit-transform var(--trx-addons-switcher-effect-duration) ease; -ms-transition: -ms-transform var(--trx-addons-switcher-effect-duration) ease; transition: transform var(--trx-addons-switcher-effect-duration) ease; } /* Effect 'Fade' / .sc_switcher_effect_fade .sc_switcher_section { float: left; width: 100%; opacity: 0; -webkit-transition: opacity var(--trx-addons-switcher-effect-duration) ease; -ms-transition: opacity var(--trx-addons-switcher-effect-duration) ease; transition: opacity var(--trx-addons-switcher-effect-duration) ease; } .sc_switcher_effect_fade .sc_switcher_section_2, .sc_switcher_effect_fade .sc_switcher_section:nth-child(n+2) { margin-left: -100%; } .sc_switcher_effect_fade .sc_switcher_section_active { opacity: 1; -webkit-transition-delay: var(--trx-addons-switcher-effect-delay); -ms-transition-delay: var(--trx-addons-switcher-effect-delay); transition-delay: var(--trx-addons-switcher-effect-delay); } / Effect 'None' / .sc_switcher_effect_none .sc_switcher_sections { -webkit-transition: none; -ms-transition: none; transition: none; } .sc_switcher_effect_none .sc_switcher_controls_toggle_button { -webkit-transition: background-color 0.3s ease, width 0.3s ease; -ms-transition: background-color 0.3s ease, width 0.3s ease; transition: background-color 0.3s ease, width 0.3s ease; } .sc_switcher_effect_none .sc_switcher_section { float: left; width: 100%; opacity: 0; z-index: 0; } .sc_switcher_effect_none .sc_switcher_section_2, .sc_switcher_effect_none .sc_switcher_section:nth-child(n+2) { margin-left: -100%; } .sc_switcher_effect_none .sc_switcher_section_active { opacity: 1; } /# sourceMappingURL=switcher.css.map */

| ver. 1.4 | Github | . | PHP 8.5.7 | Generation time: 0 | proxy | phpinfo | Settings