38faf62c by Jeff Balicki

cookie

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent 7185b7c0
Showing 62 changed files with 2196 additions and 0 deletions
This diff could not be displayed because it is too large.
1 /* -------------------------------------------------------------------
2 Microtip
3
4 Modern, lightweight css-only tooltips
5 Just 1kb minified and gzipped
6
7 @author Ghosh
8 @package Microtip
9
10 ----------------------------------------------------------------------
11 1. Base Styles
12 2. Direction Modifiers
13 3. Position Modifiers
14 --------------------------------------------------------------------*/
15
16
17 /* ------------------------------------------------
18 [1] Base Styles
19 -------------------------------------------------*/
20
21 [aria-label][role~="tooltip"] {
22 position: relative;
23 }
24
25 [aria-label][role~="tooltip"]::before,
26 [aria-label][role~="tooltip"]::after {
27 transform: translate3d(0, 0, 0);
28 -webkit-backface-visibility: hidden;
29 backface-visibility: hidden;
30 will-change: transform;
31 opacity: 0;
32 pointer-events: none;
33 transition: all var(--microtip-transition-duration, .18s) var(--microtip-transition-easing, ease-in-out) var(--microtip-transition-delay, 0s);
34 position: absolute;
35 box-sizing: border-box;
36 z-index: 10;
37 transform-origin: top;
38 }
39
40 [aria-label][role~="tooltip"]::before {
41 background-size: 100% auto !important;
42 content: "";
43 }
44
45 [aria-label][role~="tooltip"]::after {
46 background: rgba(17, 17, 17, .9);
47 border-radius: 4px;
48 color: #ffffff;
49 content: attr(aria-label);
50 font-size: var(--microtip-font-size, 13px);
51 font-weight: var(--microtip-font-weight, normal);
52 text-transform: var(--microtip-text-transform, none);
53 padding: .5em 1em;
54 white-space: nowrap;
55 box-sizing: content-box;
56 }
57
58 [aria-label][role~="tooltip"]:hover::before,
59 [aria-label][role~="tooltip"]:hover::after,
60 [aria-label][role~="tooltip"]:focus::before,
61 [aria-label][role~="tooltip"]:focus::after {
62 opacity: 1;
63 pointer-events: auto;
64 }
65
66
67
68 /* ------------------------------------------------
69 [2] Position Modifiers
70 -------------------------------------------------*/
71
72 [role~="tooltip"][data-microtip-position|="top"]::before {
73 background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%280%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
74 height: 6px;
75 width: 18px;
76 margin-bottom: 5px;
77 }
78
79 [role~="tooltip"][data-microtip-position|="top"]::after {
80 margin-bottom: 11px;
81 }
82
83 [role~="tooltip"][data-microtip-position|="top"]::before {
84 transform: translate3d(-50%, 0, 0);
85 bottom: 100%;
86 left: 50%;
87 }
88
89 [role~="tooltip"][data-microtip-position|="top"]:hover::before {
90 transform: translate3d(-50%, -5px, 0);
91 }
92
93 [role~="tooltip"][data-microtip-position|="top"]::after {
94 transform: translate3d(-50%, 0, 0);
95 bottom: 100%;
96 left: 50%;
97 }
98
99 [role~="tooltip"][data-microtip-position="top"]:hover::after {
100 transform: translate3d(-50%, -5px, 0);
101 }
102
103 /* ------------------------------------------------
104 [2.1] Top Left
105 -------------------------------------------------*/
106 [role~="tooltip"][data-microtip-position="top-left"]::after {
107 transform: translate3d(calc(-100% + 16px), 0, 0);
108 bottom: 100%;
109 }
110
111 [role~="tooltip"][data-microtip-position="top-left"]:hover::after {
112 transform: translate3d(calc(-100% + 16px), -5px, 0);
113 }
114
115
116 /* ------------------------------------------------
117 [2.2] Top Right
118 -------------------------------------------------*/
119 [role~="tooltip"][data-microtip-position="top-right"]::after {
120 transform: translate3d(calc(0% + -16px), 0, 0);
121 bottom: 100%;
122 }
123
124 [role~="tooltip"][data-microtip-position="top-right"]:hover::after {
125 transform: translate3d(calc(0% + -16px), -5px, 0);
126 }
127
128
129 /* ------------------------------------------------
130 [2.3] Bottom
131 -------------------------------------------------*/
132 [role~="tooltip"][data-microtip-position|="bottom"]::before {
133 background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28180%2018%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
134 height: 6px;
135 width: 18px;
136 margin-top: 5px;
137 margin-bottom: 0;
138 }
139
140 [role~="tooltip"][data-microtip-position|="bottom"]::after {
141 margin-top: 11px;
142 }
143
144 [role~="tooltip"][data-microtip-position|="bottom"]::before {
145 transform: translate3d(-50%, -10px, 0);
146 bottom: auto;
147 left: 50%;
148 top: 100%;
149 }
150
151 [role~="tooltip"][data-microtip-position|="bottom"]:hover::before {
152 transform: translate3d(-50%, 0, 0);
153 }
154
155 [role~="tooltip"][data-microtip-position|="bottom"]::after {
156 transform: translate3d(-50%, -10px, 0);
157 top: 100%;
158 left: 50%;
159 }
160
161 [role~="tooltip"][data-microtip-position="bottom"]:hover::after {
162 transform: translate3d(-50%, 0, 0);
163 }
164
165
166 /* ------------------------------------------------
167 [2.4] Bottom Left
168 -------------------------------------------------*/
169 [role~="tooltip"][data-microtip-position="bottom-left"]::after {
170 transform: translate3d(calc(-100% + 16px), -10px, 0);
171 top: 100%;
172 }
173
174 [role~="tooltip"][data-microtip-position="bottom-left"]:hover::after {
175 transform: translate3d(calc(-100% + 16px), 0, 0);
176 }
177
178
179 /* ------------------------------------------------
180 [2.5] Bottom Right
181 -------------------------------------------------*/
182 [role~="tooltip"][data-microtip-position="bottom-right"]::after {
183 transform: translate3d(calc(0% + -16px), -10px, 0);
184 top: 100%;
185 }
186
187 [role~="tooltip"][data-microtip-position="bottom-right"]:hover::after {
188 transform: translate3d(calc(0% + -16px), 0, 0);
189 }
190
191
192 /* ------------------------------------------------
193 [2.6] Left
194 -------------------------------------------------*/
195 [role~="tooltip"][data-microtip-position="left"]::before,
196 [role~="tooltip"][data-microtip-position="left"]::after {
197 bottom: auto;
198 left: auto;
199 right: 100%;
200 top: 50%;
201 transform: translate3d(10px, -50%, 0);
202 }
203
204 [role~="tooltip"][data-microtip-position="left"]::before {
205 background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28-90%2018%2018%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
206 height: 18px;
207 width: 6px;
208 margin-right: 5px;
209 margin-bottom: 0;
210 }
211
212 [role~="tooltip"][data-microtip-position="left"]::after {
213 margin-right: 11px;
214 }
215
216 [role~="tooltip"][data-microtip-position="left"]:hover::before,
217 [role~="tooltip"][data-microtip-position="left"]:hover::after {
218 transform: translate3d(0, -50%, 0);
219 }
220
221
222 /* ------------------------------------------------
223 [2.7] Right
224 -------------------------------------------------*/
225 [role~="tooltip"][data-microtip-position="right"]::before,
226 [role~="tooltip"][data-microtip-position="right"]::after {
227 bottom: auto;
228 left: 100%;
229 top: 50%;
230 transform: translate3d(-10px, -50%, 0);
231 }
232
233 [role~="tooltip"][data-microtip-position="right"]::before {
234 background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%2890%206%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
235 height: 18px;
236 width: 6px;
237 margin-bottom: 0;
238 margin-left: 5px;
239 }
240
241 [role~="tooltip"][data-microtip-position="right"]::after {
242 margin-left: 11px;
243 }
244
245 [role~="tooltip"][data-microtip-position="right"]:hover::before,
246 [role~="tooltip"][data-microtip-position="right"]:hover::after {
247 transform: translate3d(0, -50%, 0);
248 }
249
250 /* ------------------------------------------------
251 [3] Size
252 -------------------------------------------------*/
253 [role~="tooltip"][data-microtip-size="small"]::after {
254 white-space: initial;
255 width: 80px;
256 }
257
258 [role~="tooltip"][data-microtip-size="medium"]::after {
259 white-space: initial;
260 width: 150px;
261 }
262
263 [role~="tooltip"][data-microtip-size="large"]::after {
264 white-space: initial;
265 width: 260px;
266 }
1 /* -------------------------------------------------------------------
2 Microtip
3
4 Modern, lightweight css-only tooltips
5 Just 1kb minified and gzipped
6
7 @author Ghosh
8 @package Microtip
9
10 ----------------------------------------------------------------------
11 1. Base Styles
12 2. Direction Modifiers
13 3. Position Modifiers
14 --------------------------------------------------------------------*/
15 [aria-label][role~="tooltip"]{position:relative}[aria-label][role~="tooltip"]::before,[aria-label][role~="tooltip"]::after{transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform;opacity:0;pointer-events:none;transition:all var(--microtip-transition-duration,.18s) var(--microtip-transition-easing,ease-in-out) var(--microtip-transition-delay,0s);position:absolute;box-sizing:border-box;z-index:10;transform-origin:top}[aria-label][role~="tooltip"]::before{background-size:100% auto!important;content:""}[aria-label][role~="tooltip"]::after{background:rgba(17,17,17,.9);border-radius:4px;color:#fff;content:attr(aria-label);font-size:var(--microtip-font-size,13px);font-weight:var(--microtip-font-weight,normal);text-transform:var(--microtip-text-transform,none);padding:.5em 1em;white-space:nowrap;box-sizing:content-box}[aria-label][role~="tooltip"]:hover::before,[aria-label][role~="tooltip"]:hover::after,[aria-label][role~="tooltip"]:focus::before,[aria-label][role~="tooltip"]:focus::after{opacity:1;pointer-events:auto}[role~="tooltip"][data-microtip-position|="top"]::before{background:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%280%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E) no-repeat;height:6px;width:18px;margin-bottom:5px}[role~="tooltip"][data-microtip-position|="top"]::after{margin-bottom:11px}[role~="tooltip"][data-microtip-position|="top"]::before{transform:translate3d(-50%,0,0);bottom:100%;left:50%}[role~="tooltip"][data-microtip-position|="top"]:hover::before{transform:translate3d(-50%,-5px,0)}[role~="tooltip"][data-microtip-position|="top"]::after{transform:translate3d(-50%,0,0);bottom:100%;left:50%}[role~="tooltip"][data-microtip-position="top"]:hover::after{transform:translate3d(-50%,-5px,0)}[role~="tooltip"][data-microtip-position="top-left"]::after{transform:translate3d(calc(-100% + 16px),0,0);bottom:100%}[role~="tooltip"][data-microtip-position="top-left"]:hover::after{transform:translate3d(calc(-100% + 16px),-5px,0)}[role~="tooltip"][data-microtip-position="top-right"]::after{transform:translate3d(calc(0% + -16px),0,0);bottom:100%}[role~="tooltip"][data-microtip-position="top-right"]:hover::after{transform:translate3d(calc(0% + -16px),-5px,0)}[role~="tooltip"][data-microtip-position|="bottom"]::before{background:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28180%2018%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E) no-repeat;height:6px;width:18px;margin-top:5px;margin-bottom:0}[role~="tooltip"][data-microtip-position|="bottom"]::after{margin-top:11px}[role~="tooltip"][data-microtip-position|="bottom"]::before{transform:translate3d(-50%,-10px,0);bottom:auto;left:50%;top:100%}[role~="tooltip"][data-microtip-position|="bottom"]:hover::before{transform:translate3d(-50%,0,0)}[role~="tooltip"][data-microtip-position|="bottom"]::after{transform:translate3d(-50%,-10px,0);top:100%;left:50%}[role~="tooltip"][data-microtip-position="bottom"]:hover::after{transform:translate3d(-50%,0,0)}[role~="tooltip"][data-microtip-position="bottom-left"]::after{transform:translate3d(calc(-100% + 16px),-10px,0);top:100%}[role~="tooltip"][data-microtip-position="bottom-left"]:hover::after{transform:translate3d(calc(-100% + 16px),0,0)}[role~="tooltip"][data-microtip-position="bottom-right"]::after{transform:translate3d(calc(0% + -16px),-10px,0);top:100%}[role~="tooltip"][data-microtip-position="bottom-right"]:hover::after{transform:translate3d(calc(0% + -16px),0,0)}[role~="tooltip"][data-microtip-position="left"]::before,[role~="tooltip"][data-microtip-position="left"]::after{bottom:auto;left:auto;right:100%;top:50%;transform:translate3d(10px,-50%,0)}[role~="tooltip"][data-microtip-position="left"]::before{background:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28-90%2018%2018%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E) no-repeat;height:18px;width:6px;margin-right:5px;margin-bottom:0}[role~="tooltip"][data-microtip-position="left"]::after{margin-right:11px}[role~="tooltip"][data-microtip-position="left"]:hover::before,[role~="tooltip"][data-microtip-position="left"]:hover::after{transform:translate3d(0,-50%,0)}[role~="tooltip"][data-microtip-position="right"]::before,[role~="tooltip"][data-microtip-position="right"]::after{bottom:auto;left:100%;top:50%;transform:translate3d(-10px,-50%,0)}[role~="tooltip"][data-microtip-position="right"]::before{background:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%2890%206%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E) no-repeat;height:18px;width:6px;margin-bottom:0;margin-left:5px}[role~="tooltip"][data-microtip-position="right"]::after{margin-left:11px}[role~="tooltip"][data-microtip-position="right"]:hover::before,[role~="tooltip"][data-microtip-position="right"]:hover::after{transform:translate3d(0,-50%,0)}[role~="tooltip"][data-microtip-size="small"]::after{white-space:initial;width:80px}[role~="tooltip"][data-microtip-size="medium"]::after{white-space:initial;width:150px}[role~="tooltip"][data-microtip-size="large"]::after{white-space:initial;width:260px}
...\ No newline at end of file ...\ No newline at end of file
1 .sp-container{position:absolute;top:0;left:0;display:inline-block;z-index:9999994;overflow:hidden}.sp-original-input-container{position:relative;display:inline-flex}.sp-original-input-container input{margin:0!important}.sp-original-input-container .sp-add-on{width:40px;border-top-right-radius:0!important;border-bottom-right-radius:0!important}input.spectrum.with-add-on{border-top-left-radius:0;border-bottom-left-radius:0;border-left:0}.sp-original-input-container .sp-add-on .sp-colorize{height:100%;width:100%;border-radius:inherit}.sp-colorize-container{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.sp-container.sp-flat{position:relative}.sp-container,.sp-container *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.sp-top{position:relative;width:100%;display:inline-block}.sp-top-inner{position:absolute;top:0;left:0;bottom:0;right:0}.sp-color{position:absolute;top:0;left:0;bottom:0;right:20px!important}.sp-hue{position:absolute;top:0;right:0;bottom:0;width:12px;height:100%;left:initial!important}.sp-clear-enabled .sp-hue{top:15%;height:85%}.sp-fill{padding-top:80%}.sp-sat,.sp-val{position:absolute;top:0;left:0;right:0;bottom:0}.sp-alpha-enabled .sp-top{margin-bottom:28px!important}.sp-alpha-enabled .sp-alpha{display:block}.sp-alpha-handle{position:absolute;top:-3px;cursor:pointer;height:16px;border-radius:50%;width:16px;margin-right:5px;left:-2px;right:0;background:#f9f9f9;box-shadow:0 0 2px 0 #3a3a3a}.sp-alpha{display:none;position:absolute;bottom:-18px;right:0;left:0;height:10px}.sp-alpha-inner{border-radius:4px}.sp-clear{display:none}.sp-clear.sp-clear-display{background-position:center}.sp-clear-enabled .sp-clear{display:block;position:absolute;top:3px;right:0;bottom:0;cursor:pointer;left:initial;height:12px;width:12px}.sp-alpha,.sp-alpha-handle,.sp-clear,.sp-container,.sp-container button,.sp-container.sp-dragging .sp-input,.sp-dragger,.sp-preview,.sp-replacer,.sp-slider{-webkit-user-select:none;-moz-user-select:-moz-none;-o-user-select:none;user-select:none}.sp-container.sp-input-disabled .sp-input-container{display:none}.sp-container.sp-buttons-disabled .sp-button-container{display:none}.sp-container.sp-palette-buttons-disabled .sp-palette-button-container{display:none}.sp-palette-only .sp-picker-container{display:none}.sp-palette-disabled .sp-palette-container{display:none}.sp-initial-disabled .sp-initial{display:none}.sp-sat{background-image:-webkit-gradient(linear,0 0,100% 0,from(#fff),to(rgba(204,154,129,0)));background-image:-webkit-linear-gradient(left,#fff,rgba(204,154,129,0));background-image:-moz-linear-gradient(left,#fff,rgba(204,154,129,0));background-image:-o-linear-gradient(left,#fff,rgba(204,154,129,0));background-image:-ms-linear-gradient(left,#fff,rgba(204,154,129,0));background-image:linear-gradient(to right,#fff,rgba(204,154,129,0))}.sp-val{border-radius:4px;background-image:-webkit-gradient(linear,0 100%,0 0,from(#000),to(rgba(204,154,129,0)));background-image:-webkit-linear-gradient(bottom,#000,rgba(204,154,129,0));background-image:-moz-linear-gradient(bottom,#000,rgba(204,154,129,0));background-image:-o-linear-gradient(bottom,#000,rgba(204,154,129,0));background-image:-ms-linear-gradient(bottom,#000,rgba(204,154,129,0));background-image:linear-gradient(to top,#000,rgba(204,154,129,0))}.sp-hue{background:-moz-linear-gradient(top,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);background:-ms-linear-gradient(top,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);background:-o-linear-gradient(top,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);background:-webkit-gradient(linear,left top,left bottom,from(red),color-stop(.17,#ff0),color-stop(.33,#0f0),color-stop(.5,#0ff),color-stop(.67,#00f),color-stop(.83,#f0f),to(red));background:-webkit-linear-gradient(top,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);background:linear-gradient(to bottom,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}.sp-1{height:17%}.sp-2{height:16%}.sp-3{height:17%}.sp-4{height:17%}.sp-5{height:16%}.sp-6{height:17%}.sp-hidden{display:none!important}.sp-cf:after,.sp-cf:before{content:"";display:table}.sp-cf:after{clear:both}@media (max-device-width:480px){.sp-color{right:40%}.sp-hue{left:63%}.sp-fill{padding-top:60%}}.sp-dragger{border-radius:5px;height:10px;width:10px;border:1px solid #fff;cursor:pointer;position:absolute;top:0;left:0;margin-left:3px;margin-top:3px;box-shadow:0 0 2px 1px rgba(0,0,0,.2)}.sp-slider{position:absolute;top:0;cursor:pointer;height:16px;border-radius:50%;width:16px;left:-2px;background:#f9f9f9;box-shadow:0 0 2px 0 #3a3a3a;margin-top:8px}.sp-container{display:inline-flex;border-radius:0;background-color:#fff;padding:0;border-radius:4px;color:#000;box-shadow:0 0 0 1px rgba(99,114,130,.16),0 8px 16px rgba(27,39,51,.08)}.sp-clear,.sp-color,.sp-container,.sp-container button,.sp-container input,.sp-hue{font-size:12px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.sp-top{margin-bottom:10px}.sp-clear,.sp-color,.sp-hue,.sp-sat,.sp-val{border-radius:3px}.sp-input-container{margin-top:-5px}.sp-button-container.sp-cf,.sp-initial.sp-thumb.sp-cf,.sp-input-container.sp-cf{height:25px}.sp-picker-container .sp-cf{margin-bottom:10px}.sp-palette-row-initial>span:first-child{cursor:pointer}.sp-initial-disabled .sp-input-container{width:100%}.sp-input{padding:0 5px!important;margin:0;width:100%;box-shadow:none!important;height:100%!important;background:0 0;color:#3a3a3a;border-radius:2px!important;border:1px solid #e0e0e0!important;text-align:center;font-family:monospace;font-size:inherit!important}.sp-input:focus{border:1px solid orange}.sp-input.sp-validation-error{border:1px solid red;background:#fdd}.sp-palette-container,.sp-picker-container{position:relative;padding:10px}.sp-picker-container{width:200px;padding-bottom:0}.sp-palette-container{border-right:solid 1px #ccc}.sp-palette-only .sp-palette-container{border:0}.sp-palette .sp-thumb-el{display:block;position:relative;float:left;width:24px;height:15px;margin:3px;cursor:pointer;border:solid 2px transparent}.sp-palette .sp-thumb-el.sp-thumb-active,.sp-palette .sp-thumb-el:hover{border-color:orange}.sp-thumb-el{position:relative}.sp-initial{float:left}.sp-initial span{width:30px;height:25px;border:none;display:block;float:left;margin:0}.sp-initial .spe-thumb-el.sp-thumb-active{border-radius:0 5px 5px 0}.sp-initial .spe-thumb-el{border-radius:5px 0 0 5px}.sp-initial .sp-clear-display{background-position:center}.sp-button-container{float:right}.sp-palette-button-container{margin-top:10px}.sp-replacer{position:relative;overflow:hidden;cursor:pointer;display:inline-block;border-radius:3px;border:1px solid #aaa;color:#666;transition:border-color .3s;vertical-align:middle;width:3rem;height:1.5rem}.sp-replacer.sp-active,.sp-replacer:hover{border:1px solid #666;color:#000}.sp-replacer.sp-disabled{cursor:default;border-color:silver;color:silver}.sp-dd{position:absolute;font-size:10px;right:0;top:0;bottom:0;padding:0 2px;line-height:1.6rem;background-color:#fff}.sp-preview{position:relative;width:100%;height:100%;float:left;z-index:0}.sp-preview-inner{transition:background-color .2s}.sp-preview-inner.sp-clear-display{display:none}.sp-palette .sp-thumb-el{width:16px;height:16px;margin:3px;border:none;border-radius:3px}.sp-container button{border-radius:3px;border:none;background:0 0;line-height:1;padding:0 8px;height:25px;text-transform:capitalize;text-align:center;vertical-align:middle;cursor:pointer;color:#606c72;font-weight:700}.sp-container button.sp-choose{background-color:#3cab3b;color:#fff;margin-left:5px}.sp-container button:hover{opacity:.8}.sp-container button.sp-palette-toggle{width:100%;background-color:#f3f3f3;margin:0}.sp-palette span.sp-thumb-active,.sp-palette span:hover{border-color:#000}.sp-alpha,.sp-preview,.sp-thumb-el{position:relative;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.sp-alpha-inner,.sp-preview-inner,.sp-thumb-inner{display:block;position:absolute;top:0;left:0;bottom:0;right:0}.sp-palette .sp-thumb-inner{border-radius:3px;background-position:50% 50%;background-repeat:no-repeat}.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=)}.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=)}.sp-clear-display{background-repeat:no-repeat;background-position:center;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABe0lEQVQokYXSsUtcQRTF4d8Jj+VhHSxkEQuLsEUKK0nhTBFTmLSSUhBCMCAWsmgIwWrBLk0akfwLCaSQKBJmtrIIISwpRFKIhViETScphGMzysMtvOVwvpm5d0bGNCuGWAOPgYdl6S8wSDn9b+bUhDHEKWAdeAFMANg+l/TV9ofcz6cjMIbYBvaBMds7QCqZ58CmpBNgPuV0DvAAIMyFGugWtJr7eTv38xEwkPRPErY7QDeG2LqFkjrAgu0dSd/KDVqSNmxvAZ8lfbS9AHRuYemnLWkv5XRVBrQMbAI/gTXgEzAJtJuwBVS2L2OIle03QA/4Lmkl5XQBXEqqbFcAVYFDYChpFngiqWf7l6TXKaezMt2Zkhk24THwG+jZriX9AFZvUAyxLbRke2D75O5zPAO+ADXwEtizjaRHwDvbTyUtppwOmicCHAJvbXcl9YA1SQDjtseA97YPRz7ATcUQp2y/kjRdevsjaTfldNrMjcDGBjXA3T96L7yvrgFzP69+0Ao/HAAAAABJRU5ErkJggg==)}
...\ No newline at end of file ...\ No newline at end of file
1 .cn-dashboard-container {
2 min-height: 130px;
3 margin: 0 -4px;
4 text-align: center;
5 position: relative;
6 display: flex;
7 flex-direction: column;
8 }
9
10 .cn-dashboard-container .spinner {
11 position: absolute;
12 left: 50%;
13 top: 40%;
14 margin-left: -10px;
15 z-index: 10;
16 }
17
18 .cn-dashboard-container.loading {
19 pointer-events: none;
20 }
21
22 .cn-dashboard-container.loading:after {
23 position: absolute;
24 content: '';
25 display: block;
26 height: 100%;
27 width: 100%;
28 top: 0;
29 left: 0;
30 background-color: rgba(255,255,255,0.8);
31 z-index: 1;
32 transition: all 0.2s;
33 }
34
35 .cn-dashboard_stats p.sub {
36 color: #8f8f8f;
37 font-size: 14px;
38 text-align: left;
39 padding-bottom: 3px;
40 border-bottom: 1px solid #ececec;
41 }
42
43 .cn-table-responsive {
44 overflow-x: auto;
45 -webkit-overflow-scrolling: touch;
46 }
47
48 .cn-table {
49 caption-side: bottom;
50 border-collapse: collapse;
51 width: 100%;
52 margin-bottom: 1rem;
53 color: inherit;
54 vertical-align: top;
55 border-color: #dee2e6;
56 text-align: left;
57 }
58
59 .cn-table > thead {
60 vertical-align: bottom;
61 color: #212529;
62 }
63
64 .cn-table > tbody {
65 vertical-align: inherit;
66 }
67
68 .cn-table tbody,
69 .cn-table td,
70 .cn-table tfoot,
71 .cn-table th,
72 .cn-table thead,
73 .cn-table tr {
74 border-color: inherit;
75 border-style: solid;
76 border-width: 0;
77 }
78
79 .cn-table th,
80 .cn-table td {
81 text-align: inherit;
82 text-align: -webkit-match-parent;
83 }
84
85 .cn-table th:first-child,
86 .cn-table td:first-child {
87 width: 1px;
88 white-space: nowrap;
89 }
90
91 .cn-table th:last-child,
92 .cn-table td:last-child {
93 text-align: right;
94 }
95
96 .cn-table .no-posts :last-child {
97 text-align: left;
98 }
99
100 .cn-table > :not(caption) > * > * {
101 padding: .5rem .5rem;
102 background-color: transparent;
103 border-bottom-width: 1px;
104 box-shadow: inset 0 0 0 9999px transparent;
105 }
106
107 #cn_dashboard_stats .inside {
108 margin: 0;
109 padding: 0;
110 }
111
112 .cn-accordion-toggle {
113 cursor: pointer;
114 line-height: 1;
115 position: relative;
116 font-size: 14px;
117 font-weight: 400;
118 line-height: 1;
119 margin: 0;
120 padding: 15px 15px 0;
121 color: #23282c;
122 }
123
124 .cn-accordion-title {
125 display: inline-block;
126 padding-right: 10px;
127 }
128
129 .cn-accordion-actions {
130 position: absolute;
131 top: 0;
132 right: 0;
133 z-index: 1;
134 padding: 11px 30px 11px 0;
135 height: 14px;
136 line-height: 1;
137 }
138
139 .cn-accordion-actions .cn-accordion-action,
140 .cn-accordion-actions .cn-accordion-action::before {
141 font-size: 14px;
142 height: 14px;
143 width: 14px;
144 color: #72777c;
145 }
146
147 .cn-tooltip {
148 position: relative;
149 }
150
151 .cn-tooltip-icon {
152 display: inline-block;
153 width: 16px;
154 cursor: help;
155 }
156
157 .cn-tooltip-icon::before {
158 color: #b4b9be;
159 content: "\f14c";
160 display: inline-block;
161 font: normal 16px/1 dashicons;
162 position: absolute;
163 text-decoration: none !important;
164 speak: none;
165 -webkit-font-smoothing: antialiased;
166 -moz-osx-font-smoothing: grayscale;
167 left: 0;
168 top: 2px;
169 }
170
171 .cn-according-header {
172 display: flex;
173 align-items: center;
174 justify-content: space-between;
175 }
176
177 .cn-accordion-content {
178 padding: 20px 20px 15px;
179 height: 100%;
180 }
181
182 .cn-collapsed .cn-accordion-toggle::before {
183 transform: rotate(180deg);
184 }
185
186 .cn-collapsed .cn-accordion-content {
187 display: none;
188 }
189
190 .cn-infobox-container {
191 display: flex;
192 flex-wrap: wrap;
193 border: 1px solid #eee;
194 }
195
196 .cn-infobox-container:not(:first-child) {
197 border-top-color: transparent;
198 }
199
200 .cn-infobox {
201 width: 50%;
202 padding: 12px 10px 10px 15px;
203 position: relative;
204 text-align: left;
205 box-sizing: border-box;
206 border-left: 1px solid transparent;
207 min-height: 135px;
208 }
209
210 #cn-visits-infobox-consents {
211 border-left-color: #eee;
212 }
213
214 #cn-visits-infobox-limits,
215 #cn-visits-chart-limits {
216 border-top-color: #eee;
217 }
218
219 .cn-infobox-notice {
220 width: 100%;
221 margin: 5px 10px 15px 15px;
222 padding: 15px 12px;
223 position: relative;
224 text-align: left;
225 box-sizing: border-box;
226 background: rgba(255, 193, 7, 0.05);
227 border: 1px solid rgb(255, 193, 7);
228 }
229
230 .cn-infobox-notice p {
231 margin-top: 0;
232 }
233
234 .cn-infobox-notice p:last-child {
235 margin-bottom: 0;
236 }
237
238 .cn-infobox-notice p b {
239 font-size: 15px;
240 color: #222;
241 }
242
243 .cn-infobox-title {
244 font-size: 16px;
245 color: #393f4c;
246 font-weight: 700;
247 margin-top: 0;
248 padding-right: 18px;
249 text-overflow: ellipsis;
250 overflow: hidden;
251 white-space: pre;
252 line-height: 1.2;
253 }
254
255 .cn-infobox-number {
256 font-size: 36px;
257 float: none;
258 font-weight: 400;
259 display: inline-block;
260 line-height: 1;
261 margin-top: 11px;
262 color: rgb(32, 193, 158);
263 }
264
265 .cn-infobox-subtitle {
266 margin-top: 22px;
267 color: #a4a9ae;
268 }
269
270 .cn-infobox-subtitle p {
271 margin: 0 0 5px;
272 }
273
274
275 .cn-infobox-tooltip {
276 position: absolute;
277 top: 12px;
278 right: 15px;
279 }
280
281 .cn-widget-block {
282 position: relative;
283 overflow: hidden;
284 }
285
286 #cn-dashboard-upgrade {
287 position: absolute;
288 left: 0;
289 top: 0;
290 height: 100%;
291 width: 100%;
292 overflow: hidden;
293 box-sizing: border-box;
294 background: rgba(255,255,255,0.8);
295 min-height: 400px;
296 }
297
298 #cn-dashboard-modal {
299 position: absolute;
300 top: 50%;
301 left: 50%;
302 transform: translate(-50%, -50%);
303 padding: 1.5em 3em;
304 box-shadow: 0 0 25px 10px rgba(0,0,0,0.1);
305 border-radius: 3px;
306 background-color: #fff;
307 text-align: center;
308 width: 22em;
309 }
310
311 #cn-dashboard-modal p {
312 margin: 0;
313 }
314
315 #cn-dashboard-modal h2 {
316 margin-bottom: 10px;
317 font-size: 21px;
318 }
319
320 .button.cn-button {
321 margin-top: 25px;
322 margin-bottom: 10px;
323 background-color: #20c19e;
324 border-color: #20c19e;
325 }
326
327 .button.cn-button:hover,
328 .button.cn-button:active,
329 .button.cn-button:focus {
330 background-color: #1ca98a;
331 border-color: #1ca98a;
332 }
333
334 .button.cn-button:focus {
335 box-shadow: 0 0 0 1px #fff, 0 0 0 3px #20c19e;
336 }
337
338 .cn-text-succcess {
339 color: #20c19e;
340 }
341
342 .cn-text-warning {
343 color: rgb(255, 193, 7);
344 }
345
346 .cn-text-danger {
347 color: rgb(200, 35, 51);
348 }
...\ No newline at end of file ...\ No newline at end of file
1 #cn-admin-notice.cn-notice {
2 border-left-color: #20c19e;
3 }
4 .cn-notice .cn-notice-container {
5 padding: 1em;
6 display: flex;
7 justify-content: space-between;
8 align-items: center;
9 }
10 .cn-notice .cn-notice-actions {
11 margin-bottom: 0;
12 }
13 .cn-notice .cn-notice-actions .button {
14 display: inline-block;
15 margin: 0.5em 0 0;
16 }
17 .cn-notice .cn-notice-text h2 {
18 margin-top: 0;
19 margin-bottom: 0.5em;
20 }
21 .cn-notice .cn-notice-dismiss {
22 margin-left: 1em;
23 }
24 .cn-notice .cn-notice-text strong {
25 color: #000;
26 }
27 .cn-notice .cn-notice-text p:last-child {
28 margin-bottom: 0;
29 }
30 .cn-notice .cn-notice-icon svg path {
31 fill: #666 !important;
32 }
33 @media only screen and (max-width: 960px) {
34 .cn-notice .cn-notice-container {
35 flex-direction: column;
36 align-items: initial;
37 }
38
39 .cn-notice .cn-notice-container .cn-notice-text {
40 order: 1;
41 padding-top: 1em;
42 }
43 }
...\ No newline at end of file ...\ No newline at end of file
1 .cn-deactivation-modal {
2 max-height: 500px;
3 overflow: hidden;
4 top: 50% !important;
5 transform: translateY(-50%);
6 }
7 .cn-deactivation-modal #TB_title {
8 padding: 13px 16px;
9 background: #f3f3f3;
10 }
11 .cn-deactivation-modal #TB_title > div {
12 padding: 0;
13 color: #000;
14 }
15 .cn-deactivation-modal #TB_ajaxContent {
16 width: auto !important;
17 height: calc(100% - 112px) !important;
18 padding: 0;
19 }
20 .cn-deactivation-modal #TB_closeAjaxWindow button {
21 right: 8px;
22 }
23 .cn-deactivation-options p:first-child {
24 margin-top: 0;
25 }
26 #cn-deactivation-container {
27 width: 100%;
28 }
29 #cn-deactivation-container textarea {
30 width: 100%;
31 min-height: 100px;
32 }
33 #cn-deactivation-body {
34 padding: 13px 16px;
35 }
36 #cn-deactivation-footer {
37 padding: 13px 16px;
38 position: absolute;
39 right: 0;
40 bottom: 0;
41 left: 0;
42 border-top: 1px solid #ddd;
43 background: #f3f3f3;
44 }
45 #cn-deactivation-footer .spinner {
46 float: none;
47 }
...\ No newline at end of file ...\ No newline at end of file
1 .cookie-notice-sidebar {
2 float:right;
3 width:280px;
4 margin:20px -300px 20px 20px;
5 position:relative
6 }
7 .cookie-notice-sidebar .inner {
8 padding:2em
9 }
10 .cookie-notice-sidebar>div:not(:last-child) {
11 margin-bottom:3em
12 }
13 .cookie-notice-sidebar .inner img {
14 max-width:80%;
15 height:auto;
16 display:block;
17 margin:20px auto
18 }
19 .cookie-notice-credits {
20 background:#fff;
21 box-shadow:0 0 0 1px rgba(0,0,0,.05)
22 }
23 .cookie-notice-credits .inner {
24 text-align:center;
25 margin:0
26 }
27 .button.cn-button {
28 background-color:#20c19e;
29 border-color:#20c19e
30 }
31 .button.cn-button:active,.button.cn-button:focus,.button.cn-button:hover {
32 background-color:#1ca98a;
33 border-color:#1ca98a
34 }
35 .button.cn-button:focus {
36 box-shadow:0 0 0 1px #fff,0 0 0 3px #20c19e
37 }
38 .button.button-secondary.cn-button {
39 background-color:#ffc107;
40 border-color:#ffc107;
41 color:#3c434a
42 }
43 .button.button-secondary.cn-button:active,
44 .button.button-secondary.cn-button:focus,
45 .button.button-secondary.cn-button:hover {
46 background-color:#ffca2c;
47 border-color:#ffca2c
48 }
49 .button.button-secondary.cn-button:focus {
50 box-shadow:0 0 0 1px #fff,0 0 0 3px #ffc107
51 }
52 .cookie-notice-settings .cookie-notice-credits h2 {
53 border:none;
54 padding-bottom:0;
55 margin-top: 0;
56 }
57 .cookie-notice-credits h3 {
58 font-size:14px;
59 line-height:1.4;
60 margin:0;
61 padding:.66em 1.33em;
62 border-bottom:1px solid #eee
63 }
64 .cookie-notice-settings .df-credits form {
65 min-width:260px;
66 margin-bottom:1em
67 }
68 .cookie-notice-settings .df-credits form input {
69 margin:0;
70 padding:0
71 }
72 .cookie-notice-settings {
73 margin-right:300px
74 }
75 .cookie-notice-settings hr,.df-credits hr {
76 border:solid #eee;
77 border-width:1px 0 0;
78 clear:both;
79 height:0
80 }
81 .cookie-notice-settings form {
82 float:left;
83 min-width:463px;
84 width:100%
85 }
86 .cookie-notice-settings form.cn-options-disabled h2:not(:first-of-type),
87 .cookie-notice-settings form.cn-options-disabled table:not(:first-of-type),
88 form.cn-options-submit-disabled .submit {
89 opacity: 0.5;
90 pointer-events: none;
91 }
92 .cookie-notice-settings form h2 {
93 margin:1.5em 0;
94 padding-bottom:1em;
95 border-bottom:1px solid #ccc
96 }
97 .cookie-notice-settings .ui-button {
98 margin-bottom:5px
99 }
100 .cookie-notice-settings .description {
101 font-size:13px;
102 margin-bottom:8px
103 }
104 .cookie-notice-settings .description strong {
105 color:#444
106 }
107 #cn_colors label {
108 min-width:10em;
109 display:inline-block
110 }
111 #cn_colors div {
112 vertical-align:middle
113 }
114 #cn_refuse_code .nav-tab-wrapper {
115 padding-top:0
116 }
117 #cn_refuse_code .refuse-code-tab {
118 display:none
119 }
120 #cn_refuse_code .refuse-code-tab.active {
121 display:block
122 }
123 #cn_refuse_code .refuse-code-tab .description {
124 margin-top:10px
125 }
126 .cn_compliance_status {
127 margin-right:20px;
128 font-weight:700;
129 display:inline-block;
130 }
131 #cn_app_status {
132 margin-bottom:30px
133 }
134 #cn_app_status .cn-status {
135 text-transform:uppercase;
136 font-weight:700;
137 position:relative;
138 color:#999;
139 }
140 #cn_app_status .cn-status.cn-active {
141 color:#1ca98a
142 }
143 #cn_app_status .cn-status.cn-inactive {
144 color:red
145 }
146 #cn_colors_bar_opacity_range {
147 vertical-align:middle;
148 margin-right:10px
149 }
150 .cn-toggle-container .cn-toggle-item {
151 font-size:14px;
152 display:block;
153 margin-bottom:20px;
154 cursor:default
155 }
156 .cn-toggle-container .cn-toggle-item input {
157 display:none
158 }
159 .cn-toggle-container .cn-toggle-item span {
160 display:block
161 }
162 .cn-toggle-container .cn-toggle-item .cn-toggle-heading {
163 color:#2271b1;
164 transition-property:border,background,color;
165 transition-duration:.05s;
166 transition-timing-function:ease-in-out;
167 text-decoration:underline;
168 font-weight:600;
169 cursor:pointer;
170 position: relative;
171 padding-left: 20px;
172 }
173 .cn-toggle-container .cn-toggle-item .cn-toggle-heading:before {
174 border-style: solid;
175 border-width: 2px 2px 0 0;
176 content: '';
177 display: inline-block;
178 height: 6px;
179 width: 6px;
180 position: relative;
181 top: 5px;
182 left: 0;
183 vertical-align: top;
184 transform: rotate(45deg);
185 transition: transform 0.2s;
186 position: absolute;
187 }
188 .cn-toggle-container .cn-toggle-item .cn-toggle-body {
189 overflow:hidden;
190 transition:max-height .3s;
191 max-height:0;
192 margin-top:10px;
193 cursor:default;
194 padding-left: 20px;
195 }
196 .cn-toggle-container .cn-toggle-item input:checked~.cn-toggle-heading:before {
197 transform: rotate(135deg);
198 }
199 .cn-toggle-container .cn-toggle-item input:checked~.cn-toggle-body {
200 max-height:100vh
201 }
202
203 .cn_fieldset_content {
204 margin-top: 10px;
205 }
206
207 @media only screen and (max-width:959px) {
208 .cookie-notice-sidebar {
209 width:100%;
210 float:none;
211 margin:20px 0
212 }
213 .cookie-notice-settings {
214 margin-right:0
215 }
216 }
217
218 .cn-pricing-info .cn-pricing-head h2 {
219 font-size: 23px;
220 font-weight: normal;
221 margin: 1em 0;
222 }
223
224 .cn-pricing-info .cn-pricing-body {
225 padding-bottom: 0;
226 font-size: 14px;
227 text-align: left;
228 margin: 2em 0;
229 }
230
231 .cn-pricing-info .cn-pricing-footer {
232 margin: 1em 0;
233 }
234
235 .cn-pricing-info div.cn-pricing-body p {
236 padding-left: 30px;
237 margin: 0.75em 0;
238 }
239
240 .cn-pricing-info div.cn-pricing-body .cn-icon {
241 position: absolute;
242 top: 0;
243 left: 0;
244 }
245
246 .cn-active,
247 .cn-inactive,
248 .cn-pending {
249 position: relative;
250 }
251
252 .cn-active .cn-icon,
253 .cn-inactive .cn-icon,
254 .cn-pending .cn-icon {
255 box-sizing: border-box;
256 position: relative;
257 left: 0;
258 top: 5px;
259 display: inline-block;
260 transform: scale(1);
261 width: 22px;
262 height: 22px;
263 border: 2px solid;
264 border-radius: 44px;
265 }
266
267 .cn-active .cn-icon {
268 color: #20C19E;
269 }
270
271 .cn-active .cn-icon::after {
272 border-color: #20C19E;
273 }
274
275 .cn-pending .cn-icon::after {
276 border-color: #999;
277 }
278
279 .cn-active .cn-icon::after,
280 .cn-pending .cn-icon::after {
281 content: "";
282 display: block;
283 box-sizing: border-box;
284 position: absolute;
285 left: 3px;
286 top: -1px;
287 width: 6px;
288 height: 10px;
289 border-width: 0 2px 2px 0;
290 border-style: solid;
291 transform-origin: bottom left;
292 transform: rotate(45deg);
293 }
294
295 .cn-inactive .cn-icon {
296 color: #FF0000;
297 }
298
299 .cn-inactive .cn-icon::after,
300 .cn-inactive .cn-icon::before {
301 content: "";
302 display: block;
303 box-sizing: border-box;
304 position: absolute;
305 width: 12px;
306 height: 2px;
307 background: #FF0000;
308 transform: rotate(45deg);
309 border-radius: 5px;
310 top: 8px;
311 left: 3px;
312 }
313
314 .cn-inactive .cn-icon::after {
315 transform: rotate(-45deg);
316 }
317
318 .cn-option-disabled label {
319 opacity: 0.5;
320 pointer-events: none;
321 }
322
323 .cn-warning {
324 color: #ffc107;
325 }
326
327 #cookie-notice-conditions .inside {
328 padding: 0;
329 margin: 6px 0;
330 }
331
332 #cookie-notice-conditions .widefat {
333 border: none;
334 box-shadow: none;
335 background: none;
336 }
337
338 #cookie-notice-conditions .widefat td.label {
339 width: 25%;
340 }
341
342 #cookie-notice-conditions .widefat h4 {
343 margin: 8px 0;
344 }
345
346 #cookie-notice-conditions .widefat h4.or-rules {
347 margin: 0 5px 0 0;
348 }
349
350 #cookie-notice-conditions .widefat td, #cookie-notice-conditions .widefat th {
351 padding: 0;
352 }
353
354 #cookie-notice-conditions .widefat .widefat {
355 margin-bottom: 0;
356 }
357
358 #cookie-notice-conditions .widefat .widefat td {
359 padding: 5px;
360 }
361
362 #cookie-notice-conditions .widefat .widefat td.param {
363 width: 30%;
364 padding-left: 0;
365 }
366
367 #cookie-notice-conditions .widefat .widefat td.value {
368 width: 30%;
369 text-align: center;
370 }
371
372 #cookie-notice-conditions .widefat .widefat td.value .spinner {
373 float: none;
374 margin: 0;
375 }
376
377 #cookie-notice-conditions .widefat .widefat td.operator {
378 width: 20%;
379 }
380
381 #cookie-notice-conditions .widefat .widefat td.remove {
382 min-width: 40px;
383 text-align: left;
384 padding: 0;
385 }
386
387 #cookie-notice-conditions .widefat .widefat td.remove a {
388 vertical-align: middle;
389 }
390
391 #cookie-notice-conditions .widefat .widefat select {
392 width: 98.95%;
393 }
394
395 #cookie-notice-conditions #rules-groups {
396 margin-bottom: 10px;
397 }
398
399 #cookie-notice-conditions .rules-group:last-child .or-rules,
400 #cookie-notice-conditions .rules-group:only-child .or-rules {
401 display: none;
402 }
...\ No newline at end of file ...\ No newline at end of file
1 .cookie-notice-sidebar{float:right;width:280px;margin:20px -300px 20px 20px;position:relative}.cookie-notice-sidebar .inner{padding:2em}.cookie-notice-sidebar>div:not(:last-child){margin-bottom:3em}.cookie-notice-sidebar .inner img{max-width:80%;height:auto;display:block;margin:20px auto}.cookie-notice-credits{background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.05)}.cookie-notice-credits .inner{text-align:center;margin:0}.button.cn-button{background-color:#20c19e;border-color:#20c19e}.button.cn-button:active,.button.cn-button:focus,.button.cn-button:hover{background-color:#1ca98a;border-color:#1ca98a}.button.cn-button:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px #20c19e}.button.button-secondary.cn-button{background-color:#ffc107;border-color:#ffc107;color:#3c434a}.button.button-secondary.cn-button:active,.button.button-secondary.cn-button:focus,.button.button-secondary.cn-button:hover{background-color:#ffca2c;border-color:#ffca2c}.button.button-secondary.cn-button:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px #ffc107}.cookie-notice-settings .cookie-notice-credits h2{border:none;padding-bottom:0;margin-top:0}.cookie-notice-credits h3{font-size:14px;line-height:1.4;margin:0;padding:.66em 1.33em;border-bottom:1px solid #eee}.cookie-notice-settings .df-credits form{min-width:260px;margin-bottom:1em}.cookie-notice-settings .df-credits form input{margin:0;padding:0}.cookie-notice-settings{margin-right:300px}.cookie-notice-settings hr,.df-credits hr{border:solid #eee;border-width:1px 0 0;clear:both;height:0}.cookie-notice-settings form{float:left;min-width:463px;width:100%}.cookie-notice-settings form.cn-options-disabled h2:not(:first-of-type),.cookie-notice-settings form.cn-options-disabled table:not(:first-of-type),form.cn-options-submit-disabled .submit{opacity:.5;pointer-events:none}.cookie-notice-settings form h2{margin:1.5em 0;padding-bottom:1em;border-bottom:1px solid #ccc}.cookie-notice-settings .ui-button{margin-bottom:5px}.cookie-notice-settings .description{font-size:13px;margin-bottom:8px}.cookie-notice-settings .description strong{color:#444}#cn_colors label{min-width:10em;display:inline-block}#cn_colors div{vertical-align:middle}#cn_refuse_code .nav-tab-wrapper{padding-top:0}#cn_refuse_code .refuse-code-tab{display:none}#cn_refuse_code .refuse-code-tab.active{display:block}#cn_refuse_code .refuse-code-tab .description{margin-top:10px}.cn_compliance_status{margin-right:20px;font-weight:700;display:inline-block}#cn_app_status{margin-bottom:30px}#cn_app_status .cn-status{text-transform:uppercase;font-weight:700;position:relative;color:#999}#cn_app_status .cn-status.cn-active{color:#1ca98a}#cn_app_status .cn-status.cn-inactive{color:red}#cn_colors_bar_opacity_range{vertical-align:middle;margin-right:10px}.cn-toggle-container .cn-toggle-item{font-size:14px;display:block;margin-bottom:20px;cursor:default}.cn-toggle-container .cn-toggle-item input{display:none}.cn-toggle-container .cn-toggle-item span{display:block}.cn-toggle-container .cn-toggle-item .cn-toggle-heading{color:#2271b1;transition-property:border,background,color;transition-duration:.05s;transition-timing-function:ease-in-out;text-decoration:underline;font-weight:600;cursor:pointer;position:relative;padding-left:20px}.cn-toggle-container .cn-toggle-item .cn-toggle-heading:before{border-style:solid;border-width:2px 2px 0 0;content:'';display:inline-block;height:6px;width:6px;position:relative;top:5px;left:0;vertical-align:top;transform:rotate(45deg);transition:transform 0.2s;position:absolute}.cn-toggle-container .cn-toggle-item .cn-toggle-body{overflow:hidden;transition:max-height .3s;max-height:0;margin-top:10px;cursor:default;padding-left:20px}.cn-toggle-container .cn-toggle-item input:checked~.cn-toggle-heading:before{transform:rotate(135deg)}.cn-toggle-container .cn-toggle-item input:checked~.cn-toggle-body{max-height:100vh}.cn_fieldset_content{margin-top:10px}@media only screen and (max-width:959px){.cookie-notice-sidebar{width:100%;float:none;margin:20px 0}.cookie-notice-settings{margin-right:0}}.cn-pricing-info .cn-pricing-head h2{font-size:23px;font-weight:400;margin:1em 0}.cn-pricing-info .cn-pricing-body{padding-bottom:0;font-size:14px;text-align:left;margin:2em 0}.cn-pricing-info .cn-pricing-footer{margin:1em 0}.cn-pricing-info div.cn-pricing-body p{padding-left:30px;margin:.75em 0}.cn-pricing-info div.cn-pricing-body .cn-icon{position:absolute;top:0;left:0}.cn-active,.cn-inactive,.cn-pending{position:relative}.cn-active .cn-icon,.cn-inactive .cn-icon,.cn-pending .cn-icon{box-sizing:border-box;position:relative;left:0;top:5px;display:inline-block;transform:scale(1);width:22px;height:22px;border:2px solid;border-radius:44px}.cn-active .cn-icon{color:#20C19E}.cn-active .cn-icon::after{border-color:#20C19E}.cn-pending .cn-icon::after{border-color:#999}.cn-active .cn-icon::after,.cn-pending .cn-icon::after{content:"";display:block;box-sizing:border-box;position:absolute;left:3px;top:-1px;width:6px;height:10px;border-width:0 2px 2px 0;border-style:solid;transform-origin:bottom left;transform:rotate(45deg)}.cn-inactive .cn-icon{color:red}.cn-inactive .cn-icon::after,.cn-inactive .cn-icon::before{content:"";display:block;box-sizing:border-box;position:absolute;width:12px;height:2px;background:red;transform:rotate(45deg);border-radius:5px;top:8px;left:3px}.cn-inactive .cn-icon::after{transform:rotate(-45deg)}.cn-option-disabled label{opacity:.5;pointer-events:none}.cn-warning{color:#ffc107}#cookie-notice-conditions .inside{padding:0;margin:6px 0}#cookie-notice-conditions .widefat{border:none;box-shadow:none;background:none}#cookie-notice-conditions .widefat td.label{width:25%}#cookie-notice-conditions .widefat h4{margin:8px 0}#cookie-notice-conditions .widefat h4.or-rules{margin:0 5px 0 0}#cookie-notice-conditions .widefat td,#cookie-notice-conditions .widefat th{padding:0}#cookie-notice-conditions .widefat .widefat{margin-bottom:0}#cookie-notice-conditions .widefat .widefat td{padding:5px}#cookie-notice-conditions .widefat .widefat td.param{width:30%;padding-left:0}#cookie-notice-conditions .widefat .widefat td.value{width:30%;text-align:center}#cookie-notice-conditions .widefat .widefat td.value .spinner{float:none;margin:0}#cookie-notice-conditions .widefat .widefat td.operator{width:20%}#cookie-notice-conditions .widefat .widefat td.remove{min-width:40px;text-align:left;padding:0}#cookie-notice-conditions .widefat .widefat td.remove a{vertical-align:middle}#cookie-notice-conditions .widefat .widefat select{width:98.95%}#cookie-notice-conditions #rules-groups{margin-bottom:10px}#cookie-notice-conditions .rules-group:last-child .or-rules,#cookie-notice-conditions .rules-group:only-child .or-rules{display:none}
...\ No newline at end of file ...\ No newline at end of file
1 #cookie-notice {
2 position: fixed;
3 min-width: 100%;
4 height: auto;
5 z-index: 100000;
6 font-size: 13px;
7 letter-spacing: 0;
8 line-height: 20px;
9 left: 0;
10 text-align: center;
11 /* border-top: 2px solid #fbb03b; */
12 font-weight: normal;
13 font-family: -apple-system,BlinkMacSystemFont,Arial,Roboto,"Helvetica Neue",sans-serif;
14 }
15 #cookie-notice,
16 #cookie-notice * {
17 -webkit-box-sizing: border-box;
18 -moz-box-sizing: border-box;
19 box-sizing: border-box;
20 }
21 #cookie-notice.cn-animated {
22 -webkit-animation-duration: 0.5s !important;
23 animation-duration: 0.5s !important;
24 -webkit-animation-fill-mode: both;
25 animation-fill-mode: both;
26 }
27 #cookie-notice.cn-animated.cn-effect-none {
28 -webkit-animation-duration: 0.001s !important;
29 animation-duration: 0.001s !important;
30 }
31 #cookie-notice .cookie-notice-container {
32 display: block;
33 }
34 #cookie-notice.cookie-notice-hidden .cookie-notice-container {
35 display: none;
36 }
37 #cookie-notice .cookie-revoke-container {
38 display: block;
39 }
40 #cookie-notice.cookie-revoke-hidden .cookie-revoke-container {
41 display: none;
42 }
43 .cn-position-top {
44 top: 0;
45 }
46 .cn-position-bottom {
47 bottom: 0;
48 }
49 .cookie-notice-container {
50 padding: 15px 30px;
51 text-align: center;
52 width: 100%;
53 z-index: 2;
54 }
55 .cookie-revoke-container {
56 padding: 15px 30px;
57 width: 100%;
58 z-index: 1;
59 }
60 .cn-close-icon {
61 position: absolute;
62 right: 15px;
63 top: 50%;
64 margin-top: -10px;
65 width: 15px;
66 height: 15px;
67 opacity: 0.5;
68 padding: 10px;
69 outline: none;
70 cursor: pointer;
71 }
72 .cn-close-icon:hover {
73 opacity: 1;
74 }
75 .cn-close-icon:before,
76 .cn-close-icon:after {
77 position: absolute;
78 content: ' ';
79 height: 15px;
80 width: 2px;
81 top: 3px;
82 background-color: rgba(128,128,128,1);
83 }
84 .cn-close-icon:before {
85 transform: rotate(45deg);
86 }
87 .cn-close-icon:after {
88 transform: rotate(-45deg);
89 }
90 #cookie-notice .cn-revoke-cookie {
91 margin: 0;
92 }
93 #cookie-notice .cn-button {
94 margin: 0 0 0 10px;
95 display: inline-block;
96 }
97 #cookie-notice .cn-button:not(.cn-button-custom) {
98 font-family: -apple-system,BlinkMacSystemFont,Arial,Roboto,"Helvetica Neue",sans-serif;
99 font-weight: normal;
100 font-size: 13px;
101 letter-spacing: 0.25px;
102 line-height: 20px;
103 margin: 0 0 0 10px;
104 text-align: center;
105 text-transform: none;
106 display: inline-block;
107 cursor: pointer;
108 touch-action: manipulation;
109 white-space: nowrap;
110 outline: none;
111 box-shadow: none;
112 text-shadow: none;
113 border: none;
114 -webkit-border-radius: 3px;
115 -moz-border-radius: 3px;
116 border-radius: 3px;
117 text-decoration: none;
118 padding: 8.5px 10px;
119 line-height: 1;
120 color: inherit;
121 }
122 .cn-text-container {
123 margin: 0 0 6px 0;
124 }
125 .cn-text-container,
126 .cn-buttons-container {
127 display: inline-block;
128 }
129 #cookie-notice.cookie-notice-visible.cn-effect-none,
130 #cookie-notice.cookie-revoke-visible.cn-effect-none {
131 -webkit-animation-name: fadeIn;
132 animation-name: fadeIn;
133 }
134 #cookie-notice.cn-effect-none {
135 -webkit-animation-name: fadeOut;
136 animation-name: fadeOut;
137 }
138 #cookie-notice.cookie-notice-visible.cn-effect-fade,
139 #cookie-notice.cookie-revoke-visible.cn-effect-fade {
140 -webkit-animation-name: fadeIn;
141 animation-name: fadeIn;
142 }
143 #cookie-notice.cn-effect-fade {
144 -webkit-animation-name: fadeOut;
145 animation-name: fadeOut;
146 }
147 #cookie-notice.cookie-notice-visible.cn-effect-slide,
148 #cookie-notice.cookie-revoke-visible.cn-effect-slide{
149 -webkit-animation-name: slideInUp;
150 animation-name: slideInUp;
151 }
152 #cookie-notice.cn-effect-slide {
153 -webkit-animation-name: slideOutDown;
154 animation-name: slideOutDown;
155 }
156 #cookie-notice.cookie-notice-visible.cn-position-top.cn-effect-slide,
157 #cookie-notice.cookie-revoke-visible.cn-position-top.cn-effect-slide {
158 -webkit-animation-name: slideInDown;
159 animation-name: slideInDown;
160 }
161 #cookie-notice.cn-position-top.cn-effect-slide {
162 -webkit-animation-name: slideOutUp;
163 animation-name: slideOutUp;
164 }
165 @-webkit-keyframes fadeIn {
166 from {
167 opacity: 0;
168 }
169
170 to {
171 opacity: 1;
172 }
173 }
174 @keyframes fadeIn {
175 from {
176 opacity: 0;
177 }
178
179 to {
180 opacity: 1;
181 }
182 }
183 @-webkit-keyframes fadeOut {
184 from {
185 opacity: 1;
186 }
187
188 to {
189 opacity: 0;
190 }
191 }
192 @keyframes fadeOut {
193 from {
194 opacity: 1;
195 }
196
197 to {
198 opacity: 0;
199 }
200 }
201 @-webkit-keyframes slideInUp {
202 from {
203 -webkit-transform: translate3d(0, 100%, 0);
204 transform: translate3d(0, 100%, 0);
205 visibility: visible;
206 }
207
208 to {
209 -webkit-transform: translate3d(0, 0, 0);
210 transform: translate3d(0, 0, 0);
211 }
212 }
213 @keyframes slideInUp {
214 from {
215 -webkit-transform: translate3d(0, 100%, 0);
216 transform: translate3d(0, 100%, 0);
217 visibility: visible;
218 }
219
220 to {
221 -webkit-transform: translate3d(0, 0, 0);
222 transform: translate3d(0, 0, 0);
223 }
224 }
225 @-webkit-keyframes slideOutDown {
226 from {
227 -webkit-transform: translate3d(0, 0, 0);
228 transform: translate3d(0, 0, 0);
229 }
230
231 to {
232 visibility: hidden;
233 -webkit-transform: translate3d(0, 100%, 0);
234 transform: translate3d(0, 100%, 0);
235 }
236 }
237 @keyframes slideOutDown {
238 from {
239 -webkit-transform: translate3d(0, 0, 0);
240 transform: translate3d(0, 0, 0);
241 }
242
243 to {
244 visibility: hidden;
245 -webkit-transform: translate3d(0, 100%, 0);
246 transform: translate3d(0, 100%, 0);
247 }
248 }
249 @-webkit-keyframes slideInDown {
250 from {
251 -webkit-transform: translate3d(0, -100%, 0);
252 transform: translate3d(0, -100%, 0);
253 visibility: visible;
254 }
255
256 to {
257 -webkit-transform: translate3d(0, 0, 0);
258 transform: translate3d(0, 0, 0);
259 }
260 }
261 @keyframes slideInDown {
262 from {
263 -webkit-transform: translate3d(0, -100%, 0);
264 transform: translate3d(0, -100%, 0);
265 visibility: visible;
266 }
267
268 to {
269 -webkit-transform: translate3d(0, 0, 0);
270 transform: translate3d(0, 0, 0);
271 }
272 }
273 @-webkit-keyframes slideOutUp {
274 from {
275 -webkit-transform: translate3d(0, 0, 0);
276 transform: translate3d(0, 0, 0);
277 }
278
279 to {
280 visibility: hidden;
281 -webkit-transform: translate3d(0, -100%, 0);
282 transform: translate3d(0, -100%, 0);
283 }
284 }
285 @keyframes slideOutUp {
286 from {
287 -webkit-transform: translate3d(0, 0, 0);
288 transform: translate3d(0, 0, 0);
289 }
290
291 to {
292 visibility: hidden;
293 -webkit-transform: translate3d(0, -100%, 0);
294 transform: translate3d(0, -100%, 0);
295 }
296 }
297 @media all and (max-width: 900px) {
298 .cookie-notice-container #cn-notice-text {
299 display: block;
300 }
301 .cookie-notice-container #cn-notice-buttons {
302 display: block;
303 }
304 #cookie-notice .cn-button {
305 margin: 0 5px 5px 5px;
306 }
307 }
308 @media all and (max-width: 480px) {
309 .cookie-notice-container,
310 .cookie-revoke-container {
311 padding: 15px 25px;
312 }
313 }
...\ No newline at end of file ...\ No newline at end of file
1 #cookie-notice{position:fixed;min-width:100%;height:auto;z-index:100000;font-size:13px;letter-spacing:0;line-height:20px;left:0;text-align:center;font-weight:400;font-family:-apple-system,BlinkMacSystemFont,Arial,Roboto,"Helvetica Neue",sans-serif}#cookie-notice,#cookie-notice *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#cookie-notice.cn-animated{-webkit-animation-duration:0.5s!important;animation-duration:0.5s!important;-webkit-animation-fill-mode:both;animation-fill-mode:both}#cookie-notice.cn-animated.cn-effect-none{-webkit-animation-duration:0.001s!important;animation-duration:0.001s!important}#cookie-notice .cookie-notice-container{display:block}#cookie-notice.cookie-notice-hidden .cookie-notice-container{display:none}#cookie-notice .cookie-revoke-container{display:block}#cookie-notice.cookie-revoke-hidden .cookie-revoke-container{display:none}.cn-position-top{top:0}.cn-position-bottom{bottom:0}.cookie-notice-container{padding:15px 30px;text-align:center;width:100%;z-index:2}.cookie-revoke-container{padding:15px 30px;width:100%;z-index:1}.cn-close-icon{position:absolute;right:15px;top:50%;margin-top:-10px;width:15px;height:15px;opacity:.5;padding:10px;outline:none;cursor:pointer}.cn-close-icon:hover{opacity:1}.cn-close-icon:before,.cn-close-icon:after{position:absolute;content:' ';height:15px;width:2px;top:3px;background-color:rgba(128,128,128,1)}.cn-close-icon:before{transform:rotate(45deg)}.cn-close-icon:after{transform:rotate(-45deg)}#cookie-notice .cn-revoke-cookie{margin:0}#cookie-notice .cn-button{margin:0 0 0 10px;display:inline-block}#cookie-notice .cn-button:not(.cn-button-custom){font-family:-apple-system,BlinkMacSystemFont,Arial,Roboto,"Helvetica Neue",sans-serif;font-weight:400;font-size:13px;letter-spacing:.25px;line-height:20px;margin:0 0 0 10px;text-align:center;text-transform:none;display:inline-block;cursor:pointer;touch-action:manipulation;white-space:nowrap;outline:none;box-shadow:none;text-shadow:none;border:none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;text-decoration:none;padding:8.5px 10px;line-height:1;color:inherit}.cn-text-container{margin:0 0 6px 0}.cn-text-container,.cn-buttons-container{display:inline-block}#cookie-notice.cookie-notice-visible.cn-effect-none,#cookie-notice.cookie-revoke-visible.cn-effect-none{-webkit-animation-name:fadeIn;animation-name:fadeIn}#cookie-notice.cn-effect-none{-webkit-animation-name:fadeOut;animation-name:fadeOut}#cookie-notice.cookie-notice-visible.cn-effect-fade,#cookie-notice.cookie-revoke-visible.cn-effect-fade{-webkit-animation-name:fadeIn;animation-name:fadeIn}#cookie-notice.cn-effect-fade{-webkit-animation-name:fadeOut;animation-name:fadeOut}#cookie-notice.cookie-notice-visible.cn-effect-slide,#cookie-notice.cookie-revoke-visible.cn-effect-slide{-webkit-animation-name:slideInUp;animation-name:slideInUp}#cookie-notice.cn-effect-slide{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}#cookie-notice.cookie-notice-visible.cn-position-top.cn-effect-slide,#cookie-notice.cookie-revoke-visible.cn-position-top.cn-effect-slide{-webkit-animation-name:slideInDown;animation-name:slideInDown}#cookie-notice.cn-position-top.cn-effect-slide{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@media all and (max-width:900px){.cookie-notice-container #cn-notice-text{display:block}.cookie-notice-container #cn-notice-buttons{display:block}#cookie-notice .cn-button{margin:0 5px 5px 5px}}@media all and (max-width:480px){.cookie-notice-container,.cookie-revoke-container{padding:15px 25px}}
...\ No newline at end of file ...\ No newline at end of file
1 <?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 140 140" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;"><g><rect x="8.75" y="8.732" width="122.5" height="122.5" style="fill:none;fill-rule:nonzero;stroke:#000;stroke-width:8.75px;"/><path d="M8.75,96.232l122.5,0" style="fill:none;fill-rule:nonzero;stroke:#000;stroke-width:8.75px;"/></g></svg>
...\ No newline at end of file ...\ No newline at end of file
1 <?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 140 140" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;"><g><rect x="8.75" y="8.733" width="122.5" height="122.5" style="fill:none;fill-rule:nonzero;stroke:#000;stroke-width:8.75px;"/><rect x="39.375" y="39.349" width="61.25" height="61.268" style="fill:none;fill-rule:nonzero;stroke:#000;stroke-width:8.8px;"/></g></svg>
...\ No newline at end of file ...\ No newline at end of file
1 <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" viewBox="0 0 140 140" width="140" height="140"><g transform="matrix(5.833333333333333,0,0,5.833333333333333,0,0)"><path d="M1.500 1.497 L22.500 1.497 L22.500 22.497 L1.500 22.497 Z" fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path><path d="M7.5 1.497L7.5 22.497" fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path></g></svg>
...\ No newline at end of file ...\ No newline at end of file
1 <?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 140 140" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;"><g><rect x="8.75" y="8.733" width="122.5" height="122.5" style="fill:none;fill-rule:nonzero;stroke:#000;stroke-width:8.75px;"/><path d="M96.25,8.733l0,122.5" style="fill:none;fill-rule:nonzero;stroke:#000;stroke-width:8.75px;"/></g></svg>
...\ No newline at end of file ...\ No newline at end of file
1 <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" viewBox="0 0 140 140" width="140" height="140"><g transform="matrix(5.833333333333333,0,0,5.833333333333333,0,0)"><path d="M1.500 1.497 L22.500 1.497 L22.500 22.497 L1.500 22.497 Z" fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path><path d="M1.5 7.497L22.5 7.497" fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path></g></svg>
...\ No newline at end of file ...\ No newline at end of file
1 <?php
2 // exit if accessed directly
3 if ( ! defined( 'ABSPATH' ) )
4 exit;
5
6 /**
7 * Check if cookies are accepted.
8 *
9 * @return bool Whether cookies are accepted
10 */
11 if ( ! function_exists( 'cn_cookies_accepted' ) ) {
12 function cn_cookies_accepted() {
13 return (bool) Cookie_Notice::cookies_accepted();
14 }
15 }
16
17 /**
18 * Check if cookies are set.
19 *
20 * @return bool Whether cookies are set
21 */
22 if ( ! function_exists( 'cn_cookies_set' ) ) {
23 function cn_cookies_set() {
24 return (bool) Cookie_Notice::cookies_set();
25 }
26 }
...\ No newline at end of file ...\ No newline at end of file
1 <?php
2 // exit if accessed directly
3 if ( ! defined( 'ABSPATH' ) )
4 exit;
5
6 /**
7 * Cookie Notice Modules Autoptimize class.
8 *
9 * @class Cookie_Notice_Modules_Autoptimize
10 */
11 class Cookie_Notice_Modules_Autoptimize {
12
13 /**
14 * Constructor.
15 *
16 * @return void
17 */
18 public function __construct() {
19 add_filter( 'autoptimize_filter_js_exclude', [ $this, 'exclude' ] );
20 }
21
22 /**
23 * Filter excluded JavaScript files or inline code.
24 *
25 * @param string $excludes
26 * @return string
27 */
28 function exclude( $excludes ) {
29 if ( empty( $excludes ) )
30 $new_excludes = [];
31 else {
32 $new_excludes = explode( ',', $excludes );
33 $new_excludes = array_filter( $new_excludes );
34 $new_excludes = array_map( 'trim', $new_excludes );
35 }
36
37 // not found huOptions?
38 if ( strpos( $excludes, 'huOptions' ) === false )
39 $new_excludes[] = 'huOptions';
40
41 // get widget url
42 $widget_url = basename( Cookie_Notice()->get_url( 'widget' ) );
43
44 // not found widget url?
45 if ( strpos( $excludes, $widget_url ) === false )
46 $new_excludes[] = $widget_url;
47
48 return implode( ', ', $new_excludes );
49 }
50 }
51
52 new Cookie_Notice_Modules_Autoptimize();
...\ No newline at end of file ...\ No newline at end of file
1 <?php
2 // exit if accessed directly
3 if ( ! defined( 'ABSPATH' ) )
4 exit;
5
6 /**
7 * Cookie Notice Modules Contact Form 7 class.
8 *
9 * @class Cookie_Notice_Modules_ContactForm7
10 */
11 class Cookie_Notice_Modules_ContactForm7 {
12
13 private $service;
14
15 /**
16 * Constructor.
17 *
18 * @return void
19 */
20 public function __construct() {
21 $this->service = WPCF7_RECAPTCHA::get_instance();
22
23 if ( $this->service->is_active() )
24 add_action( 'wp_enqueue_scripts', [ $this, 'contact_form_7_recaptcha' ], 21 );
25 }
26
27 /**
28 * Replace original recaptcha script from Contact Form 7.
29 *
30 * @return void
31 */
32 public function contact_form_7_recaptcha() {
33 // deregister original script
34 wp_deregister_script( 'wpcf7-recaptcha' );
35
36 // register new script
37 wp_register_script(
38 'wpcf7-recaptcha',
39 COOKIE_NOTICE_URL . '/includes/modules/contact-form-7/recaptcha.js',
40 [
41 'google-recaptcha',
42 'wp-polyfill'
43 ],
44 WPCF7_VERSION,
45 true
46 );
47
48 wp_enqueue_script( 'wpcf7-recaptcha' );
49
50 wp_localize_script(
51 'wpcf7-recaptcha',
52 'wpcf7_recaptcha',
53 [
54 'sitekey' => $this->service->get_sitekey(),
55 'actions' => apply_filters(
56 'wpcf7_recaptcha_actions',
57 [
58 'homepage' => 'homepage',
59 'contactform' => 'contactform'
60 ]
61 )
62 ]
63 );
64 }
65 }
66
67 new Cookie_Notice_Modules_ContactForm7();
...\ No newline at end of file ...\ No newline at end of file
1 ( function( window, document, undefined ) {
2
3 'use strict';
4
5 /**
6 * Initialize recaptcha.
7 *
8 * @return {void}
9 */
10 function initRecaptcha() {
11 wpcf7_recaptcha = {
12 ...( wpcf7_recaptcha ?? {} )
13 };
14
15 const siteKey = wpcf7_recaptcha.sitekey;
16 const { homepage, contactform } = wpcf7_recaptcha.actions;
17
18 const execute = options => {
19 const { action, func, params } = options;
20
21 grecaptcha.execute( siteKey, {
22 action,
23 } ).then( token => {
24 const event = new CustomEvent( 'wpcf7grecaptchaexecuted', {
25 detail: {
26 action,
27 token
28 }
29 } );
30
31 document.dispatchEvent( event );
32 } ).then( () => {
33 if ( typeof func === 'function' ) {
34 func( ...params );
35 }
36 } ).catch( error => console.error( error ) );
37 };
38
39 grecaptcha.ready( () => {
40 execute( {
41 action: homepage
42 } );
43 } );
44
45 document.addEventListener( 'change', event => {
46 execute( {
47 action: contactform
48 } );
49 } );
50
51 if ( typeof wpcf7 !== 'undefined' && typeof wpcf7.submit === 'function' ) {
52 const submit = wpcf7.submit;
53
54 wpcf7.submit = ( form, options = {} ) => {
55 execute( {
56 action: contactform,
57 func: submit,
58 params: [ form, options ]
59 } );
60 };
61 }
62
63 document.addEventListener( 'wpcf7grecaptchaexecuted', event => {
64 const fields = document.querySelectorAll( 'form.wpcf7-form input[name="_wpcf7_recaptcha_response"]' );
65
66 for ( let i = 0; i < fields.length; i++ ) {
67 let field = fields[ i ];
68
69 field.setAttribute( 'value', event.detail.token );
70 }
71 } );
72 }
73
74 /**
75 * Handle cookies-unblocked event.
76 *
77 * @return {void}
78 */
79 document.addEventListener( 'cookies-unblocked.hu', function( e ) {
80 e.detail.data.scripts.forEach( function( script ) {
81 // find google recaptcha in valid category
82 if ( script.id === 'google-recaptcha-js' && e.detail.categories[script.dataset.huCategory] === true ) {
83 script.onload = initRecaptcha;
84 script.onreadystatechange = initRecaptcha;
85 }
86 } );
87 }, false );
88
89 } )( window, document );
...\ No newline at end of file ...\ No newline at end of file
1 <?php
2 // exit if accessed directly
3 if ( ! defined( 'ABSPATH' ) )
4 exit;
5
6 /**
7 * Cookie Notice Modules Elementor class.
8 *
9 * @class Cookie_Notice_Modules_Elementor
10 */
11 class Cookie_Notice_Modules_Elementor {
12
13 /**
14 * Constructor.
15 *
16 * @return void
17 */
18 public function __construct() {
19 add_filter( 'cn_is_preview_mode', [ $this, 'is_preview_mode' ] );
20 }
21
22 /**
23 * Whether elementor editor is active.
24 *
25 * @return bool
26 */
27 function is_preview_mode() {
28 return \Elementor\Plugin::$instance->preview->is_preview_mode();
29 }
30 }
31
32 new Cookie_Notice_Modules_Elementor();
...\ No newline at end of file ...\ No newline at end of file
1 <?php
2 // exit if accessed directly
3 if ( ! defined( 'ABSPATH' ) )
4 exit;
5
6 /**
7 * Cookie_Notice_Welcome_Frontend class.
8 *
9 * @class Cookie_Notice_Welcome_Frontend
10 */
11 class Cookie_Notice_Welcome_Frontend {
12
13 private $preview_mode = false;
14
15 /**
16 * Constructor.
17 *
18 * @return void
19 */
20 public function __construct() {
21 add_action( 'after_setup_theme', [ $this, 'preview_init' ], 1 );
22 }
23
24 /**
25 * Initialize preview mode.
26 *
27 * @return void
28 */
29 public function preview_init() {
30 // check preview mode
31 $this->preview_mode = isset( $_GET['cn_preview_mode'] ) ? (int) $_GET['cn_preview_mode'] : false;
32
33 if ( $this->preview_mode !== false ) {
34 // filters
35 add_filter( 'show_admin_bar', '__return_false' );
36 add_filter( 'cn_cookie_notice_output', '__return_false', 1000 );
37
38 // actions
39 add_action( 'wp_enqueue_scripts', [ $this, 'wp_dequeue_scripts' ] );
40
41 // only in live preview
42 if ( $this->preview_mode === 1 ) {
43 add_action( 'wp_enqueue_scripts', [ $this, 'wp_enqueue_scripts' ] );
44 add_action( 'wp_head', [ $this, 'wp_head_scripts' ], 0 );
45 }
46 }
47 }
48
49 /**
50 * Load scripts and styles.
51 *
52 * @return void
53 */
54 public function wp_enqueue_scripts() {
55 // get main instance
56 $cn = Cookie_Notice();
57
58 // show only in live preview
59 if ( $this->preview_mode === 1 ) {
60 wp_enqueue_script( 'cookie-notice-welcome-frontend', COOKIE_NOTICE_URL . '/js/front-welcome.js', [ 'jquery', 'underscore' ], $cn->defaults['version'] );
61
62 // prepare script data
63 $script_data = [
64 'previewMode' => $this->preview_mode,
65 'allowedURLs' => $this->get_allowed_urls(),
66 'levelNames' => $cn->settings->level_names,
67 'textStrings' => $cn->settings->text_strings
68 ];
69
70 wp_add_inline_script( 'cookie-notice-welcome-frontend', 'var cnFrontWelcome = ' . wp_json_encode( $script_data ) . ";\n", 'before' );
71 }
72 }
73
74 /**
75 * Unload scripts and styles.
76 *
77 * @return void
78 */
79 public function wp_dequeue_scripts() {
80 // deregister native cookie notice script
81 wp_dequeue_script( 'cookie-notice-front' );
82 }
83
84 /**
85 * Load cookie compliance script.
86 *
87 * @return void
88 */
89 public function wp_head_scripts() {
90 $options = [
91 'currentLanguage' => 'en',
92 'previewMode' => true,
93 'debugMode' => true,
94 'config' => [
95 'privacyPaper' => true,
96 'privacyContact' => true
97 ]
98 ];
99
100 echo '
101 <!-- Cookie Compliance -->
102 <script type="text/javascript">
103 var huOptions = ' . wp_json_encode( $options ) . ';
104 </script>
105 <script type="text/javascript" src="' . esc_url( Cookie_Notice()->get_url( 'widget' ) ) . '"></script>
106 <style>.hu-preview-mode #hu::after {content: "";position: fixed;width: 100%;height: 100%;display: block;top: 0;left: 0}</style>';
107 }
108
109 /**
110 * Get URLs allowed to be previewed.
111 *
112 * @return array
113 */
114 public function get_allowed_urls() {
115 $allowed_urls = [ home_url( '/' ) ];
116
117 if ( is_ssl() && ! $this->is_cross_domain() )
118 $allowed_urls[] = home_url( '/', 'https' );
119
120 return $allowed_urls;
121 }
122
123 /**
124 * Determines whether the admin and the frontend are on different domains.
125 *
126 * @return bool
127 */
128 public function is_cross_domain() {
129 $admin_origin = wp_parse_url( admin_url() );
130 $home_origin = wp_parse_url( home_url() );
131
132 return ( strtolower( $admin_origin['host'] ) !== strtolower( $home_origin['host'] ) );
133 }
134 }
...\ No newline at end of file ...\ No newline at end of file
1 <?php
2 // Silence is golden.
...\ No newline at end of file ...\ No newline at end of file
1 ( function( $ ) {
2
3 // ready event
4 $( function() {
5 var charts = cnDashboardArgs.charts;
6
7 if ( Object.entries(charts).length > 0 ) {
8 for ( const [key, config] of Object.entries( charts ) ) {
9 // create canvas
10 var canvas = document.getElementById( 'cn-' + key + '-chart' );
11
12 if ( canvas ) {
13 // options per chart type
14 var options = {
15 doughnut: {
16 responsive: true,
17 plugins: {
18 legend: {
19 position: 'top',
20 }
21 },
22 hover: {
23 mode: 'label'
24 },
25 layout: {
26 padding: 0
27 }
28 },
29 line: {
30 scales: {
31 x: {
32 display: true,
33 title: {
34 display: false
35 }
36 },
37 y: {
38 display: true,
39 grace: 0,
40 beginAtZero: true,
41 title: {
42 display: false
43 },
44 ticks: {
45 precision: 0,
46 maxTicksLimit: 12
47 }
48 }
49 }
50 }
51 }
52
53 config.options = options.hasOwnProperty( config.type ) ? options[config.type] : {};
54
55 var chart = new Chart( canvas, config );
56
57 chart.update();
58 }
59 }
60 }
61 } );
62
63 } )( jQuery );
...\ No newline at end of file ...\ No newline at end of file
1 ( function( $ ) {
2
3 // ready event
4 $( function() {
5 // save dismiss state // .is-dismissible
6 $( '.cn-notice' ).on( 'click', '.notice-dismiss, .cn-notice-dismiss', function( e ) {
7 var notice_action = 'dismiss';
8 var param = '';
9
10 if ( $( e.currentTarget ).hasClass( 'cn-approve' ) )
11 notice_action = 'approve';
12 else if ( $( e.currentTarget ).hasClass( 'cn-delay' ) )
13 notice_action = 'delay';
14 else if ( $( e.delegateTarget ).hasClass( 'cn-threshold' ) ) {
15 notice_action = 'threshold';
16
17 var delay = $( e.delegateTarget ).find( '.cn-notice-text' ).data( 'delay' );
18
19 param = parseInt( delay );
20 }
21
22 $.ajax( {
23 url: cnArgsNotice.ajaxURL,
24 type: 'POST',
25 dataType: 'json',
26 data: {
27 action: 'cn_dismiss_notice',
28 notice_action: notice_action,
29 nonce: cnArgsNotice.nonce,
30 param: param,
31 cn_network: cnArgsNotice.network ? 1 : 0
32 }
33 } );
34
35 $( e.delegateTarget ).slideUp( 'fast' );
36 } );
37 } );
38
39 } )( jQuery );
...\ No newline at end of file ...\ No newline at end of file
1 ( function( $ ) {
2
3 // ready event
4 $( function() {
5 // cancel deactivation
6 $( document ).on( 'click', '.cn-deactivate-plugin-cancel', function( e ) {
7 tb_remove();
8
9 return false;
10 } );
11
12 // simple deactivation
13 $( document ).on( 'click', '.cn-deactivate-plugin-simple', function( e ) {
14 // display spinner
15 $( '#cn-deactivation-footer .spinner' ).addClass( 'is-active' );
16 } );
17
18 // deactivation with sending data
19 $( document ).on( 'click', '.cn-deactivate-plugin-data', function( e ) {
20 var spinner = $( '#cn-deactivation-footer .spinner' ),
21 url = $( this ).attr( 'href' );
22
23 // display spinner
24 spinner.addClass( 'is-active' );
25
26 // submit data
27 $.post( ajaxurl, {
28 action: 'cn-deactivate-plugin',
29 option_id: $( 'input[name="cn_deactivation_option"]:checked' ).val(),
30 other: $( 'textarea[name="cn_deactivation_other"]' ).val(),
31 nonce: cnArgsPlugins.nonce
32 } ).done( function( response ) {
33 // deactivate plugin
34 window.location.href = url;
35 } ).fail( function() {
36 // deactivate plugin
37 window.location.href = url;
38 } );
39
40 return false;
41 } );
42
43 // click on deactivation link
44 $( document ).on( 'click', '.cn-deactivate-plugin-modal', function( e ) {
45 tb_show( cnArgsPlugins.deactivate, '#TB_inline?inlineId=cn-deactivation-modal&modal=false' );
46
47 setTimeout( function() {
48 var modalBox = $( '#cn-deactivation-container' ).closest( '#TB_window' );
49
50 if ( modalBox.length > 0 ) {
51 $( modalBox ).addClass( 'cn-deactivation-modal' );
52 $( modalBox ).find( '#TB_closeWindowButton' ).on( 'blur' );
53 }
54 }, 0 );
55
56 return false;
57 } );
58
59 // change radio
60 $( document ).on( 'change', 'input[name="cn_deactivation_option"]', function( e ) {
61 var last = $( 'input[name="cn_deactivation_option"]' ).last().get( 0 );
62
63 // last element?
64 if ( $( this ).get( 0 ) === last )
65 $( '.cn-deactivation-textarea textarea' ).prop( 'disabled', false );
66 else
67 $( '.cn-deactivation-textarea textarea' ).prop( 'disabled', true );
68 } );
69 } );
70
71 } )( jQuery );
...\ No newline at end of file ...\ No newline at end of file
1 ( function( $ ) {
2
3 // ready event
4 $( function() {
5 // initialize color picker
6 $( '.cn_color' ).wpColorPicker();
7
8 // purge cache
9 $( '#cn_app_purge_cache a' ).on( 'click', function( e ) {
10 e.preventDefault();
11
12 var el = this;
13
14 $( el ).parent().addClass( 'loading' ).append( '<span class="spinner is-active" style="float: none"></span>' );
15
16 var ajaxArgs = {
17 action: 'cn_purge_cache',
18 nonce: cnArgs.nonce
19 };
20
21 // network area?
22 if ( cnArgs.network )
23 ajaxArgs.cn_network = 1;
24
25 $.ajax( {
26 url: cnArgs.ajaxURL,
27 type: 'POST',
28 dataType: 'json',
29 data: ajaxArgs
30 } ).done( function( result ) {
31 console.log( result );
32 } ).always( function( result ) {
33 $( el ).parent().find( '.spinner' ).remove();
34 } );
35 } );
36
37 // global override
38 $( 'input[name="cookie_notice_options[global_override]"]' ).on( 'change', function() {
39 $( '.cookie-notice-settings form' ).toggleClass( 'cn-options-disabled' );
40 } );
41
42 // refuse option
43 $( '#cn_refuse_opt' ).on( 'change', function() {
44 if ( $( this ).is( ':checked' ) )
45 $( '#cn_refuse_opt_container' ).slideDown( 'fast' );
46 else
47 $( '#cn_refuse_opt_container' ).slideUp( 'fast' );
48 } );
49
50 // revoke option
51 $( '#cn_revoke_cookies' ).on( 'change', function() {
52 if ( $( this ).is( ':checked' ) )
53 $( '#cn_revoke_opt_container' ).slideDown( 'fast' );
54 else
55 $( '#cn_revoke_opt_container' ).slideUp( 'fast' );
56 } );
57
58 // privacy policy option
59 $( '#cn_see_more' ).on( 'change', function() {
60 if ( $( this ).is( ':checked' ) )
61 $( '#cn_see_more_opt' ).slideDown( 'fast' );
62 else
63 $( '#cn_see_more_opt' ).slideUp( 'fast' );
64 } );
65
66 // on scroll option
67 $( '#cn_on_scroll' ).on( 'change', function() {
68 if ( $( this ).is( ':checked' ) )
69 $( '#cn_on_scroll_offset' ).slideDown( 'fast' );
70 else
71 $( '#cn_on_scroll_offset' ).slideUp( 'fast' );
72 } );
73
74 // conditional display option
75 $( '#cn_conditional_display_opt' ).on( 'change', function() {
76 if ( $( this ).is( ':checked' ) )
77 $( '#cn_conditional_display_opt_container' ).slideDown( 'fast' );
78 else
79 $( '#cn_conditional_display_opt_container' ).slideUp( 'fast' );
80 } );
81
82 // privacy policy link
83 $( '#cn_see_more_link-custom, #cn_see_more_link-page' ).on( 'change', function() {
84 if ( $( '#cn_see_more_link-custom:checked' ).val() === 'custom' ) {
85 $( '#cn_see_more_opt_page' ).slideUp( 'fast', function() {
86 $( '#cn_see_more_opt_link' ).slideDown( 'fast' );
87 } );
88 } else if ( $( '#cn_see_more_link-page:checked' ).val() === 'page' ) {
89 $( '#cn_see_more_opt_link' ).slideUp( 'fast', function() {
90 $( '#cn_see_more_opt_page' ).slideDown( 'fast' );
91 } );
92 }
93 } );
94
95 // script blocking
96 $( '#cn_refuse_code_fields' ).find( 'a' ).on( 'click', function( e ) {
97 e.preventDefault();
98
99 $( '#cn_refuse_code_fields' ).find( 'a' ).removeClass( 'nav-tab-active' );
100 $( '.refuse-code-tab' ).removeClass( 'active' );
101
102 var id = $( this ).attr( 'id' ).replace( '-tab', '' );
103
104 $( '#' + id ).addClass( 'active' );
105 $( this ).addClass( 'nav-tab-active' );
106 } );
107
108 // add new group of rules
109 $( document ).on( 'click', '.add-rule-group', function( e ) {
110 e.preventDefault();
111
112 var html = $( '#rules-group-template' ).html();
113 var group = $( '#rules-groups' );
114 var groups = group.find( '.rules-group' );
115 var groupID = ( groups.length > 0 ? parseInt( groups.last().attr( 'id' ).split( '-' )[2] ) + 1 : 1 );
116
117 html = html.replace( /__GROUP_ID__/g, groupID );
118 html = html.replace( /__RULE_ID__/g, 1 );
119
120 group.append( '<div class="rules-group" id="rules-group-' + groupID + '">' + html + '</div>' );
121 group.find( '.rules-group' ).last().fadeIn( 'fast' );
122 } );
123
124 // remove single rule or group
125 $( document ).on( 'click', '.remove-rule', function( e ) {
126 e.preventDefault();
127
128 var number = $( this ).closest( 'tbody' ).find( 'tr' ).length;
129
130 if ( number === 1 ) {
131 $( this ).closest( '.rules-group' ).fadeOut( 'fast', function() {
132 $( this ).remove();
133 } );
134 } else {
135 $( this ).closest( 'tr' ).fadeOut( 'fast', function() {
136 $( this ).remove();
137 } );
138 }
139 } );
140
141 // handle changing values for specified type of rules
142 $( document ).on( 'change', '.rule-type', function() {
143 var el = $( this );
144 var td = el.closest( 'tr' ).find( 'td.value' );
145 var select = td.find( 'select' );
146 var spinner = td.find( '.spinner' );
147
148 select.hide();
149 spinner.fadeIn( 'fast' ).css( 'visibility', 'visible' );
150
151 $.post( ajaxurl, {
152 action: 'cn-get-group-rules-values',
153 cn_param: el.val(),
154 cn_nonce: cnArgs.nonceConditional
155 } ).done( function( data ) {
156 spinner.hide().css( 'visibility', 'hidden' );
157
158 try {
159 var response = $.parseJSON( data );
160
161 // replace old select options with new ones
162 select.fadeIn( 'fast' ).find( 'option' ).remove().end().append( response.select );
163 } catch( e ) {
164 //
165 }
166 } ).fail(function() {
167 //
168 } );
169 } );
170 } );
171
172 $( document ).on( 'click', 'input#reset_cookie_notice_options', function() {
173 return confirm( cnArgs.resetToDefaults );
174 } );
175
176 } )( jQuery );
...\ No newline at end of file ...\ No newline at end of file
1 !function(e){e(function(){e(".cn_color").wpColorPicker(),e("#cn_app_purge_cache a").on("click",function(n){n.preventDefault();var o=this;e(o).parent().addClass("loading").append('<span class="spinner is-active" style="float: none"></span>');var t={action:"cn_purge_cache",nonce:cnArgs.nonce};cnArgs.network&&(t.cn_network=1),e.ajax({url:cnArgs.ajaxURL,type:"POST",dataType:"json",data:t}).done(function(e){console.log(e)}).always(function(n){e(o).parent().find(".spinner").remove()})}),e('input[name="cookie_notice_options[global_override]"]').on("change",function(){e(".cookie-notice-settings form").toggleClass("cn-options-disabled")}),e("#cn_refuse_opt").on("change",function(){e(this).is(":checked")?e("#cn_refuse_opt_container").slideDown("fast"):e("#cn_refuse_opt_container").slideUp("fast")}),e("#cn_revoke_cookies").on("change",function(){e(this).is(":checked")?e("#cn_revoke_opt_container").slideDown("fast"):e("#cn_revoke_opt_container").slideUp("fast")}),e("#cn_see_more").on("change",function(){e(this).is(":checked")?e("#cn_see_more_opt").slideDown("fast"):e("#cn_see_more_opt").slideUp("fast")}),e("#cn_on_scroll").on("change",function(){e(this).is(":checked")?e("#cn_on_scroll_offset").slideDown("fast"):e("#cn_on_scroll_offset").slideUp("fast")}),e("#cn_conditional_display_opt").on("change",function(){e(this).is(":checked")?e("#cn_conditional_display_opt_container").slideDown("fast"):e("#cn_conditional_display_opt_container").slideUp("fast")}),e("#cn_see_more_link-custom, #cn_see_more_link-page").on("change",function(){"custom"===e("#cn_see_more_link-custom:checked").val()?e("#cn_see_more_opt_page").slideUp("fast",function(){e("#cn_see_more_opt_link").slideDown("fast")}):"page"===e("#cn_see_more_link-page:checked").val()&&e("#cn_see_more_opt_link").slideUp("fast",function(){e("#cn_see_more_opt_page").slideDown("fast")})}),e("#cn_refuse_code_fields").find("a").on("click",function(n){n.preventDefault(),e("#cn_refuse_code_fields").find("a").removeClass("nav-tab-active"),e(".refuse-code-tab").removeClass("active");var o=e(this).attr("id").replace("-tab","");e("#"+o).addClass("active"),e(this).addClass("nav-tab-active")}),e(document).on("click",".add-rule-group",function(n){n.preventDefault();var o=e("#rules-group-template").html(),t=e("#rules-groups"),s=t.find(".rules-group"),c=s.length>0?parseInt(s.last().attr("id").split("-")[2])+1:1;o=(o=o.replace(/__GROUP_ID__/g,c)).replace(/__RULE_ID__/g,1),t.append('<div class="rules-group" id="rules-group-'+c+'">'+o+"</div>"),t.find(".rules-group").last().fadeIn("fast")}),e(document).on("click",".remove-rule",function(n){n.preventDefault(),1===e(this).closest("tbody").find("tr").length?e(this).closest(".rules-group").fadeOut("fast",function(){e(this).remove()}):e(this).closest("tr").fadeOut("fast",function(){e(this).remove()})}),e(document).on("change",".rule-type",function(){var n=e(this),o=n.closest("tr").find("td.value"),t=o.find("select"),s=o.find(".spinner");t.hide(),s.fadeIn("fast").css("visibility","visible"),e.post(ajaxurl,{action:"cn-get-group-rules-values",cn_param:n.val(),cn_nonce:cnArgs.nonceConditional}).done(function(n){s.hide().css("visibility","hidden");try{var o=e.parseJSON(n);t.fadeIn("fast").find("option").remove().end().append(o.select)}catch(c){}}).fail(function(){})})}),e(document).on("click","input#reset_cookie_notice_options",function(){return confirm(cnArgs.resetToDefaults)})}(jQuery);
...\ No newline at end of file ...\ No newline at end of file
1 !function(){if("function"==typeof window.CustomEvent)return!1;function e(e,t){t=t||{bubbles:!1,cancelable:!1,detail:void 0};var n=document.createEvent("CustomEvent");return n.initCustomEvent(e,t.bubbles,t.cancelable,t.detail),n}e.prototype=window.Event.prototype,window.CustomEvent=e}(),function(){var e=function(e){return RegExp("(^| )"+e+"( |$)")},t=function(e,t,n){for(var i=0;i<e.length;i++)t.call(n,e[i])};function n(e){this.element=e}n.prototype={add:function(){t(arguments,function(e){this.contains(e)||(this.element.className+=this.element.className.length>0?" "+e:e)},this)},remove:function(){t(arguments,function(t){this.element.className=this.element.className.replace(e(t),"")},this)},toggle:function(e){return this.contains(e)?(this.remove(e),!1):(this.add(e),!0)},contains:function(t){return e(t).test(this.element.className)},replace:function(e,t){this.remove(e),this.add(t)}},"classList"in Element.prototype||Object.defineProperty(Element.prototype,"classList",{get:function(){return new n(this)}}),window.DOMTokenList&&null==DOMTokenList.prototype.replace&&(DOMTokenList.prototype.replace=n.prototype.replace)}(),function(e,t,n){var i=new function(){this.cookiesAccepted=null,this.noticeContainer=null,this.setStatus=function(n){var i=this,o="",s="",c=new Date,a=new Date;cnArgs.onScroll&&e.removeEventListener("scroll",this.handleScroll),"accept"===n?(n="true",a.setTime(parseInt(c.getTime())+1e3*parseInt(cnArgs.cookieTime))):(n="false",a.setTime(parseInt(c.getTime())+1e3*parseInt(cnArgs.cookieTimeRejected))),cnArgs.globalCookie&&(o=this.getDomain(t.location.hostname)),"localhost"===t.location.hostname&&(s=t.location.pathname.split("/")[1]);var r="";"https:"===t.location.protocol&&(r=";secure"),t.cookie=cnArgs.cookieName+"="+n+";expires="+a.toUTCString()+";path=/"+s+";domain="+o+r,this.cookiesAccepted="true"===n;var d=new CustomEvent("setCookieNotice",{detail:{value:n,time:c,expires:a,data:cnArgs}});if(t.dispatchEvent(d),this.setBodyClass(["cookies-set","true"===n?"cookies-accepted":"cookies-refused"]),this.hideCookieNotice(),"automatic"===cnArgs.revokeCookiesOpt&&(this.noticeContainer.addEventListener("animationend",function e(){i.noticeContainer.removeEventListener("animationend",e),i.showRevokeNotice()}),this.noticeContainer.addEventListener("webkitAnimationEnd",function e(){i.noticeContainer.removeEventListener("webkitAnimationEnd",e),i.showRevokeNotice()})),cnArgs.redirection&&("true"===n&&null===this.cookiesAccepted||n!==this.cookiesAccepted&&null!==this.cookiesAccepted)){var l=e.location.protocol+"//",h=e.location.host+"/"+e.location.pathname;cnArgs.cache?(l=l+h.replace("//","/")+(""===e.location.search?"?":e.location.search+"&")+"cn-reloaded=1"+e.location.hash,e.location.href=l):(l=l+h.replace("//","/")+e.location.search+e.location.hash,e.location.reload(!0));return}},this.getDomain=function(e){RegExp(/https?:\/\//).test(e)||(e="http://"+e);var t=new URL(e).hostname.split(".");return t.slice(0).slice(-(4===t.length?3:2)).join(".")},this.getStatus=function(e){var n=("; "+t.cookie).split("; cookie_notice_accepted=");if(2!==n.length)return null;var i=n.pop().split(";").shift();return e?"true"===i:i},this.showCookieNotice=function(){var e=this,n=new CustomEvent("showCookieNotice",{detail:{data:cnArgs}});t.dispatchEvent(n),this.noticeContainer.classList.remove("cookie-notice-hidden"),this.noticeContainer.classList.add("cn-animated"),this.noticeContainer.classList.add("cookie-notice-visible"),this.noticeContainer.addEventListener("animationend",function t(){e.noticeContainer.removeEventListener("animationend",t),e.noticeContainer.classList.remove("cn-animated")}),this.noticeContainer.addEventListener("webkitAnimationEnd",function t(){e.noticeContainer.removeEventListener("webkitAnimationEnd",t),e.noticeContainer.classList.remove("cn-animated")})},this.hideCookieNotice=function(){var e=this,n=new CustomEvent("hideCookieNotice",{detail:{data:cnArgs}});t.dispatchEvent(n),this.noticeContainer.classList.add("cn-animated"),this.noticeContainer.classList.remove("cookie-notice-visible"),this.noticeContainer.addEventListener("animationend",function t(){e.noticeContainer.removeEventListener("animationend",t),e.noticeContainer.classList.remove("cn-animated"),e.noticeContainer.classList.add("cookie-notice-hidden")}),this.noticeContainer.addEventListener("webkitAnimationEnd",function t(){e.noticeContainer.removeEventListener("webkitAnimationEnd",t),e.noticeContainer.classList.remove("cn-animated"),e.noticeContainer.classList.add("cookie-notice-hidden")})},this.showRevokeNotice=function(){var e=this,n=new CustomEvent("showRevokeNotice",{detail:{data:cnArgs}});t.dispatchEvent(n),this.noticeContainer.classList.remove("cookie-revoke-hidden"),this.noticeContainer.classList.add("cn-animated"),this.noticeContainer.classList.add("cookie-revoke-visible"),this.noticeContainer.addEventListener("animationend",function t(){e.noticeContainer.removeEventListener("animationend",t),e.noticeContainer.classList.remove("cn-animated")}),this.noticeContainer.addEventListener("webkitAnimationEnd",function t(){e.noticeContainer.removeEventListener("webkitAnimationEnd",t),e.noticeContainer.classList.remove("cn-animated")})},this.hideRevokeNotice=function(){var e=this,n=new CustomEvent("hideRevokeNotice",{detail:{data:cnArgs}});t.dispatchEvent(n),this.noticeContainer.classList.add("cn-animated"),this.noticeContainer.classList.remove("cookie-revoke-visible"),this.noticeContainer.addEventListener("animationend",function t(){e.noticeContainer.removeEventListener("animationend",t),e.noticeContainer.classList.remove("cn-animated"),e.noticeContainer.classList.add("cookie-revoke-hidden")}),this.noticeContainer.addEventListener("webkitAnimationEnd",function t(){e.noticeContainer.removeEventListener("webkitAnimationEnd",t),e.noticeContainer.classList.remove("cn-animated"),e.noticeContainer.classList.add("cookie-revoke-hidden")})},this.setBodyClass=function(e){t.body.classList.remove("cookies-revoke"),t.body.classList.remove("cookies-accepted"),t.body.classList.remove("cookies-refused"),t.body.classList.remove("cookies-set"),t.body.classList.remove("cookies-not-set");for(var n=0;n<e.length;n++)t.body.classList.add(e[n])},this.handleScroll=function(){(e.pageYOffset||(t.documentElement||t.body.parentNode||t.body).scrollTop)>parseInt(cnArgs.onScrollOffset)&&this.setStatus("accept")},this.getClosest=function(e,n){for(Element.prototype.matches||(Element.prototype.matches=Element.prototype.matchesSelector||Element.prototype.mozMatchesSelector||Element.prototype.msMatchesSelector||Element.prototype.oMatchesSelector||Element.prototype.webkitMatchesSelector||function(e){for(var t=(this.document||this.ownerDocument).querySelectorAll(e),n=t.length;--n>=0&&t.item(n)!==this;);return n>-1});e&&e!==t;e=e.parentNode)if(e.matches(n))return e;return null},this.inIframe=function(){try{return e.self!==e.top}catch(t){return!0}},this.init=function(){var n=this;if(!0!==this.inIframe()&&(this.cookiesAccepted=this.getStatus(!0),this.noticeContainer=t.getElementById("cookie-notice"),this.noticeContainer)){var i=t.getElementsByClassName("cn-set-cookie"),o=t.getElementsByClassName("cn-revoke-cookie"),s=t.getElementById("cn-close-notice");this.noticeContainer.classList.add("cn-effect-"+cnArgs.hideEffect),null===this.cookiesAccepted?(cnArgs.onScroll&&e.addEventListener("scroll",function(e){n.handleScroll()}),cnArgs.onClick&&e.addEventListener("click",function(e){null===n.getClosest(e.target,"#cookie-notice")&&n.setStatus("accept")},!0),this.setBodyClass(["cookies-not-set"]),this.showCookieNotice()):(this.setBodyClass(["cookies-set",!0===this.cookiesAccepted?"cookies-accepted":"cookies-refused"]),cnArgs.revokeCookies&&"automatic"===cnArgs.revokeCookiesOpt&&this.showRevokeNotice());for(var c=0;c<i.length;c++)i[c].addEventListener("click",function(e){e.preventDefault(),e.stopPropagation(),n.setStatus(this.dataset.cookieSet)});null!==s&&s.addEventListener("click",function(e){e.preventDefault(),e.stopPropagation(),n.setStatus("reject")});for(var c=0;c<o.length;c++)o[c].addEventListener("click",function(e){e.preventDefault(),n.noticeContainer.classList.contains("cookie-revoke-visible")?(n.hideRevokeNotice(),n.noticeContainer.addEventListener("animationend",function e(){n.noticeContainer.removeEventListener("animationend",e),n.showCookieNotice()}),n.noticeContainer.addEventListener("webkitAnimationEnd",function e(){n.noticeContainer.removeEventListener("webkitAnimationEnd",e),n.showCookieNotice()})):n.noticeContainer.classList.contains("cookie-notice-hidden")&&n.noticeContainer.classList.contains("cookie-revoke-hidden")&&n.showCookieNotice()})}}};e.addEventListener("load",function(){i.init()},!1)}(window,document,void 0);
...\ No newline at end of file ...\ No newline at end of file
1 <!-- BLOCKED -->
...\ No newline at end of file ...\ No newline at end of file