eSales Media Git repositories
Browse code

No longer use headline tag for heading

Benjamin Roth authored on04/07/2018 10:16:40
Showing1 changed files
assets/css/cp_theme.css
History View file @5c2c27e
... ... 
@@ -490,7 +490,7 @@
490 490 
 }
491 491
492 492 
 .cp-dialog .cp-inside,
493 
-.cp-dialog .cp-header h1 {
493 
+.cp-dialog .cp-headline {
494 494 
 	max-width: 100%;
495 495 
 	width: 900px;
496 496 
 	margin: 0 auto;
... ... 
@@ -512,10 +512,11 @@
512 512 
 	border-bottom: 2px solid #414141;
513 513 
 	background-color: #999;
514 514 
 }
515 
-.cp-dialog .cp-header h1 {
515 
+.cp-dialog .cp-headline {
516 516 
 	line-height: 2;
517 517 
 	font-size: 125%;
518 518 
 	text-transform: uppercase;
519 
+	display: block;
519 520 
 }
520 521
521 522 
 .cp-dialog .cp-content h1, .cp-dialog .cp-content h2, .cp-dialog .cp-content h3, .cp-dialog .cp-content h4, .cp-dialog .cp-content h5, .cp-dialog .cp-content h6, .cp-dialog .cp-content p, .cp-dialog .cp-content ul, .cp-dialog .cp-content li {
Browse code

Remove the vex dialog dependency

Benjamin Roth authored on23/09/2015 17:32:36
Showing1 changed files
assets/css/cp_theme.css
History View file @883d77c
1 1 
new file mode 100644
... ... 
@@ -0,0 +1,569 @@
1 
+@keyframes cp-dropin {
2 
+	/* line 51, ../sass/_keyframes.sass */
3 
+	0% {
4 
+		transform: translateY(100%);
5 
+		-webkit-transform: translateY(100%);
6 
+		-moz-transform: translateY(100%);
7 
+		-ms-transform: translateY(100%);
8 
+		-o-transform: translateY(100%);
9 
+		opacity: 0;
10 
+	}
11 
+
12 
+	/* line 54, ../sass/_keyframes.sass */
13 
+	51% {
14 
+		transform: translateY(100%);
15 
+		-webkit-transform: translateY(100%);
16 
+		-moz-transform: translateY(100%);
17 
+		-ms-transform: translateY(100%);
18 
+		-o-transform: translateY(100%);
19 
+		opacity: 0;
20 
+	}
21 
+
22 
+	/* line 59, ../sass/_keyframes.sass */
23 
+	52% {
24 
+		transform: translateY(100%);
25 
+		-webkit-transform: translateY(100%);
26 
+		-moz-transform: translateY(100%);
27 
+		-ms-transform: translateY(100%);
28 
+		-o-transform: translateY(100%);
29 
+		opacity: 0;
30 
+	}
31 
+
32 
+	/* line 62, ../sass/_keyframes.sass */
33 
+	100% {
34 
+		transform: translateY(0);
35 
+		-webkit-transform: translateY(0);
36 
+		-moz-transform: translateY(0);
37 
+		-ms-transform: translateY(0);
38 
+		-o-transform: translateY(0);
39 
+		opacity: 1;
40 
+	}
41 
+}
42 
+
43 
+@-webkit-keyframes cp-dropin {
44 
+	/* line 51, ../sass/_keyframes.sass */
45 
+	0% {
46 
+		transform: translateY(100%);
47 
+		-webkit-transform: translateY(100%);
48 
+		-moz-transform: translateY(100%);
49 
+		-ms-transform: translateY(100%);
50 
+		-o-transform: translateY(100%);
51 
+		opacity: 0;
52 
+	}
53 
+
54 
+	/* line 54, ../sass/_keyframes.sass */
55 
+	51% {
56 
+		transform: translateY(100%);
57 
+		-webkit-transform: translateY(100%);
58 
+		-moz-transform: translateY(100%);
59 
+		-ms-transform: translateY(100%);
60 
+		-o-transform: translateY(100%);
61 
+		opacity: 0;
62 
+	}
63 
+
64 
+	/* line 59, ../sass/_keyframes.sass */
65 
+	52% {
66 
+		transform: translateY(100%);
67 
+		-webkit-transform: translateY(100%);
68 
+		-moz-transform: translateY(100%);
69 
+		-ms-transform: translateY(100%);
70 
+		-o-transform: translateY(100%);
71 
+		opacity: 0;
72 
+	}
73 
+
74 
+	/* line 62, ../sass/_keyframes.sass */
75 
+	100% {
76 
+		transform: translateY(0);
77 
+		-webkit-transform: translateY(0);
78 
+		-moz-transform: translateY(0);
79 
+		-ms-transform: translateY(0);
80 
+		-o-transform: translateY(0);
81 
+		opacity: 1;
82 
+	}
83 
+}
84 
+
85 
+@-moz-keyframes cp-dropin {
86 
+	/* line 51, ../sass/_keyframes.sass */
87 
+	0% {
88 
+		transform: translateY(100%);
89 
+		-webkit-transform: translateY(100%);
90 
+		-moz-transform: translateY(100%);
91 
+		-ms-transform: translateY(100%);
92 
+		-o-transform: translateY(100%);
93 
+		opacity: 0;
94 
+	}
95 
+
96 
+	/* line 54, ../sass/_keyframes.sass */
97 
+	51% {
98 
+		transform: translateY(100%);
99 
+		-webkit-transform: translateY(100%);
100 
+		-moz-transform: translateY(100%);
101 
+		-ms-transform: translateY(100%);
102 
+		-o-transform: translateY(100%);
103 
+		opacity: 0;
104 
+	}
105 
+
106 
+	/* line 59, ../sass/_keyframes.sass */
107 
+	52% {
108 
+		transform: translateY(100%);
109 
+		-webkit-transform: translateY(100%);
110 
+		-moz-transform: translateY(100%);
111 
+		-ms-transform: translateY(100%);
112 
+		-o-transform: translateY(100%);
113 
+		opacity: 0;
114 
+	}
115 
+
116 
+	/* line 62, ../sass/_keyframes.sass */
117 
+	100% {
118 
+		transform: translateY(0);
119 
+		-webkit-transform: translateY(0);
120 
+		-moz-transform: translateY(0);
121 
+		-ms-transform: translateY(0);
122 
+		-o-transform: translateY(0);
123 
+		opacity: 1;
124 
+	}
125 
+}
126 
+
127 
+@-ms-keyframes cp-dropin {
128 
+	/* line 51, ../sass/_keyframes.sass */
129 
+	0% {
130 
+		transform: translateY(100%);
131 
+		-webkit-transform: translateY(100%);
132 
+		-moz-transform: translateY(100%);
133 
+		-ms-transform: translateY(100%);
134 
+		-o-transform: translateY(100%);
135 
+		opacity: 0;
136 
+	}
137 
+
138 
+	/* line 54, ../sass/_keyframes.sass */
139 
+	51% {
140 
+		transform: translateY(100%);
141 
+		-webkit-transform: translateY(100%);
142 
+		-moz-transform: translateY(100%);
143 
+		-ms-transform: translateY(100%);
144 
+		-o-transform: translateY(100%);
145 
+		opacity: 0;
146 
+	}
147 
+
148 
+	/* line 59, ../sass/_keyframes.sass */
149 
+	52% {
150 
+		transform: translateY(100%);
151 
+		-webkit-transform: translateY(100%);
152 
+		-moz-transform: translateY(100%);
153 
+		-ms-transform: translateY(100%);
154 
+		-o-transform: translateY(100%);
155 
+		opacity: 0;
156 
+	}
157 
+
158 
+	/* line 62, ../sass/_keyframes.sass */
159 
+	100% {
160 
+		transform: translateY(0);
161 
+		-webkit-transform: translateY(0);
162 
+		-moz-transform: translateY(0);
163 
+		-ms-transform: translateY(0);
164 
+		-o-transform: translateY(0);
165 
+		opacity: 1;
166 
+	}
167 
+}
168 
+
169 
+@-o-keyframes cp-dropin {
170 
+	/* line 51, ../sass/_keyframes.sass */
171 
+	0% {
172 
+		transform: translateY(100%);
173 
+		-webkit-transform: translateY(100%);
174 
+		-moz-transform: translateY(100%);
175 
+		-ms-transform: translateY(100%);
176 
+		-o-transform: translateY(100%);
177 
+		opacity: 0;
178 
+	}
179 
+
180 
+	/* line 54, ../sass/_keyframes.sass */
181 
+	51% {
182 
+		transform: translateY(100%);
183 
+		-webkit-transform: translateY(100%);
184 
+		-moz-transform: translateY(100%);
185 
+		-ms-transform: translateY(100%);
186 
+		-o-transform: translateY(100%);
187 
+		opacity: 0;
188 
+	}
189 
+
190 
+	/* line 59, ../sass/_keyframes.sass */
191 
+	52% {
192 
+		transform: translateY(100%);
193 
+		-webkit-transform: translateY(100%);
194 
+		-moz-transform: translateY(100%);
195 
+		-ms-transform: translateY(100%);
196 
+		-o-transform: translateY(100%);
197 
+		opacity: 0;
198 
+	}
199 
+
200 
+	/* line 62, ../sass/_keyframes.sass */
201 
+	100% {
202 
+		transform: translateY(0);
203 
+		-webkit-transform: translateY(0);
204 
+		-moz-transform: translateY(0);
205 
+		-ms-transform: translateY(0);
206 
+		-o-transform: translateY(0);
207 
+		opacity: 1;
208 
+	}
209 
+}
210 
+
211 
+@keyframes cp-dropout {
212 
+	/* line 68, ../sass/_keyframes.sass */
213 
+	0% {
214 
+		transform: translateY(0);
215 
+		-webkit-transform: translateY(0);
216 
+		-moz-transform: translateY(0);
217 
+		-ms-transform: translateY(0);
218 
+		-o-transform: translateY(0);
219 
+		opacity: 1;
220 
+	}
221 
+
222 
+	/* line 70, ../sass/_keyframes.sass */
223 
+	100% {
224 
+		transform: translateY(100%);
225 
+		-webkit-transform: translateY(100%);
226 
+		-moz-transform: translateY(100%);
227 
+		-ms-transform: translateY(100%);
228 
+		-o-transform: translateY(100%);
229 
+		opacity: 0;
230 
+	}
231 
+}
232 
+
233 
+@-webkit-keyframes cp-dropout {
234 
+	/* line 68, ../sass/_keyframes.sass */
235 
+	0% {
236 
+		transform: translateY(0);
237 
+		-webkit-transform: translateY(0);
238 
+		-moz-transform: translateY(0);
239 
+		-ms-transform: translateY(0);
240 
+		-o-transform: translateY(0);
241 
+		opacity: 1;
242 
+	}
243 
+
244 
+	/* line 70, ../sass/_keyframes.sass */
245 
+	100% {
246 
+		transform: translateY(100%);
247 
+		-webkit-transform: translateY(100%);
248 
+		-moz-transform: translateY(100%);
249 
+		-ms-transform: translateY(100%);
250 
+		-o-transform: translateY(100%);
251 
+		opacity: 0;
252 
+	}
253 
+}
254 
+
255 
+@-moz-keyframes cp-dropout {
256 
+	/* line 68, ../sass/_keyframes.sass */
257 
+	0% {
258 
+		transform: translateY(0);
259 
+		-webkit-transform: translateY(0);
260 
+		-moz-transform: translateY(0);
261 
+		-ms-transform: translateY(0);
262 
+		-o-transform: translateY(0);
263 
+		opacity: 1;
264 
+	}
265 
+
266 
+	/* line 70, ../sass/_keyframes.sass */
267 
+	100% {
268 
+		transform: translateY(100%);
269 
+		-webkit-transform: translateY(100%);
270 
+		-moz-transform: translateY(100%);
271 
+		-ms-transform: translateY(100%);
272 
+		-o-transform: translateY(100%);
273 
+		opacity: 0;
274 
+	}
275 
+}
276 
+
277 
+@-ms-keyframes cp-dropout {
278 
+	/* line 68, ../sass/_keyframes.sass */
279 
+	0% {
280 
+		transform: translateY(0);
281 
+		-webkit-transform: translateY(0);
282 
+		-moz-transform: translateY(0);
283 
+		-ms-transform: translateY(0);
284 
+		-o-transform: translateY(0);
285 
+		opacity: 1;
286 
+	}
287 
+
288 
+	/* line 70, ../sass/_keyframes.sass */
289 
+	100% {
290 
+		transform: translateY(100%);
291 
+		-webkit-transform: translateY(100%);
292 
+		-moz-transform: translateY(100%);
293 
+		-ms-transform: translateY(100%);
294 
+		-o-transform: translateY(100%);
295 
+		opacity: 0;
296 
+	}
297 
+}
298 
+
299 
+@-o-keyframes cp-dropout {
300 
+	/* line 68, ../sass/_keyframes.sass */
301 
+	0% {
302 
+		transform: translateY(0);
303 
+		-webkit-transform: translateY(0);
304 
+		-moz-transform: translateY(0);
305 
+		-ms-transform: translateY(0);
306 
+		-o-transform: translateY(0);
307 
+		opacity: 1;
308 
+	}
309 
+
310 
+	/* line 70, ../sass/_keyframes.sass */
311 
+	100% {
312 
+		transform: translateY(100%);
313 
+		-webkit-transform: translateY(100%);
314 
+		-moz-transform: translateY(100%);
315 
+		-ms-transform: translateY(100%);
316 
+		-o-transform: translateY(100%);
317 
+		opacity: 0;
318 
+	}
319 
+}
320 
+
321 
+@keyframes cp-pulse {
322 
+	/* line 136, ../sass/_keyframes.sass */
323 
+	0% {
324 
+		-webkit-box-shadow: inset 0 0 0 300px transparent;
325 
+		-moz-box-shadow: inset 0 0 0 300px transparent;
326 
+		box-shadow: inset 0 0 0 300px transparent;
327 
+	}
328 
+
329 
+	/* line 138, ../sass/_keyframes.sass */
330 
+	70% {
331 
+		-webkit-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
332 
+		-moz-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
333 
+		box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
334 
+	}
335 
+
336 
+	/* line 140, ../sass/_keyframes.sass */
337 
+	100% {
338 
+		-webkit-box-shadow: inset 0 0 0 300px transparent;
339 
+		-moz-box-shadow: inset 0 0 0 300px transparent;
340 
+		box-shadow: inset 0 0 0 300px transparent;
341 
+	}
342 
+}
343 
+
344 
+@-webkit-keyframes cp-pulse {
345 
+	/* line 136, ../sass/_keyframes.sass */
346 
+	0% {
347 
+		-webkit-box-shadow: inset 0 0 0 300px transparent;
348 
+		-moz-box-shadow: inset 0 0 0 300px transparent;
349 
+		box-shadow: inset 0 0 0 300px transparent;
350 
+	}
351 
+
352 
+	/* line 138, ../sass/_keyframes.sass */
353 
+	70% {
354 
+		-webkit-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
355 
+		-moz-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
356 
+		box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
357 
+	}
358 
+
359 
+	/* line 140, ../sass/_keyframes.sass */
360 
+	100% {
361 
+		-webkit-box-shadow: inset 0 0 0 300px transparent;
362 
+		-moz-box-shadow: inset 0 0 0 300px transparent;
363 
+		box-shadow: inset 0 0 0 300px transparent;
364 
+	}
365 
+}
366 
+
367 
+@-moz-keyframes cp-pulse {
368 
+	/* line 136, ../sass/_keyframes.sass */
369 
+	0% {
370 
+		-webkit-box-shadow: inset 0 0 0 300px transparent;
371 
+		-moz-box-shadow: inset 0 0 0 300px transparent;
372 
+		box-shadow: inset 0 0 0 300px transparent;
373 
+	}
374 
+
375 
+	/* line 138, ../sass/_keyframes.sass */
376 
+	70% {
377 
+		-webkit-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
378 
+		-moz-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
379 
+		box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
380 
+	}
381 
+
382 
+	/* line 140, ../sass/_keyframes.sass */
383 
+	100% {
384 
+		-webkit-box-shadow: inset 0 0 0 300px transparent;
385 
+		-moz-box-shadow: inset 0 0 0 300px transparent;
386 
+		box-shadow: inset 0 0 0 300px transparent;
387 
+	}
388 
+}
389 
+
390 
+@-ms-keyframes cp-pulse {
391 
+	/* line 136, ../sass/_keyframes.sass */
392 
+	0% {
393 
+		-webkit-box-shadow: inset 0 0 0 300px transparent;
394 
+		-moz-box-shadow: inset 0 0 0 300px transparent;
395 
+		box-shadow: inset 0 0 0 300px transparent;
396 
+	}
397 
+
398 
+	/* line 138, ../sass/_keyframes.sass */
399 
+	70% {
400 
+		-webkit-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
401 
+		-moz-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
402 
+		box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
403 
+	}
404 
+
405 
+	/* line 140, ../sass/_keyframes.sass */
406 
+	100% {
407 
+		-webkit-box-shadow: inset 0 0 0 300px transparent;
408 
+		-moz-box-shadow: inset 0 0 0 300px transparent;
409 
+		box-shadow: inset 0 0 0 300px transparent;
410 
+	}
411 
+}
412 
+
413 
+@-o-keyframes cp-pulse {
414 
+	/* line 136, ../sass/_keyframes.sass */
415 
+	0% {
416 
+		-webkit-box-shadow: inset 0 0 0 300px transparent;
417 
+		-moz-box-shadow: inset 0 0 0 300px transparent;
418 
+		box-shadow: inset 0 0 0 300px transparent;
419 
+	}
420 
+
421 
+	/* line 138, ../sass/_keyframes.sass */
422 
+	70% {
423 
+		-webkit-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
424 
+		-moz-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
425 
+		box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
426 
+	}
427 
+
428 
+	/* line 140, ../sass/_keyframes.sass */
429 
+	100% {
430 
+		-webkit-box-shadow: inset 0 0 0 300px transparent;
431 
+		-moz-box-shadow: inset 0 0 0 300px transparent;
432 
+		box-shadow: inset 0 0 0 300px transparent;
433 
+	}
434 
+}
435 
+
436 
+.cp-dialog {
437 
+	position: fixed;
438 
+	bottom: 0;
439 
+	top: auto;
440 
+	right: 0;
441 
+	left: 0;
442 
+	overflow: visible;
443 
+	z-index: 1110;
444 
+	visibility: visible;
445 
+	opacity: 1;
446 
+	-webkit-transition: all 0.5s;
447 
+	-moz-transition: all 0.5s;
448 
+	-ms-transition: all 0.5s;
449 
+	-o-transition: all 0.5s;
450 
+	transition: all 0.5s;
451 
+}
452 
+
453 
+.cp-dialog.cp-a-closing {
454 
+	visibility: hidden;
455 
+	opacity: 0;
456 
+}
457 
+
458 
+.cp-dialog.cp-a-closing .cp-content {
459 
+	animation: cp-dropout 0.5s;
460 
+	-webkit-animation: cp-dropout 0.5s;
461 
+	-moz-animation: cp-dropout 0.5s;
462 
+	-ms-animation: cp-dropout 0.5s;
463 
+	-o-animation: cp-dropout 0.5s;
464 
+	-webkit-backface-visibility: hidden;
465 
+}
466 
+
467 
+.cp-dialog .cp-content {
468 
+	animation: cp-dropin 2s;
469 
+	-webkit-animation: cp-dropin 2s;
470 
+	-moz-animation: cp-dropin 2s;
471 
+	-ms-animation: cp-dropin 2s;
472 
+	-o-animation: cp-dropin 2s;
473 
+	-webkit-backface-visibility: hidden;
474 
+	border-bottom-width: 0;
475 
+}
476 
+
477 
+.cp-dialog .cp-content {
478 
+	background: #eee;
479 
+	color: #414141;
480 
+	padding: 55px 15px 15px;
481 
+	position: relative;
482 
+	margin: 0 auto;
483 
+	max-width: 100%;
484 
+	width: 100%;
485 
+	font-size: 12px;
486 
+	line-height: 1.5em;
487 
+	-webkit-box-sizing: border-box;
488 
+	-moz-box-sizing: border-box;
489 
+	box-sizing: border-box;
490 
+}
491 
+
492 
+.cp-dialog .cp-inside,
493 
+.cp-dialog .cp-header h1 {
494 
+	max-width: 100%;
495 
+	width: 900px;
496 
+	margin: 0 auto;
497 
+}
498 
+
499 
+
500 
+.cp-dialog .cp-content a {
501 
+	color: #999;
502 
+	border-bottom: 1px #999 solid;
503 
+	padding-bottom: 2px;
504 
+}
505 
+
506 
+.cp-dialog .cp-content .cp-header {
507 
+	position: absolute;
508 
+	top: 0;
509 
+	left: 0;
510 
+	right: 0;
511 
+	padding: 5px 15px;
512 
+	border-bottom: 2px solid #414141;
513 
+	background-color: #999;
514 
+}
515 
+.cp-dialog .cp-header h1 {
516 
+	line-height: 2;
517 
+	font-size: 125%;
518 
+	text-transform: uppercase;
519 
+}
520 
+
521 
+.cp-dialog .cp-content h1, .cp-dialog .cp-content h2, .cp-dialog .cp-content h3, .cp-dialog .cp-content h4, .cp-dialog .cp-content h5, .cp-dialog .cp-content h6, .cp-dialog .cp-content p, .cp-dialog .cp-content ul, .cp-dialog .cp-content li {
522 
+	color: inherit;
523 
+}
524 
+
525 
+.cp-dialog .cp-content .cp-dialog-message {
526 
+	margin-bottom: 0.5em;
527 
+}
528 
+
529 
+.cp-dialog .cp-content .cp-dialog-form .cp-dialog-buttons {
530 
+	*zoom: 1;
531 
+}
532 
+
533 
+.cp-dialog .cp-content .cp-dialog-form .cp-dialog-buttons:after {
534 
+	content: "";
535 
+	display: table;
536 
+	clear: both;
537 
+}
538 
+
539 
+.cp-dialog .cp-button {
540 
+	-webkit-border-radius: 3px;
541 
+	-moz-border-radius: 3px;
542 
+	-ms-border-radius: 3px;
543 
+	-o-border-radius: 3px;
544 
+	border-radius: 3px;
545 
+	border: 0;
546 
+	float: right;
547 
+	margin: 0 0 0;
548 
+	font-family: inherit;
549 
+	text-transform: uppercase;
550 
+	letter-spacing: 0.1em;
551 
+	font-size: 0.8em;
552 
+	line-height: 1em;
553 
+	padding: 0.75em 2em;
554 
+	background: #414141;
555 
+	color: #ffffff;
556 
+	height: auto;
557 
+}
558 
+
559 
+
560 
+/* line 105, ../sass/vex-theme-cp-bottom.sass */
561 
+.cp-dialog .cp-button:focus {
562 
+	animation: cp-pulse 1.1s infinite;
563 
+	-webkit-animation: cp-pulse 1.1s infinite;
564 
+	-moz-animation: cp-pulse 1.1s infinite;
565 
+	-ms-animation: cp-pulse 1.1s infinite;
566 
+	-o-animation: cp-pulse 1.1s infinite;
567 
+	-webkit-backface-visibility: hidden;
568 
+	outline: none;
569 
+}
0 570 
\ No newline at end of file