File size: 4,144 Bytes
4aaaa07 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 |
body {
scrollbar-color: rgba(var(--bs-body-color-rgb), 0.1) #fff;
scrollbar-width: thin; }
body::-webkit-scrollbar {
width: 0.5rem;
background-color: rgba(var(--bs-body-bg-rgb), 0.1);
-webkit-box-shadow: none; }
body::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 1px rgba(var(--bs-body-color-rgb), 0.05); }
body::-webkit-scrollbar-thumb {
background-color: rgba(var(--bs-body-color-rgb), 0.15);
outline: 1px solid slategrey; }
[data-vvveb-disabled] {
pointer-events: none;
position: relative; }
[data-vvveb-disabled]::after {
content: "Non-editable area";
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
padding-top: 5px;
font-weight: 600;
font-size: 12px;
text-align: center;
background: rgba(252, 252, 252, 0.85);
border: 1px dashed #999;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center; }
[data-vvveb-disabled-area] *:not([data-vvveb-edit-exception]) {
pointer-events: none;
position: relative; }
[data-vvveb-disabled-area] *:not([data-vvveb-edit-exception])::after {
content: "Non-editable area";
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
padding-top: 5px;
font-weight: 600;
font-size: 12px;
text-align: center;
background: rgba(252, 252, 252, 0.85);
border: 1px dashed #999;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center; }
/*
Prevents iframe mouse events that prevents clicking on the component
*/
[data-component-lottie] > svg,
[data-component-oembed] iframe,
[data-component-oembed] > div,
[data-component-video] > iframe,
[data-component-maps] > iframe,
[data-component-twitter] > iframe,
[data-component-iframe] > iframe,
[data-component-openstreetmap] > iframe {
pointer-events: none; }
[contenteditable="true"] {
outline: none; }
[contenteditable="true"]:focus-visible {
outline: none; }
.is-dragged {
pointer-events: none;
opacity: 0.15;
position: relative;
/*
&:after {
position: absolute;
width: 100%;
height: 100%;
left: 0;
background: rgba(255,255,0,0.1);
content: " ";
top: 0;
}*/ }
.vvveb-hidden {
display: none !important; }
section .container div > .row > [class*="col-"]:empty,
section .container div > .row > .col:empty,
section .container > .row > [class*="col-"]:empty,
section .container > .row > .col:empty, section .container-fluid div > .row > [class*="col-"]:empty,
section .container-fluid div > .row > .col:empty,
section .container-fluid > .row > [class*="col-"]:empty,
section .container-fluid > .row > .col:empty {
background: var(--bs-tertiary-bg);
min-height: 200px;
outline: 1px solid var(--bs-border-color);
outline-offset: -0.5rem;
margin: 0.5rem;
display: flex; }
section .container div > .row > [class*="col-"]:empty:after,
section .container div > .row > .col:empty:after,
section .container > .row > [class*="col-"]:empty:after,
section .container > .row > .col:empty:after, section .container-fluid div > .row > [class*="col-"]:empty:after,
section .container-fluid div > .row > .col:empty:after,
section .container-fluid > .row > [class*="col-"]:empty:after,
section .container-fluid > .row > .col:empty:after {
content: 'Drag elements here';
font-size: 85%;
color: var(--bs-secondary);
display: block;
vertical-align: middle;
display: flex;
align-self: center;
margin: auto; }
section:hover .container div > .row > [class*="col-"],
section:hover .container div > .row > .col, section:hover .container > .row > [class*="col-"],
section:hover .container > .row > .col, section:hover .container-fluid div > .row > [class*="col-"],
section:hover .container-fluid div > .row > .col, section:hover .container-fluid > .row > [class*="col-"],
section:hover .container-fluid > .row > .col {
outline: 1px dashed rgba(var(--bs-success-rgb), 0.35);
outline-offset: -2px; }
.row:hover > [class*="col-"],
.row:hover > .col {
outline: 1px dashed rgba(var(--bs-success-rgb), 0.35);
outline-offset: -2px; }
|