PluginProbe
HTML Forms – Simple WordPress Forms Plugin / 1.3.14
HTML Forms – Simple WordPress Forms Plugin v1.3.14
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 1.3.17 All 66 releases
html-forms / assets / css / admin.css

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

663 lines 12.5 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 max-width: 16.66667%; }
160
161 .hf-col-2 {
162 max-width: 33.33333%; }
163
164 .hf-col-3 {
165 max-width: 50%; }
166
167 .hf-col-4 {
168 max-width: 66.66667%; }
169
170 .hf-sidebar {
171 border-left: 1px dashed #ddd;
172 margin-left: 24px;
173 padding-left: 24px; }
174
175 @media (max-width: 640px) {
176 .hf-row {
177 display: block; }
178 .hf-col {
179 max-width: 100%; }
180 .hf-sidebar {
181 border: 0;
182 margin-top: 24px;
183 margin-left: 0;
184 padding-left: 0; } }
185
186 /* BASICS */
187 /* Codemirror */
188 .CodeMirror {
189 font-family: monospace;
190 color: black;
191 border: 1px solid #ddd;
192 padding: 10px;
193 min-height: 500px;
194 font-weight: normal;
195 height: 500px; }
196
197 .CodeMirror-empty {
198 color: #999; }
199
200 /* PADDING */
201 .CodeMirror-lines {
202 padding: 4px 0;
203 /* Vertical padding around content */ }
204
205 .CodeMirror pre {
206 padding: 0 4px;
207 /* Horizontal padding of content */ }
208
209 .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
210 background-color: white;
211 /* The little square between H and V scrollbars */ }
212
213 /* GUTTER */
214 .CodeMirror-gutters {
215 border-right: 1px solid #ddd;
216 background-color: #f7f7f7;
217 white-space: nowrap; }
218
219 .CodeMirror-linenumber {
220 padding: 0 3px 0 5px;
221 min-width: 20px;
222 text-align: right;
223 color: #999;
224 white-space: nowrap; }
225
226 .CodeMirror-guttermarker {
227 color: black; }
228
229 .CodeMirror-guttermarker-subtle {
230 color: #999; }
231
232 /* CURSOR */
233 .CodeMirror-cursor {
234 border-left: 1px solid black;
235 border-right: none;
236 width: 0; }
237
238 /* Shown when moving in bi-directional text */
239 .CodeMirror div.CodeMirror-secondarycursor {
240 border-left: 1px solid silver; }
241
242 .cm-fat-cursor .CodeMirror-cursor {
243 width: auto;
244 border: 0;
245 background: #7e7; }
246
247 .cm-fat-cursor div.CodeMirror-cursors {
248 z-index: 1; }
249
250 .cm-animate-fat-cursor {
251 width: auto;
252 border: 0;
253 -webkit-animation: blink 1.06s steps(1) infinite;
254 -moz-animation: blink 1.06s steps(1) infinite;
255 animation: blink 1.06s steps(1) infinite;
256 background-color: #7e7; }
257
258 @-moz-keyframes blink {
259 0% { }
260 50% {
261 background-color: transparent; }
262 100% { } }
263
264 @-webkit-keyframes blink {
265 0% { }
266 50% {
267 background-color: transparent; }
268 100% { } }
269
270 @keyframes blink {
271 0% { }
272 50% {
273 background-color: transparent; }
274 100% { } }
275
276 /* Can style cursor different in overwrite (non-insert) mode */
277 .cm-tab {
278 display: inline-block;
279 text-decoration: inherit; }
280
281 .CodeMirror-ruler {
282 border-left: 1px solid #ccc;
283 position: absolute; }
284
285 /* DEFAULT THEME */
286 .cm-s-default .cm-header {
287 color: blue; }
288
289 .cm-s-default .cm-quote {
290 color: #090; }
291
292 .cm-negative {
293 color: #d44; }
294
295 .cm-positive {
296 color: #292; }
297
298 .cm-header, .cm-strong {
299 font-weight: bold; }
300
301 .cm-em {
302 font-style: italic; }
303
304 .cm-link {
305 text-decoration: underline; }
306
307 .cm-strikethrough {
308 text-decoration: line-through; }
309
310 .cm-s-default .cm-keyword {
311 color: #708; }
312
313 .cm-s-default .cm-atom {
314 color: #219; }
315
316 .cm-s-default .cm-number {
317 color: #164; }
318
319 .cm-s-default .cm-def {
320 color: #00f; }
321
322 .cm-s-default .cm-variable-2 {
323 color: #05a; }
324
325 .cm-s-default .cm-variable-3 {
326 color: #085; }
327
328 .cm-s-default .cm-comment {
329 color: #a50; }
330
331 .cm-s-default .cm-string {
332 color: #a11; }
333
334 .cm-s-default .cm-string-2 {
335 color: #f50; }
336
337 .cm-s-default .cm-meta {
338 color: #555; }
339
340 .cm-s-default .cm-qualifier {
341 color: #555; }
342
343 .cm-s-default .cm-builtin {
344 color: #30a; }
345
346 .cm-s-default .cm-bracket {
347 color: #997; }
348
349 .cm-s-default .cm-tag {
350 color: #170; }
351
352 .cm-s-default .cm-attribute {
353 color: #00c; }
354
355 .cm-s-default .cm-hr {
356 color: #999; }
357
358 .cm-s-default .cm-link {
359 color: #00c; }
360
361 .cm-s-default .cm-error {
362 color: #f00; }
363
364 .cm-invalidchar {
365 color: #f00; }
366
367 .CodeMirror-composing {
368 border-bottom: 2px solid; }
369
370 /* Default styles for common addons */
371 div.CodeMirror span.CodeMirror-matchingbracket {
372 color: #0f0; }
373
374 div.CodeMirror span.CodeMirror-nonmatchingbracket {
375 color: #f22; }
376
377 .CodeMirror-matchingtag {
378 background: rgba(255, 150, 0, 0.3); }
379
380 .CodeMirror-activeline-background {
381 background: #e8f2ff; }
382
383 /* STOP */
384 /* The rest of this file contains styles related to the mechanics of
385 the editor. You probably shouldn't touch them. */
386 .CodeMirror {
387 position: relative;
388 overflow: hidden;
389 background: white; }
390
391 .CodeMirror-scroll {
392 overflow: scroll !important;
393 /* Things will break if this is overridden */
394 /* 30px is the magic margin used to hide the element's real scrollbars */
395 /* See overflow: hidden in .CodeMirror */
396 margin-bottom: -30px;
397 margin-right: -30px;
398 padding-bottom: 30px;
399 height: 100%;
400 outline: none;
401 /* Prevent dragging from highlighting the element */
402 position: relative; }
403
404 .CodeMirror-sizer {
405 position: relative;
406 border-right: 30px solid transparent; }
407
408 /* The fake, visible scrollbars. Used to force redraw during scrolling
409 before actual scrolling happens, thus preventing shaking and
410 flickering artifacts. */
411 .CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
412 position: absolute;
413 z-index: 6;
414 display: none; }
415
416 .CodeMirror-vscrollbar {
417 right: 0;
418 top: 0;
419 overflow-x: hidden;
420 overflow-y: scroll; }
421
422 .CodeMirror-hscrollbar {
423 bottom: 0;
424 left: 0;
425 overflow-y: hidden;
426 overflow-x: scroll; }
427
428 .CodeMirror-scrollbar-filler {
429 right: 0;
430 bottom: 0; }
431
432 .CodeMirror-gutter-filler {
433 left: 0;
434 bottom: 0; }
435
436 .CodeMirror-gutters {
437 position: absolute;
438 left: 0;
439 top: 0;
440 z-index: 3; }
441
442 .CodeMirror-gutter {
443 white-space: normal;
444 height: 100%;
445 display: inline-block;
446 vertical-align: top;
447 margin-bottom: -30px;
448 /* Hack to make IE7 behave */
449 *zoom: 1;
450 *display: inline; }
451
452 .CodeMirror-gutter-wrapper {
453 position: absolute;
454 z-index: 4;
455 background: none !important;
456 border: none !important; }
457
458 .CodeMirror-gutter-background {
459 position: absolute;
460 top: 0;
461 bottom: 0;
462 z-index: 4; }
463
464 .CodeMirror-gutter-elt {
465 position: absolute;
466 cursor: default;
467 z-index: 4; }
468
469 .CodeMirror-gutter-wrapper {
470 -webkit-user-select: none;
471 -moz-user-select: none;
472 user-select: none; }
473
474 .CodeMirror-lines {
475 cursor: text;
476 min-height: 1px;
477 /* prevents collapsing before first draw */ }
478
479 .CodeMirror pre {
480 /* Reset some styles that the rest of the page might have set */
481 -moz-border-radius: 0;
482 -webkit-border-radius: 0;
483 border-radius: 0;
484 border-width: 0;
485 background: transparent;
486 font-family: inherit;
487 font-size: inherit;
488 margin: 0;
489 white-space: pre;
490 word-wrap: normal;
491 line-height: inherit;
492 color: inherit;
493 z-index: 2;
494 position: relative;
495 overflow: visible;
496 -webkit-tap-highlight-color: transparent; }
497
498 .CodeMirror-wrap pre {
499 word-wrap: break-word;
500 white-space: pre-wrap;
501 word-break: normal; }
502
503 .CodeMirror-linebackground {
504 position: absolute;
505 left: 0;
506 right: 0;
507 top: 0;
508 bottom: 0;
509 z-index: 0; }
510
511 .CodeMirror-linewidget {
512 position: relative;
513 z-index: 2;
514 overflow: auto; }
515
516 .CodeMirror-code {
517 outline: none; }
518
519 /* Force content-box sizing for the elements where we expect it */
520 .CodeMirror-scroll,
521 .CodeMirror-sizer,
522 .CodeMirror-gutter,
523 .CodeMirror-gutters,
524 .CodeMirror-linenumber {
525 -moz-box-sizing: content-box;
526 box-sizing: content-box; }
527
528 .CodeMirror-measure {
529 position: absolute;
530 width: 100%;
531 height: 0;
532 overflow: hidden;
533 visibility: hidden; }
534
535 .CodeMirror-cursor {
536 position: absolute; }
537
538 .CodeMirror-measure pre {
539 position: static; }
540
541 div.CodeMirror-cursors {
542 visibility: hidden;
543 position: relative;
544 z-index: 3; }
545
546 div.CodeMirror-dragcursors {
547 visibility: visible; }
548
549 .CodeMirror-focused div.CodeMirror-cursors {
550 visibility: visible; }
551
552 .CodeMirror-selected {
553 background: #d9d9d9; }
554
555 .CodeMirror-focused .CodeMirror-selected {
556 background: #d7d4f0; }
557
558 .CodeMirror-crosshair {
559 cursor: crosshair; }
560
561 .CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection {
562 background: #d7d4f0; }
563
564 .CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection {
565 background: #d7d4f0; }
566
567 .cm-searching {
568 background: #ffa;
569 background: rgba(255, 255, 0, 0.4); }
570
571 /* IE7 hack to prevent it from returning funny offsetTops on the spans */
572 .CodeMirror span {
573 *vertical-align: text-bottom; }
574
575 /* Used to force a border model for a node */
576 .cm-force-border {
577 padding-right: .1px; }
578
579 @media print {
580 /* Hide the cursor when printing */
581 .CodeMirror div.CodeMirror-cursors {
582 visibility: hidden; } }
583
584 /* See issue #2901 */
585 .cm-tab-wrap-hack:after {
586 content: ''; }
587
588 /* Help users use markselection to safely style text background */
589 span.CodeMirror-selectedtext {
590 background: none; }
591
592 .tlite {
593 background: #111;
594 color: white;
595 font-family: sans-serif;
596 font-size: 0.8rem;
597 font-weight: normal;
598 text-decoration: none;
599 text-align: left;
600 padding: 0.6em 0.75rem;
601 border-radius: 4px;
602 position: absolute;
603 opacity: 0;
604 visibility: hidden;
605 transition: opacity 0.4s;
606 white-space: nowrap;
607 box-shadow: 0 0.5rem 1rem -0.5rem black;
608 z-index: 1000;
609 -webkit-backface-visibility: hidden; }
610
611 .tlite-table td,
612 .tlite-table th {
613 position: relative; }
614
615 .tlite-visible {
616 visibility: visible;
617 opacity: 0.9; }
618
619 .tlite::before {
620 content: ' ';
621 display: block;
622 background: inherit;
623 width: 10px;
624 height: 10px;
625 position: absolute;
626 transform: rotate(45deg); }
627
628 .tlite-n::before {
629 top: -3px;
630 left: 50%;
631 margin-left: -5px; }
632
633 .tlite-nw::before {
634 top: -3px;
635 left: 10px; }
636
637 .tlite-ne::before {
638 top: -3px;
639 right: 10px; }
640
641 .tlite-s::before {
642 bottom: -3px;
643 left: 50%;
644 margin-left: -5px; }
645
646 .tlite-se::before {
647 bottom: -3px;
648 right: 10px; }
649
650 .tlite-sw::before {
651 bottom: -3px;
652 left: 10px; }
653
654 .tlite-w::before {
655 left: -3px;
656 top: 50%;
657 margin-top: -5px; }
658
659 .tlite-e::before {
660 right: -3px;
661 top: 50%;
662 margin-top: -5px; }
663