Sid Gifari File Manager
🏠 Root
/
home2
/
iuywvcmy
/
public_html
/
wp-content
/
plugins
/
beaver-builder-lite-version
/
css
/
Editing: fl-lightbox.css
@keyframes fl-lightbox-zoom { from { transform: scale(.4); } to { transform: scale(1); } } .fl-lightbox-wrap { --lightbox-radius: 10px; --panel-header-size: 36px; /* also used in content panel */ bottom: 0; display: none; left: 0; overflow: auto; padding: 0; position: fixed; right: 0; top: var(--fl-builder-top-bar-height); z-index: 100010; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); pointer-events: none; } .fl-lightbox-mask { background: #000; bottom: 0; left: 0; opacity: 0.7; position: fixed; right: 0; top: 0; z-index: 100010; pointer-events: auto; } .fl-lightbox { background: var(--fl-builder-panel-bg-color); border-radius: var(--lightbox-radius); position: relative; display: flex; z-index: 100011; transform-origin: center; animation-name: fl-lightbox-zoom; animation-duration: .25s; pointer-events: auto; } .fl-form-field-settings .fl-lightbox, .fl-lightbox.fl-lightbox-prevent-animation { animation-duration: 0s; -moz-animation-duration: 0s; -webkit-animation-duration: 0s; -o-animation-duration: 0s; } .fl-lightbox *:not( i, svg, use, path, rect, circle, ellipse, g, line, .fl-control, .dashicons, .ace-tm [class^=ace_] ) { color: #333; font-family: var(--fl-builder-font-family); font-size: 12px; line-height: 14px; text-decoration: none; text-transform: none; } .fl-lightbox *, .fl-lightbox *:before, .fl-lightbox *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .fl-lightbox .fl-nanoscroller-pane, #fl-ui-root .fl-nanoscroller-pane, .fl-builder--content-library-panel .fl-nanoscroller-pane { bottom: 2px; right: 2px; width: 6px; } .fl-nanoscroller > .fl-nanoscroller-pane > .fl-nanoscroller-slider { background-color: #bac0ca; transition-property: height, background-color; transition-duration: .25s; } .fl-nanoscroller > .fl-nanoscroller-pane > .fl-nanoscroller-slider:hover { background-color: #c8cdd4; } .fl-nanoscroller > .fl-nanoscroller-pane.active > .fl-nanoscroller-slider { background-color: #bac0ca; } .fl-lightbox .dashicons { font-family: dashicons; } .fl-lightbox.ui-draggable { box-shadow: 0 0 0 2.5px hsla( var(--fl-builder-ui-hue), 26%, 88%, .4 ), rgba(0, 0, 0, 0.2) 0 7px 30px; } /* Resizable */ .fl-builder-resizable-is-resizing .fl-lightbox-wrap, .fl-builder-draggable-is-dragging .fl-lightbox-wrap { pointer-events: auto; } .fl-lightbox-resizable { height: 500px; width: var(--fl-builder-panel-width); } @media ( max-width: 500px ) { .fl-lightbox-resizable { left: 0 !important; right: 0 !important; top: 0 !important; height: 100% !important; width: 100% !important; } .fl-lightbox-resizable .ui-resizable-handle { display: none !important; } .fl-lightbox.ui-draggable .fl-lightbox-header { cursor: default !important; } .fl-lightbox-controls { display: none; } } /* Resizable - Full Style */ .fl-lightbox-width-full { left: 0 !important; right: 0 !important; top: 0 !important; height: 100% !important; width: 100% !important; } .fl-lightbox-width-full .fl-lightbox-header { cursor: inherit !important; } /* Lightbox Controls */ .fl-lightbox-controls { z-index: 5; } .fl-lightbox-controls .fa { color: #bdbdbd; font-size: 14px; padding: 5px; } .fl-lightbox-controls .fa:hover { color: #aaaaaa; cursor: pointer; } /* Header */ .fl-lightbox-header-wrap { border-top-left-radius: var(--lightbox-radius); border-top-right-radius: var(--lightbox-radius); } .fl-builder-settings-lightbox .fl-lightbox-header h1:before{ content: none !important; } .fl-lightbox-header { position: relative; display: flex; flex-direction: row; align-items: center; gap: 10px; min-height: var(--panel-header-size); padding: 0 12px 0 20px; border-top-left-radius: var(--lightbox-radius); border-top-right-radius: var(--lightbox-radius); } .fl-lightbox-header h1 { flex: 1 1 auto; color: #333 !important; font-size: 16px !important; font-family: var(--fl-builder-font-family); font-weight: 400 !important; margin: 0 !important; text-align: left !important; display: flex; flex-direction: row; align-items: center; line-height: 1; letter-spacing: 0; } .fl-lightbox.ui-draggable .fl-lightbox-header { cursor: move; } .fl-lightbox-header h1 .fl-builder-badge { margin-left: 10px; color:white; background-color: #F7A408; } /* Content */ .fl-lightbox-content-wrap, .fl-lightbox-content { display: flex; flex-direction: column; flex: 1 100%; max-width: 100%; } /* Footer */ .fl-lightbox-footer { box-sizing: border-box; display: flex; flex-direction: row; justify-content: flex-end; flex: 0 0 auto; padding: 5px; gap: 5px; text-align: right; background-color: var(--fl-builder-panel-bg-color); border-top: 1px solid var(--fl-builder-outline-color); border-bottom-left-radius: var(--lightbox-radius); border-bottom-right-radius: var(--lightbox-radius); } .fl-lightbox-footer .fl-builder-button { flex: 0 0 auto; justify-content: center; background-color: transparent; } .fl-lightbox-footer .fl-builder-button.fl-builder-button-primary { background-color: var(--fl-builder-accent-color); } .fl-lightbox-footer .fl-builder-button.fl-builder-button-primary:hover { background-color: #0197C6; } .fl-lightbox-footer .fl-builder-button.fl-builder-button-primary:active { background-color: #0484AC; } .fl-lightbox-width-slim .fl-lightbox-footer { justify-content: stretch; } .fl-lightbox-width-slim .fl-lightbox-footer .fl-builder-button { flex: 1 1 100%; display: block; overflow: hidden; text-align: center; text-overflow: ellipsis; } /* Tables */ .fl-lightbox table, .fl-lightbox tr, .fl-lightbox th, .fl-lightbox td { border: none; }
Save
Cancel
