PluginProbe
aBlocks – Gutenberg Blocks, User Dashboard Builder, Popup Builder, Form Builder & Animation Builder / 2.9.0
aBlocks – Gutenberg Blocks, User Dashboard Builder, Popup Builder, Form Builder & Animation Builder v2.9.0
2.13.0 2.13.1 2.12.0 2.11.1 2.11.0 2.10.0 2.9.0 2.7.4 2.7.5 2.7.6 2.7.7 2.8.0 2.8.1 2.9.1 trunk 1.0 1.0-beta1 1.0-beta2 1.0-beta3 1.0.1 1.0.2 1.0.3 1.1.0 1.1.1 1.1.2 All 80 releases
ablocks / assets / build / blocks / modal / style.css

style.css in aBlocks – Gutenberg Blocks, User Dashboard Builder, Popup Builder, Form Builder & Animation Builder 2.9.0, at assets/build/blocks/modal/style.css

47 lines 5.2 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 .ablocks-modal-trigger-wrap .ablocks-modal-button{background-color:#1759d2;border:1px solid #1759d2;border-radius:5px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;padding:5px 15px;transition:.5s}.ablocks-modal-trigger-wrap .ablocks-modal-button:hover{background-color:#06307e;border-color:#06307e}.ablocks-block-modal---panel-wrap{background:rgba(0,0,0,.7);bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .5s,visibility .3s;visibility:hidden;z-index:99999}.ablocks-block--modal.ablocks-block-modal-position--left
2 .ablocks-block-modal---panel-wrap
3 .ablocks-modal-popup-content-wrap,.ablocks-block--modal.ablocks-block-modal-position--right
4 .ablocks-block-modal---panel-wrap
5 .ablocks-modal-popup-content-wrap,.ablocks-block--modal.ablocks-block-modal-position--top
6 .ablocks-block-modal---panel-wrap
7 .ablocks-modal-popup-content-wrap{min-height:100%;top:0;transform:none;width:400px}.ablocks-block--modal.ablocks-block-modal-position--left
8 .ablocks-block-modal---panel-wrap
9 .ablocks-modal-popup-content-wrap{left:-100%}.ablocks-block--modal.ablocks-block-modal-panel-visibility--open.ablocks-block-modal-position--left
10 .ablocks-block-modal---panel-wrap
11 .ablocks-modal-popup-content-wrap{left:0}.ablocks-block--modal.ablocks-block-modal-position--right
12 .ablocks-block-modal---panel-wrap
13 .ablocks-modal-popup-content-wrap{right:-100%}.ablocks-block--modal.ablocks-block-modal-panel-visibility--open.ablocks-block-modal-position--right
14 .ablocks-block-modal---panel-wrap
15 .ablocks-modal-popup-content-wrap{right:0}.ablocks-block--modal.ablocks-block-modal-position--right
16 .ablocks-block-modal---panel-wrap
17 .ablocks-modal-popup-content-wrap,.ablocks-block--modal.ablocks-block-modal-position--top
18 .ablocks-block-modal---panel-wrap
19 .ablocks-modal-popup-content-wrap{left:unset}.ablocks-block--modal.ablocks-block-modal-position--right
20 .ablocks-block-modal---panel-wrap
21 .ablocks-modal-popup-close,.ablocks-block--modal.ablocks-block-modal-position--top
22 .ablocks-block-modal---panel-wrap
23 .ablocks-modal-popup-close{left:-5px;transform:translateX(-100%)}.ablocks-block--modal.ablocks-block-modal-position--top
24 .ablocks-block-modal---panel-wrap
25 .ablocks-modal-popup-content-wrap{right:0;top:-100%}.ablocks-block--modal.ablocks-block-modal-panel-visibility--open.ablocks-block-modal-position--top
26 .ablocks-block-modal---panel-wrap
27 .ablocks-modal-popup-content-wrap{top:0}.ablocks-block--modal.ablocks-block-modal-position--block
28 .ablocks-block-modal---panel-wrap{position:absolute;top:100%;width:600px;z-index:999999}.ablocks-block--modal.ablocks-block-modal-position--block
29 .ablocks-block-modal---panel-wrap
30 .ablocks-modal-popup-content-wrap{display:none;left:0;transform:none}.ablocks-block--modal.ablocks-block-modal-panel-visibility--open.ablocks-block-modal-position--block
31 .ablocks-block-modal---panel-wrap
32 .ablocks-modal-popup-content-wrap{display:block}.ablocks-block--modal.ablocks-block-modal-position--block
33 .ablocks-block-modal---panel-wrap
34 .ablocks-modal-popup-close{left:calc(100% + 5px);transform:none}.ablocks-block--modal.ablocks-block-modal-panel-direction--right.ablocks-block-modal-position--block
35 .ablocks-block-modal---panel-wrap
36 .ablocks-modal-popup-close{left:unset;right:calc(100% + 5px)}.ablocks-block--modal.ablocks-block-modal-panel-direction--left.ablocks-block-modal-position--block
37 .ablocks-block-modal---panel-wrap{left:unset;right:100%}.ablocks-block--modal.ablocks-block-modal-panel-direction--right.ablocks-block-modal-position--block
38 .ablocks-block-modal---panel-wrap{left:100%}.ablocks-block--modal.ablocks-block-modal-panel-direction--top.ablocks-block-modal-position--block
39 .ablocks-block-modal---panel-wrap,.ablocks-block--modal.ablocks-block-modal-panel-direction--top.ablocks-block-modal-position--block
40 .ablocks-block-modal---panel-wrap
41 .ablocks-modal-popup-content-wrap{bottom:100%;top:unset}.ablocks-block--modal.ablocks-block-modal-panel-direction--bottom.ablocks-block-modal-position--block
42 .ablocks-block-modal---panel-wrap
43 .ablocks-modal-popup-content-wrap{bottom:unset;top:100%}.ablocks-block--modal.ablocks-block-modal-position--popup.ablocks-block-modal-panel-popup-on-top
44 .ablocks-block-modal---panel-wrap
45 .ablocks-modal-popup-content-wrap{top:0;transform:translate(-50%)}.ablocks-modal-trigger-wrap{cursor:pointer}.ablocks-block--modal.ablocks-block-modal-panel-visibility--open
46 .ablocks-block-modal---panel-wrap{opacity:1!important;visibility:visible!important}.ablocks-block-modal---panel-wrap .ablocks-modal-popup-content-wrap{background-color:#fff;border:1px solid #ddd;box-sizing:border-box;display:flex;left:50%;max-width:92vw;min-height:400px;padding:40px 20px 20px;position:absolute;top:50%;transform:translate(-50%,-50%);transition:1s;width:600px}.ablocks-block-modal---panel-wrap .ablocks-modal-popup--content{overflow:hidden;width:100%}.ablocks-block-modal---panel-wrap .ablocks-modal-popup-close{align-items:center;background-color:#fff;border:1px solid #eee;border-radius:50%;cursor:pointer;display:flex;height:25px;justify-content:center;position:absolute;right:12px;top:12px;width:25px}.ablocks-block-modal---panel-wrap .ablocks-modal-popup-close svg{fill:#aaa;height:12px;width:12px}.ablocks-block--modal.ablocks-block-modal-position--block
47 .ablocks-block--modal-panel{position:static}