/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-10.css (14029B)
@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-10-col { width: 100%; } } .fb-d10-stel-pro-widget-flip-box-minimal-wrapper .fb-d10-fb-d10-stel-pack-flip-box-layer-overlay { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; text-align: center; padding: 35px; } .fb-d10 .fb-d10-element.fb-d10-element-49b78de { transition: background 0.3s ease 0s, border 0.3s ease 0s, border-radius 0.3s ease 0s, box-shadow 0.3s ease 0s; padding: 80px 0px; } .fb-d10-ele-section { position: relative; } .fb-d10-ele-parent *, .fb-d10-ele-parent :after, .fb-d10-ele-parent :before { -webkit-box-sizing: border-box; box-sizing: border-box; } .fb-d10-element { display: block; } .fb-d10-ele-parent { -webkit-hyphens: manual; -ms-hyphens: manual; hyphens: manual; } .fb-d10-ele-section.fb-d10-ele-section-boxed > .fb-d10-ele-parent-container { max-width: 1140px; } .fb-d10-ele-section .fb-d10-ele-parent-container { display: -ms-flexbox; display: flex; margin-right: auto; margin-left: auto; position: relative; } .fb-d10-ele-parent-row { width: 100%; display: -ms-flexbox; display: flex; } .fb-d10-ele-parent-column { position: relative; min-height: 1px; display: -ms-flexbox; display: flex; } .fb-d10-ele-parent-column-gap-default > .fb-d10-ele-parent-row > .fb-d10-ele-parent-column > .fb-d10-element-populated { padding: 10px; } .fb-d10-ele-parent-column-wrap { width: 100%; position: relative; display: -ms-flexbox; display: flex; } .fb-d10-ele-parent:not(.fb-d10-ele-parent-bc-flex-widget) .fb-d10-ele-parent-widget-wrap { display: -ms-flexbox; display: flex; } .fb-d10-ele-parent-widget-wrap { position: relative; width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: start; align-content: flex-start; } .fb-d10-element-edit-mode.stel-transition-disabled:not(.fb-d10-element-edit-mode) *, .stel-transition-disabled:not(.fb-d10-element-edit-mode) { -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; } .fb-d10-ele-parent-widget-wrap > .fb-d10-element { width: 100%; } .fb-d10-ele-parent-widget { position: relative; } .fb-d10-element .fb-d10-ele-parent-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-d10 .fb-d10-element.fb-d10-element-951fd28 .fb-d10-stel-pro-widget-flip-box-minimal-wrapper { height: 340px; } .fb-d10-stel-pack-flip-box-effect-flip .fb-d10-stel-pro-widget-flip-box-minimal-wrapper { perspective: 1000px; transform-style: preserve-3d; } .fb-d10-stel-pro-widget-flip-box-minimal-wrapper { position: relative; } .fb-d10 .fb-d10-element.fb-d10-element-951fd28 .fb-d10-stel-pro-widget-flip-box-minimal-wrapper .fb-d10-stel-pack-flip-box-layer, .fb-d10 .fb-d10-element.fb-d10-element-951fd28 .fb-d10-stel-pro-widget-flip-box-minimal-wrapper .fb-d10-fb-d10-stel-pack-flip-box-layer-overlay { border-radius: 0px; } .fb-d10 .fb-d10-element.fb-d10-element-951fd28 .fb-d10-stel-pro-widget-flip-box-minimal-wrapper .fb-d10-stel-pack-flip-box-front { background-color: rgb(255, 78, 140); } .fb-d10-ele-parent-widget-stel-flip-box-minimal.fb-d10-stel-pack-flip-box-effect-flip .fb-d10-stel-pack-flip-box-front { -ms-transform: none; transform: none; z-index: 1; } .fb-d10-ele-parent-widget-stel-flip-box-minimal.fb-d10-stel-pack-flip-box-effect-flip .fb-d10-stel-pack-flip-box-layer { transform-style: preserve-3d; backface-visibility: hidden; } .fb-d10-stel-pro-widget-flip-box-minimal-wrapper .fb-d10-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-d10 .fb-d10-element.fb-d10-element-951fd28 .fb-d10-stel-pro-widget-flip-box-minimal-wrapper .fb-d10-stel-pack-flip-box-front .fb-d10-fb-d10-stel-pack-flip-box-layer-overlay { text-align: center; } .fb-d10 .fb-d10-element.fb-d10-element-951fd28 .fb-d10-stel-pro-widget-flip-box-minimal-wrapper .fb-d10-stel-pack-flip-box-layer, .fb-d10 .fb-d10-element.fb-d10-element-951fd28 .fb-d10-stel-pro-widget-flip-box-minimal-wrapper .fb-d10-fb-d10-stel-pack-flip-box-layer-overlay { border-radius: 0px; } .fb-d10-ele-parent-widget-stel-flip-box-minimal.fb-d10-stel-pack-flip-box-3d .fb-d10-fb-d10-stel-pack-flip-box-layer-overlay { transform-style: preserve-3d; transform: translateZ(0.1px); } .fb-d10-stel-pro-widget-flip-box-minimal-wrapper .fb-d10-fb-d10-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-d10-ele-parent-widget-stel-flip-box-minimal.fb-d10-stel-pack-flip-box-3d .fb-d10-stel-pack-flip-box-layer-inner { transform: translateZ(90px) scale(0.91); } .fb-d10 .fb-d10-element.fb-d10-element-951fd28 .fb-d10-stel-pro-widget-flip-box-minimal-wrapper .fb-d10-stel-pack-flip-box-front .fb-d10-ele-parent-image-wrapper { margin-bottom: 40px; opacity: 1; } .fb-d10-stel-pro-widget-flip-box-minimal-wrapper .fb-d10-ele-parent-image-wrapper { margin: 0 0 20px 0; display: inline-block; text-align: center; } /* .fb-d10 .fb-d10-element.fb-d10-element-951fd28 .fb-d10-stel-pro-widget-flip-box-minimal-wrapper .fb-d10-stel-pack-flip-box-front .fb-d10-ele-parent-image-wrapper img { */ /* width: 100%; */ /* border-radius: 100%; */ /* } */ .fb-d10-ele-parent img { height: auto; max-width: 100%; border: none; box-shadow: none; } .fb-d10 .fb-d10-element.fb-d10-element-951fd28 .fb-d10-stel-pro-widget-flip-box-minimal-wrapper .fb-d10-stel-pack-flip-box-front .fb-d10-stel-pack-flip-box-layer-title { margin-bottom: 10px; color: #ffffff; font-size: 18px; font-weight: 400; letter-spacing: 0.5px; } .fb-d10-stel-pro-widget-flip-box-minimal-wrapper .fb-d10-stel-pack-flip-box-layer-description:not(:last-child), .fb-d10-stel-pro-widget-flip-box-minimal-wrapper .fb-d10-stel-pack-flip-box-layer-title:not(:last-child) { margin: 0 0 20px 0; padding: 0; } .fb-d10-stel-pro-widget-flip-box-minimal-wrapper .fb-d10-stel-pack-flip-box-layer-title { line-height: 1; } .fb-d10 .fb-d10-element.fb-d10-element-951fd28 .fb-d10-stel-pro-widget-flip-box-minimal-wrapper .fb-d10-stel-pack-flip-box-front .fb-d10-stel-pack-flip-box-layer-description { color: rgb(255, 78, 140); } .fb-d10 .fb-d10-element.fb-d10-element-951fd28 .fb-d10-stel-pro-widget-flip-box-minimal-wrapper .fb-d10-stel-pack-flip-box-layer, .fb-d10 .fb-d10-element.fb-d10-element-951fd28 .fb-d10-stel-pro-widget-flip-box-minimal-wrapper .fb-d10-fb-d10-stel-pack-flip-box-layer-overlay { border-radius: 0px; } .fb-d10 .fb-d10-element.fb-d10-element-951fd28 .fb-d10-stel-pro-widget-flip-box-minimal-wrapper .fb-d10-stel-pack-flip-box-back { background-color: rgb(255, 78, 140); } .fb-d10-ele-parent-widget-stel-flip-box-minimal.fb-d10-stel-pack-flip-box-effect-flip.fb-d10-stel-pack-flip-box-direction-left .fb-d10-stel-pack-flip-box-back { -webkit-transform: rotateX(0) rotateY(180deg); transform: rotateX(0) rotateY(180deg); } .fb-d10-stel-pack-flip-box-effect-flip.fb-d10-stel-pack-flip-box-direction-left .fb-d10-stel-pro-widget-flip-box-minimal-wrapper:hover .fb-d10-stel-pack-flip-box-front { -webkit-transform: rotateX(0) rotateY(-180deg); transform: rotateX(0) rotateY(-180deg); } .fb-d10-ele-parent-widget-stel-flip-box-minimal.fb-d10-stel-pack-flip-box-effect-flip.fb-d10-stel-pack-flip-box-direction-down .fb-d10-stel-pack-flip-box-back { -webkit-transform: rotateX(180deg) rotateY(0); transform: rotateX(180deg) rotateY(0); } .fb-d10-stel-pack-flip-box-effect-flip.fb-d10-stel-pack-flip-box-direction-down .fb-d10-stel-pro-widget-flip-box-minimal-wrapper:hover .fb-d10-stel-pack-flip-box-front { -webkit-transform: rotateX(-180deg) rotateY(0); transform: rotateX(-180deg) rotateY(0); } .fb-d10-ele-parent-widget-stel-flip-box-minimal.fb-d10-stel-pack-flip-box-effect-flip.fb-d10-stel-pack-flip-box-direction-up .fb-d10-stel-pack-flip-box-back { -webkit-transform: rotateX(-180deg) rotateY(0); transform: rotateX(-180deg) rotateY(0); } .fb-d10-stel-pack-flip-box-effect-flip.fb-d10-stel-pack-flip-box-direction-up .fb-d10-stel-pro-widget-flip-box-minimal-wrapper:hover .fb-d10-stel-pack-flip-box-front { -webkit-transform: rotateX(180deg) rotateY(0); transform: rotateX(180deg) rotateY(0); } .fb-d10-ele-parent-widget-stel-flip-box-minimal.fb-d10-stel-pack-flip-box-effect-flip .fb-d10-stel-pack-flip-box-layer { transform-style: preserve-3d; backface-visibility: hidden; } .fb-d10-stel-pro-widget-flip-box-minimal-wrapper .fb-d10-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-d10-stel-pro-widget-flip-box-minimal-wrapper .fb-d10-stel-pack-flip-box-back { display: block; } .fb-d10 .fb-d10-element.fb-d10-element-951fd28 .fb-d10-stel-pro-widget-flip-box-minimal-wrapper .fb-d10-stel-pack-flip-box-back .fb-d10-stel-pack-flip-box-layer-title { font-size: 18px; font-weight: 400; letter-spacing: 0.5px; } .fb-d10-stel-pro-widget-flip-box-minimal-wrapper .fb-d10-stel-pack-flip-box-layer-description:not(:last-child), .fb-d10-stel-pro-widget-flip-box-minimal-wrapper .fb-d10-stel-pack-flip-box-layer-title:not(:last-child) { margin: 0 0 20px 0; padding: 0; } .fb-d10-stel-pro-widget-flip-box-minimal-wrapper .fb-d10-stel-pack-flip-box-layer-title { line-height: 1; } .fb-d10-stel-pro-widget-flip-box-minimal-wrapper .fb-d10-stel-pack-flip-box-layer-description, .fb-d10-stel-pro-widget-flip-box-minimal-wrapper .fb-d10-stel-pack-flip-box-layer-title { color: #fff; } .fb-d10 .fb-d10-element.fb-d10-element-951fd28 .fb-d10-stel-pro-widget-flip-box-minimal-wrapper .fb-d10-stel-pack-flip-box-back .fb-d10-stel-pack-flip-box-button { padding: 14px 20px 13px; font-size: 14px; font-weight: 400; letter-spacing: 0.5px; color: rgb(255, 78, 140); background-color: rgb(255, 255, 255); border-style: solid; border-width: 2px; border-radius: 10px; } .fb-d10-stel-pro-widget-flip-box-minimal-wrapper .fb-d10-stel-pack-flip-box-button.fb-d10-ele-parent-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-d10-ele-parent a { box-shadow: none; text-decoration: none; } .fb-d10-ele-parent-button { display: inline-block; line-height: 1; fill: #fff; text-align: center; -o-transition: all 0.3s; transition: all 0.3s; } .fb-d10 .fb-d10-element.fb-d10-element-951fd28 .fb-d10-stel-pro-widget-flip-box-minimal-wrapper .fb-d10-stel-pack-flip-box-back .fb-d10-stel-pack-flip-box-button:hover { color: rgb(255, 255, 255); background-color: rgba(0, 0, 0, 0); border-style: solid; border-width: 2px; } .fb-d10-stel-pro-widget-flip-box-minimal-wrapper .fb-d10-stel-pack-flip-box-back { background-color: #0c94d3; display: block; } .fb-d10-ele-parent-widget-stel-flip-box-minimal.fb-d10-stel-pack-flip-box-effect-flip .fb-d10-stel-pro-widget-flip-box-minimal-wrapper:hover .fb-d10-stel-pack-flip-box-back { -webkit-transform: none; -ms-transform: none; transform: none; } @media (min-width: 768px) { .fb-d10-ele-parent-column.fb-d10-ele-parent-col-25, .fb-d10-ele-parent-column[data-col="25"] { width: 100%; } } .design-10-col { padding-right: 0px; padding-left: 0px; } .fb-d10-element { padding: 0px !important; } .fb-d10-element { padding: 0px !important; } .fb-d10-ele-parent-column.fb-d10-ele-parent-col-25, .fb-d10-ele-parent-column[data-col="25"] { width: 100%; } /* On screens that are 992px wide or less, go from four columns to two columns */ @media screen and (max-width: 992px) { .fb-d10-ele-parent-image-wrapper img { width: 76% ; height: 30% ; border-radius: 50% ; } } /* On screens that are 600px wide or less, make the columns stack on top of each other instead of next to each other */ @media screen and (max-width: 600px) { .fb-d10-ele-parent-image-wrapper img { width: 70% ; border-radius: 70% ; } } @media (min-width: 993px) and (max-width: 1024px) { .fb-d10-ele-parent-image-wrapper img { width: 62% ; border-radius: 100% ; } } @media (min-width: 1025px) and (max-width: 1440px) { .fb-d10-ele-parent-image-wrapper img { width: 100% ; border-radius: 100% ; } } @media (min-width: 1441px) and (max-width: 2560px) { .fb-d10-ele-parent-image-wrapper img { width: 62% ; border-radius: 100% ; } }