/home/suroeste/public_html/wp-content/plugins/flipbox-builder/template/css/design
NameSizeModeActions
design-1.css125170644editdlrm
design-2.css89770644editdlrm
design-3.css77040644editdlrm
design-4.css147290644editdlrm
design-5.css139920644editdlrm
design-6.css128950644editdlrm
design-7.css166420644editdlrm
design-8.css88730644editdlrm
design-9.css127890644editdlrm
design-10.css140290644editdlrm
Edit: /home/suroeste/public_html/wp-content/plugins/flipbox-builder/template/css/design/design-6.css (12895B)
@media (min-width: 992px) and (max-width:1024px) { .flip-col-sm-6 { -ms-flex: 0 0 50% ; flex: 0 0 50% ; max-width: 50% ; } } @media (min-width: 992px) and (max-width: 1024px) { .design-6-col { width: 100%; } } .fb-d6-ele-widget-stel-flip-box-minimal.fb-d6-stel-pack-flip-box-effect-flip .fb-d6-stel-pro-widget-flip-box-minimal-wrapper:hover .fb-d6-stel-pack-flip-box-back { -webkit-transform: none; -ms-transform: none; transform: none; } .fb-d6-ele { -webkit-hyphens: manual; -ms-hyphens: manual; hyphens: manual; } .fb-d6-ele-530 .fb-d6-ele-element.fb-d6-ele-element-fbc7b4e { transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; padding: 80px 0px 80px 0px; } .fb-d6-ele-section { position: relative; } .fb-d6-ele *, .fb-d6-ele :after, .fb-d6-ele :before { -webkit-box-sizing: border-box; box-sizing: border-box; } .fb-d6-ele-element { display: block; } .fb-d6-ele-section.fb-d6-ele-section-boxed > .fb-d6-ele-container { max-width: 1140px; } .fb-d6-ele-section .fb-d6-ele-container { display: -ms-flexbox; display: flex; margin-right: auto; margin-left: auto; position: relative; } .fb-d6-ele-row { width: 100%; display: -ms-flexbox; display: flex; } @media (min-width: 768px) { .fb-d6-ele-column.fb-d6-ele-col-33, .fb-d6-ele-column[data-col="33"] { width: 33.333%; } } .fb-d6-ele-column { position: relative; min-height: 1px; display: -ms-flexbox; display: flex; } .fb-d6-ele-column-gap-default > .fb-d6-ele-row > .fb-d6-ele-column > .fb-d6-ele-element-populated { padding: 10px; } .fb-d6-ele-column-wrap { width: 100%; position: relative; display: -ms-flexbox; display: flex; } .fb-d6-ele:not(.fb-d6-ele-bc-flex-widget) .fb-d6-ele-widget-wrap { display: -ms-flexbox; display: flex; } .fb-d6-ele-widget-wrap { position: relative; width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: start; align-content: flex-start; } .fb-d6-ele-element-edit-mode.fb-d6-stel-transition-disabled:not(.fb-d6-ele-element-edit-mode) *, .fb-d6-stel-transition-disabled:not(.fb-d6-ele-element-edit-mode) { -webkit-transition: none!important; -moz-transition: none!important; -ms-transition: none!important; -o-transition: none!important; } .fb-d6-ele-widget-wrap > .fb-d6-ele-element { width: 100%; } .fb-d6-ele-widget { position: relative; } .fb-d6-ele-element .fb-d6-ele-widget-container { -o-transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s, -webkit-border-radius 0.3s, -webkit-box-shadow 0.3s; } .fb-d6-ele-530 .fb-d6-ele-element.fb-d6-ele-element-4120c35 .fb-d6-stel-pro-widget-flip-box-minimal-wrapper { height: 320px; } .fb-d6-stel-pack-flip-box-effect-flip .fb-d6-stel-pro-widget-flip-box-minimal-wrapper { perspective: 1000px; transform-style: preserve-3d; } .fb-d6-stel-pro-widget-flip-box-minimal-wrapper { position: relative; } .fb-d6-stel-pack-flip-box-front .fb-d6-stel-pack-flip-box-layer-title { color:#ffffff; } .fb-d6-ele-530 .fb-d6-ele-element.fb-d6-ele-element-4120c35 .fb-d6-stel-pro-widget-flip-box-minimal-wrapper .fb-d6-stel-pack-flip-box-front { /* background-color: #ffffff; */ border-color: #932dc6; } .fb-d6-ele-widget-stel-flip-box-minimal.fb-d6-stel-pack-flip-box-effect-flip .fb-d6-stel-pack-flip-box-front { background-color:#932dc6; -ms-transform: none; transform: none; z-index: 1; } .fb-d6-ele-widget-stel-flip-box-minimal.fb-d6-stel-pack-flip-box-effect-flip .fb-d6-stel-pack-flip-box-layer { transform-style: preserve-3d; backface-visibility: hidden; } .fb-d6-stel-pro-widget-flip-box-minimal-wrapper .fb-d6-stel-pack-flip-box-layer { position: absolute; width: 100%; height: 100%; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } .fb-d6-ele-530 .fb-d6-ele-element.fb-d6-ele-element-4120c35 .fb-d6-stel-pro-widget-flip-box-minimal-wrapper .fb-d6-stel-pack-flip-box-front .fb-d6-stel-pack-flip-box-layer-overlay { text-align: center; } .fb-d6-ele-widget-stel-flip-box-minimal.fb-d6-stel-pack-flip-box-3d .fb-d6-stel-pack-flip-box-layer-overlay { transform-style: preserve-3d; transform: translateZ(0.1px); } .fb-d6-stel-pro-widget-flip-box-minimal-wrapper .fb-d6-stel-pack-flip-box-layer-overlay { display: -ms-flexbox; display: flex; width: 100%; height: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; padding: 35px; } .fb-d6-ele-widget-stel-flip-box-minimal.fb-d6-stel-pack-flip-box-3d .fb-d6-stel-pack-flip-box-layer-inner { transform: translateZ(90px) scale(0.91); } .fb-d6-ele-530 .fb-d6-ele-element.fb-d6-ele-element-4120c35 .fb-d6-stel-pro-widget-flip-box-minimal-wrapper .fb-d6-stel-pack-flip-box-front .fb-d6-stel-pack-flip-box-layer-overlay { text-align: center; } .fb-d6-stel-pro-widget-flip-box-minimal-wrapper .fb-d6-ele-icon-wrapper { margin-bottom: 20px; } .fb-d6-ele-530 .fb-d6-ele-element.fb-d6-ele-element-4120c35 .fb-d6-stel-pro-widget-flip-box-minimal-wrapper .fb-d6-stel-pack-flip-box-front .fb-d6-ele-view-stacked .fb-d6-ele-icon { background-color: #932dc6; } .fb-d6-ele-530 .fb-d6-ele-element.fb-d6-ele-element-4120c35 .fb-d6-stel-pro-widget-flip-box-minimal-wrapper .fb-d6-stel-pack-flip-box-front .fb-d6-ele-icon { font-size: 56px; } .fb-d6-stel-pro-widget-flip-box-minimal-wrapper .fb-d6-ele-icon, .fb-d6-stel-pro-widget-flip-box-minimal-wrapper .fb-d6-ele-view-framed .fb-d6-ele-icon, .fb-d6-stel-pro-widget-flip-box-minimal-wrapper .fb-d6-ele-view-stacked .fb-d6-ele-icon { color: #fff; } .fb-d6-ele-shape-circle .fb-d6-ele-icon { border-radius: 50%; } .fb-d6-ele-view-stacked .fb-d6-ele-icon { padding: 0.5em; fill: #fff; } .fb-d6-ele-icon { display: inline-block; line-height: 1; -o-transition: all 0.3s; transition: all 0.3s; text-align: center; } .fb-d6-ele-530 .fb-d6-ele-element.fb-d6-ele-element-4120c35 .fb-d6-stel-pro-widget-flip-box-minimal-wrapper .fb-d6-stel-pack-flip-box-front .fb-d6-ele-icon i { transform: rotate(0deg); } .fb-d6-ele-icon i, .fb-d6-ele-icon svg { width: 1em; height: 1em; position: relative; display: block; } .fb-d6-ele-icon.fa { font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fb-d6-ele-icon i:before, .fb-d6-ele-icon svg:before { position: absolute; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); } .fb-d6-ele-530 .fb-d6-ele-element.fb-d6-ele-element-4120c35 .fb-d6-stel-pro-widget-flip-box-minimal-wrapper .fb-d6-stel-pack-flip-box-front .fb-d6-stel-pack-flip-box-layer-title { /* color: #00c2ff; */ font-weight: 400; text-transform: uppercase; letter-spacing: 0.5px; } .fb-d6-stel-pro-widget-flip-box-minimal-wrapper .fb-d6-stel-pack-flip-box-layer-title { line-height: 1; } .fb-d6-stel-pro-widget-flip-box-minimal-wrapper .fb-d6-stel-pack-flip-box-layer-title { font-size: 21px; } .fb-d6-ele-530 .fb-d6-ele-element.fb-d6-ele-element-4120c35 .fb-d6-stel-pro-widget-flip-box-minimal-wrapper .fb-d6-stel-pack-flip-box-back { background-color: #932dc6; border-style: solid; border-width: 0px 0px 0px 0px; border-color: #932dc6; } .fb-d6-ele-widget-stel-flip-box-minimal.fb-d6-stel-pack-flip-box-effect-flip.fb-d6-stel-pack-flip-box-direction-bottom .fb-d6-stel-pack-flip-box-back { -webkit-transform: rotateX(180deg) rotateY(0); transform: rotateX(180deg) rotateY(0); } .fb-d6-stel-pack-flip-box-effect-flip.fb-d6-stel-pack-flip-box-direction-bottom .fb-d6-stel-pro-widget-flip-box-minimal-wrapper:hover .fb-d6-stel-pack-flip-box-front { -webkit-transform: rotateX(-180deg) rotateY(0); transform: rotateX(-180deg) rotateY(0); } .fb-d6-ele-widget-stel-flip-box-minimal.fb-d6-stel-pack-flip-box-effect-flip.fb-d6-stel-pack-flip-box-direction-left .fb-d6-stel-pack-flip-box-back { -webkit-transform: rotateX(0) rotateY(180deg); transform: rotateX(0) rotateY(180deg); } .fb-d6-stel-pack-flip-box-effect-flip.fb-d6-stel-pack-flip-box-direction-left .fb-d6-stel-pro-widget-flip-box-minimal-wrapper:hover .fb-d6-stel-pack-flip-box-front { -webkit-transform: rotateX(0) rotateY(-180deg); transform: rotateX(0) rotateY(-180deg); } .fb-d6-ele-widget-stel-flip-box-minimal.fb-d6-stel-pack-flip-box-effect-flip.fb-d6-stel-pack-flip-box-direction-up .fb-d6-stel-pack-flip-box-back { -webkit-transform: rotateX(-180deg) rotateY(0); transform: rotateX(-180deg) rotateY(0); } .fb-d6-stel-pack-flip-box-effect-flip.fb-d6-stel-pack-flip-box-direction-up .fb-d6-stel-pro-widget-flip-box-minimal-wrapper:hover .fb-d6-stel-pack-flip-box-front { -webkit-transform: rotateX(180deg) rotateY(0); transform: rotateX(180deg) rotateY(0); } .fb-d6-stel-pro-widget-flip-box-minimal-wrapper .fb-d6-stel-pack-flip-box-back { display: block; } .fb-d6-ele-530 .fb-d6-ele-element.fb-d6-ele-element-4120c35 .fb-d6-stel-pro-widget-flip-box-minimal-wrapper .fb-d6-stel-pack-flip-box-back .fb-d6-stel-pack-flip-box-layer-overlay { text-align: center; } .fb-d6-ele-530 .fb-d6-ele-element.fb-d6-ele-element-4120c35 .fb-d6-stel-pro-widget-flip-box-minimal-wrapper .fb-d6-stel-pack-flip-box-back .fb-d6-stel-pack-flip-box-layer-title { color: #ffffff; font-size: 24px; font-weight: 400; } .fb-d6-stel-pro-widget-flip-box-minimal-wrapper .fb-d6-stel-pack-flip-box-layer-description:not(:last-child), .fb-d6-stel-pro-widget-flip-box-minimal-wrapper .fb-d6-stel-pack-flip-box-layer-title:not(:last-child) { margin: 0 0 20px 0; padding: 0; } .fb-d6-ele-530 .fb-d6-ele-element.fb-d6-ele-element-4120c35 .fb-d6-stel-pro-widget-flip-box-minimal-wrapper .fb-d6-stel-pack-flip-box-back .fb-d6-stel-pack-flip-box-layer-description { color: #ffffff; } .fb-d6-stel-pro-widget-flip-box-minimal-wrapper .fb-d6-stel-pack-flip-box-layer-description:not(:last-child), .fb-d6-stel-pro-widget-flip-box-minimal-wrapper .fb-d6-stel-pack-flip-box-layer-title:not(:last-child) { margin: 0 0 20px 0; padding: 0; } .fb-d6-ele-530 .fb-d6-ele-element.fb-d6-ele-element-4120c35 .fb-d6-stel-pro-widget-flip-box-minimal-wrapper .fb-d6-stel-pack-flip-box-back .fb-d6-stel-pack-flip-box-button { margin-center: 0; padding: 15px 20px 15px 20px; font-size: 16px; font-weight: 400; color: #932dc6; background-color: #ffffff; border-radius: 10px 10px 10px 10px; } .fb-d6-stel-pro-widget-flip-box-minimal-wrapper .fb-d6-stel-pack-flip-box-button.fb-d6-ele-button { cursor: pointer; -ms-flex-item-align: center; align-self: center; margin-left: auto; margin-right: auto; border: none 2px #fff; background: 0 0; } .fb-d6-ele a { box-shadow: none; text-decoration: none; } .fb-d6-ele-button { display: inline-block; line-height: 1; fill: #fff; text-align: center; -o-transition: all 0.3s; transition: all 0.3s; } .fb-d6-stel-pro-widget-flip-box-minimal-wrapper .fb-d6-stel-pack-flip-box-button.fb-d6-ele-button:hover { background: 0 0; text-decoration: none; border: none; } .fb-d6-ele-animation-wobble-skew:active, .fb-d6-ele-animation-wobble-skew:focus, .fb-d6-ele-animation-wobble-skew:hover { animation-name: fb-d6-ele-animation-wobble-skew; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; } @keyframes fb-d6-ele-animation-wobble-skew { 16.65% { transform: skew(-12deg); } 33.3% { transform: skew(10deg); } 49.95% { transform: skew(-6deg); } 66.6% { transform: skew(4deg); } 83.25% { transform: skew(-2deg); } 100% { transform: skew(0); } } .fb-d6-stel-pack-flip-box-button { font-family: 'Open Sans',sans-serif !important; } .fb-d6-stel-pack-flip-box-front { border-style: none !important; border-color: none !important; } .fb-d6-ele-element { padding: 0px !important; } .fb-d6-ele-column.fb-d6-ele-col-33, .fb-d6-ele-column[data-col="33"] { width: 100% !important; } .fb-d6-ele-icon { text-align: center !important; } .design-6-col { padding-right: 0px; padding-left: 0px; } .fb-d6-stel-pack-flip-box-button { font-family: 'Open Sans',sans-serif !important; }