PluginProbe
HTML Forms – Simple WordPress Forms Plugin / 1.3.1
HTML Forms – Simple WordPress Forms Plugin v1.3.1
1.7.0 trunk 1.0 1.0.1 1.0.2 1.0.3 1.0.4 1.0.5 1.0.6 1.1 1.1.1 1.1.2 1.1.3 1.1.4 1.1.5 1.2.0 1.3.0 1.3.1 1.3.10 1.3.11 1.3.12 1.3.13 1.3.14 1.3.15 1.3.16 All 67 releases
html-forms / assets / css / admin.css

admin.css in HTML Forms – Simple WordPress Forms Plugin 1.3.1, at assets/css/admin.css

647 lines 12.3 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 .hf-tab {
2 display: none;
3 background: inherit;
4 border: none;
5 font-weight: initial; }
6 .hf-tab.hf-tab-active {
7 display: block; }
8 .hf-tab h2 {
9 margin-top: 20px; }
10
11 .hf-accordion {
12 border: 1px solid #e5e5e5;
13 margin-bottom: 6px; }
14
15 .hf-accordion-heading {
16 color: #555555;
17 background-color: #fff;
18 border-bottom: 1px solid #eeeeee;
19 padding: 10px 10px 11px 14px;
20 line-height: 21px;
21 cursor: pointer;
22 position: relative;
23 margin: 0;
24 font-size: 14px; }
25 .hf-accordion-heading:hover {
26 color: #23282d;
27 background: #f5f5f5; }
28 .hf-accordion-heading:after {
29 content: '\f140';
30 font: normal 20px/1 'dashicons';
31 float: right;
32 right: 20px; }
33
34 .hf-accordion.expanded .hf-accordion-heading:after {
35 content: "\f142"; }
36
37 .hf-accordion-content {
38 padding: 20px;
39 background: #fff; }
40
41 .hf-action-summary {
42 display: none; }
43
44 .hf-field-builder {
45 border: 1px solid #ccc;
46 padding: 20px;
47 background: #fff; }
48 .hf-field-builder h4:first-of-type {
49 margin-top: 0; }
50 .hf-field-builder label {
51 display: block;
52 font-weight: bold; }
53 .hf-field-builder label.inline,
54 .hf-field-builder label span {
55 font-weight: normal; }
56 .hf-field-builder input + .help {
57 margin-top: 0; }
58 .hf-field-builder input[type="text"] {
59 width: 100%; }
60 .hf-field-builder .available-fields button {
61 margin-bottom: 4px;
62 margin-right: 4px; }
63 .hf-field-builder .field-config *:last-child {
64 margin-bottom: 0; }
65
66 .hf-column:hover .hf-column-menu {
67 display: block; }
68
69 .hf-column-menu {
70 display: none;
71 float: right;
72 position: relative; }
73 .hf-column-menu .submenu-toggle:after {
74 content: "\f333";
75 font: normal 20px/1 'dashicons';
76 float: right;
77 right: 20px; }
78 .hf-column-menu .submenu {
79 border: 1px solid #e1e1e1;
80 display: none;
81 position: absolute;
82 top: 20px;
83 right: 0;
84 min-width: 140px;
85 background: white; }
86 .hf-column-menu .submenu a {
87 font-size: 12px;
88 padding: 2px 4px;
89 text-align: right;
90 display: block;
91 border-bottom: 1px dotted #e1e1e1; }
92 .hf-column-menu:hover .submenu {
93 display: block; }
94
95 #hf-form-preview {
96 border: 1px solid #ddd;
97 height: 520px;
98 /* codemirror + padding */
99 width: 100%;
100 border-left-width: 0; }
101
102 @media (max-width: 1217px) {
103 #hf-form-preview {
104 border-left-width: 1px; } }
105
106 .hf-tiny-margin {
107 margin-top: 10px;
108 margin-bottom: 10px; }
109
110 .hf-small-margin {
111 margin-top: 20px;
112 margin-bottom: 20px; }
113
114 .hf-medium-margin {
115 margin-top: 40px;
116 margin-bottom: 40px; }
117
118 .hf-well {
119 background: white;
120 padding: 20px;
121 border: 1px solid #ddd; }
122
123 .hf-danger,
124 .danger {
125 color: #a00; }
126
127 .hf-clear,
128 .clear {
129 clear: both; }
130
131 .hf-italic {
132 font-style: italic; }
133
134 .hf-small {
135 font-size: 90%; }
136
137 .pull-right,
138 .hf-pull-right {
139 float: right; }
140
141 .hf-required {
142 color: indianred;
143 font-size: 110%; }
144
145 .hf-muted {
146 font-weight: normal;
147 font-size: 90%;
148 color: #999; }
149
150 .hf-row {
151 display: flex;
152 flex-wrap: wrap; }
153
154 .hf-col {
155 flex-basis: 0;
156 flex-grow: 1; }
157
158 .hf-col-1 {
159 width: 16.66667%; }
160
161 .hf-col-2 {
162 width: 33.33333%; }
163
164 .hf-col-3 {
165 width: 50%; }
166
167 .hf-col-4 {
168 width: 66.66667%; }
169
170 /* BASICS */
171 /* Codemirror */
172 .CodeMirror {
173 font-family: monospace;
174 color: black;
175 border: 1px solid #ddd;
176 padding: 10px;
177 min-height: 500px;
178 font-weight: normal;
179 height: 500px; }
180
181 .CodeMirror-empty {
182 color: #999; }
183
184 /* PADDING */
185 .CodeMirror-lines {
186 padding: 4px 0;
187 /* Vertical padding around content */ }
188
189 .CodeMirror pre {
190 padding: 0 4px;
191 /* Horizontal padding of content */ }
192
193 .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
194 background-color: white;
195 /* The little square between H and V scrollbars */ }
196
197 /* GUTTER */
198 .CodeMirror-gutters {
199 border-right: 1px solid #ddd;
200 background-color: #f7f7f7;
201 white-space: nowrap; }
202
203 .CodeMirror-linenumber {
204 padding: 0 3px 0 5px;
205 min-width: 20px;
206 text-align: right;
207 color: #999;
208 white-space: nowrap; }
209
210 .CodeMirror-guttermarker {
211 color: black; }
212
213 .CodeMirror-guttermarker-subtle {
214 color: #999; }
215
216 /* CURSOR */
217 .CodeMirror-cursor {
218 border-left: 1px solid black;
219 border-right: none;
220 width: 0; }
221
222 /* Shown when moving in bi-directional text */
223 .CodeMirror div.CodeMirror-secondarycursor {
224 border-left: 1px solid silver; }
225
226 .cm-fat-cursor .CodeMirror-cursor {
227 width: auto;
228 border: 0;
229 background: #7e7; }
230
231 .cm-fat-cursor div.CodeMirror-cursors {
232 z-index: 1; }
233
234 .cm-animate-fat-cursor {
235 width: auto;
236 border: 0;
237 -webkit-animation: blink 1.06s steps(1) infinite;
238 -moz-animation: blink 1.06s steps(1) infinite;
239 animation: blink 1.06s steps(1) infinite;
240 background-color: #7e7; }
241
242 @-moz-keyframes blink {
243 0% { }
244 50% {
245 background-color: transparent; }
246 100% { } }
247
248 @-webkit-keyframes blink {
249 0% { }
250 50% {
251 background-color: transparent; }
252 100% { } }
253
254 @keyframes blink {
255 0% { }
256 50% {
257 background-color: transparent; }
258 100% { } }
259
260 /* Can style cursor different in overwrite (non-insert) mode */
261 .cm-tab {
262 display: inline-block;
263 text-decoration: inherit; }
264
265 .CodeMirror-ruler {
266 border-left: 1px solid #ccc;
267 position: absolute; }
268
269 /* DEFAULT THEME */
270 .cm-s-default .cm-header {
271 color: blue; }
272
273 .cm-s-default .cm-quote {
274 color: #090; }
275
276 .cm-negative {
277 color: #d44; }
278
279 .cm-positive {
280 color: #292; }
281
282 .cm-header, .cm-strong {
283 font-weight: bold; }
284
285 .cm-em {
286 font-style: italic; }
287
288 .cm-link {
289 text-decoration: underline; }
290
291 .cm-strikethrough {
292 text-decoration: line-through; }
293
294 .cm-s-default .cm-keyword {
295 color: #708; }
296
297 .cm-s-default .cm-atom {
298 color: #219; }
299
300 .cm-s-default .cm-number {
301 color: #164; }
302
303 .cm-s-default .cm-def {
304 color: #00f; }
305
306 .cm-s-default .cm-variable-2 {
307 color: #05a; }
308
309 .cm-s-default .cm-variable-3 {
310 color: #085; }
311
312 .cm-s-default .cm-comment {
313 color: #a50; }
314
315 .cm-s-default .cm-string {
316 color: #a11; }
317
318 .cm-s-default .cm-string-2 {
319 color: #f50; }
320
321 .cm-s-default .cm-meta {
322 color: #555; }
323
324 .cm-s-default .cm-qualifier {
325 color: #555; }
326
327 .cm-s-default .cm-builtin {
328 color: #30a; }
329
330 .cm-s-default .cm-bracket {
331 color: #997; }
332
333 .cm-s-default .cm-tag {
334 color: #170; }
335
336 .cm-s-default .cm-attribute {
337 color: #00c; }
338
339 .cm-s-default .cm-hr {
340 color: #999; }
341
342 .cm-s-default .cm-link {
343 color: #00c; }
344
345 .cm-s-default .cm-error {
346 color: #f00; }
347
348 .cm-invalidchar {
349 color: #f00; }
350
351 .CodeMirror-composing {
352 border-bottom: 2px solid; }
353
354 /* Default styles for common addons */
355 div.CodeMirror span.CodeMirror-matchingbracket {
356 color: #0f0; }
357
358 div.CodeMirror span.CodeMirror-nonmatchingbracket {
359 color: #f22; }
360
361 .CodeMirror-matchingtag {
362 background: rgba(255, 150, 0, 0.3); }
363
364 .CodeMirror-activeline-background {
365 background: #e8f2ff; }
366
367 /* STOP */
368 /* The rest of this file contains styles related to the mechanics of
369 the editor. You probably shouldn't touch them. */
370 .CodeMirror {
371 position: relative;
372 overflow: hidden;
373 background: white; }
374
375 .CodeMirror-scroll {
376 overflow: scroll !important;
377 /* Things will break if this is overridden */
378 /* 30px is the magic margin used to hide the element's real scrollbars */
379 /* See overflow: hidden in .CodeMirror */
380 margin-bottom: -30px;
381 margin-right: -30px;
382 padding-bottom: 30px;
383 height: 100%;
384 outline: none;
385 /* Prevent dragging from highlighting the element */
386 position: relative; }
387
388 .CodeMirror-sizer {
389 position: relative;
390 border-right: 30px solid transparent; }
391
392 /* The fake, visible scrollbars. Used to force redraw during scrolling
393 before actual scrolling happens, thus preventing shaking and
394 flickering artifacts. */
395 .CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
396 position: absolute;
397 z-index: 6;
398 display: none; }
399
400 .CodeMirror-vscrollbar {
401 right: 0;
402 top: 0;
403 overflow-x: hidden;
404 overflow-y: scroll; }
405
406 .CodeMirror-hscrollbar {
407 bottom: 0;
408 left: 0;
409 overflow-y: hidden;
410 overflow-x: scroll; }
411
412 .CodeMirror-scrollbar-filler {
413 right: 0;
414 bottom: 0; }
415
416 .CodeMirror-gutter-filler {
417 left: 0;
418 bottom: 0; }
419
420 .CodeMirror-gutters {
421 position: absolute;
422 left: 0;
423 top: 0;
424 z-index: 3; }
425
426 .CodeMirror-gutter {
427 white-space: normal;
428 height: 100%;
429 display: inline-block;
430 vertical-align: top;
431 margin-bottom: -30px;
432 /* Hack to make IE7 behave */
433 *zoom: 1;
434 *display: inline; }
435
436 .CodeMirror-gutter-wrapper {
437 position: absolute;
438 z-index: 4;
439 background: none !important;
440 border: none !important; }
441
442 .CodeMirror-gutter-background {
443 position: absolute;
444 top: 0;
445 bottom: 0;
446 z-index: 4; }
447
448 .CodeMirror-gutter-elt {
449 position: absolute;
450 cursor: default;
451 z-index: 4; }
452
453 .CodeMirror-gutter-wrapper {
454 -webkit-user-select: none;
455 -moz-user-select: none;
456 user-select: none; }
457
458 .CodeMirror-lines {
459 cursor: text;
460 min-height: 1px;
461 /* prevents collapsing before first draw */ }
462
463 .CodeMirror pre {
464 /* Reset some styles that the rest of the page might have set */
465 -moz-border-radius: 0;
466 -webkit-border-radius: 0;
467 border-radius: 0;
468 border-width: 0;
469 background: transparent;
470 font-family: inherit;
471 font-size: inherit;
472 margin: 0;
473 white-space: pre;
474 word-wrap: normal;
475 line-height: inherit;
476 color: inherit;
477 z-index: 2;
478 position: relative;
479 overflow: visible;
480 -webkit-tap-highlight-color: transparent; }
481
482 .CodeMirror-wrap pre {
483 word-wrap: break-word;
484 white-space: pre-wrap;
485 word-break: normal; }
486
487 .CodeMirror-linebackground {
488 position: absolute;
489 left: 0;
490 right: 0;
491 top: 0;
492 bottom: 0;
493 z-index: 0; }
494
495 .CodeMirror-linewidget {
496 position: relative;
497 z-index: 2;
498 overflow: auto; }
499
500 .CodeMirror-code {
501 outline: none; }
502
503 /* Force content-box sizing for the elements where we expect it */
504 .CodeMirror-scroll,
505 .CodeMirror-sizer,
506 .CodeMirror-gutter,
507 .CodeMirror-gutters,
508 .CodeMirror-linenumber {
509 -moz-box-sizing: content-box;
510 box-sizing: content-box; }
511
512 .CodeMirror-measure {
513 position: absolute;
514 width: 100%;
515 height: 0;
516 overflow: hidden;
517 visibility: hidden; }
518
519 .CodeMirror-cursor {
520 position: absolute; }
521
522 .CodeMirror-measure pre {
523 position: static; }
524
525 div.CodeMirror-cursors {
526 visibility: hidden;
527 position: relative;
528 z-index: 3; }
529
530 div.CodeMirror-dragcursors {
531 visibility: visible; }
532
533 .CodeMirror-focused div.CodeMirror-cursors {
534 visibility: visible; }
535
536 .CodeMirror-selected {
537 background: #d9d9d9; }
538
539 .CodeMirror-focused .CodeMirror-selected {
540 background: #d7d4f0; }
541
542 .CodeMirror-crosshair {
543 cursor: crosshair; }
544
545 .CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection {
546 background: #d7d4f0; }
547
548 .CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection {
549 background: #d7d4f0; }
550
551 .cm-searching {
552 background: #ffa;
553 background: rgba(255, 255, 0, 0.4); }
554
555 /* IE7 hack to prevent it from returning funny offsetTops on the spans */
556 .CodeMirror span {
557 *vertical-align: text-bottom; }
558
559 /* Used to force a border model for a node */
560 .cm-force-border {
561 padding-right: .1px; }
562
563 @media print {
564 /* Hide the cursor when printing */
565 .CodeMirror div.CodeMirror-cursors {
566 visibility: hidden; } }
567
568 /* See issue #2901 */
569 .cm-tab-wrap-hack:after {
570 content: ''; }
571
572 /* Help users use markselection to safely style text background */
573 span.CodeMirror-selectedtext {
574 background: none; }
575
576 .tlite {
577 background: #111;
578 color: white;
579 font-family: sans-serif;
580 font-size: 0.8rem;
581 font-weight: normal;
582 text-decoration: none;
583 text-align: left;
584 padding: 0.6em 0.75rem;
585 border-radius: 4px;
586 position: absolute;
587 opacity: 0;
588 visibility: hidden;
589 transition: opacity 0.4s;
590 white-space: nowrap;
591 box-shadow: 0 0.5rem 1rem -0.5rem black;
592 z-index: 1000;
593 -webkit-backface-visibility: hidden; }
594
595 .tlite-table td,
596 .tlite-table th {
597 position: relative; }
598
599 .tlite-visible {
600 visibility: visible;
601 opacity: 0.9; }
602
603 .tlite::before {
604 content: ' ';
605 display: block;
606 background: inherit;
607 width: 10px;
608 height: 10px;
609 position: absolute;
610 transform: rotate(45deg); }
611
612 .tlite-n::before {
613 top: -3px;
614 left: 50%;
615 margin-left: -5px; }
616
617 .tlite-nw::before {
618 top: -3px;
619 left: 10px; }
620
621 .tlite-ne::before {
622 top: -3px;
623 right: 10px; }
624
625 .tlite-s::before {
626 bottom: -3px;
627 left: 50%;
628 margin-left: -5px; }
629
630 .tlite-se::before {
631 bottom: -3px;
632 right: 10px; }
633
634 .tlite-sw::before {
635 bottom: -3px;
636 left: 10px; }
637
638 .tlite-w::before {
639 left: -3px;
640 top: 50%;
641 margin-top: -5px; }
642
643 .tlite-e::before {
644 right: -3px;
645 top: 50%;
646 margin-top: -5px; }
647