PluginProbe
HTML Forms – Simple WordPress Forms Plugin / 1.1.4
HTML Forms – Simple WordPress Forms Plugin v1.1.4
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.1.4, at assets/css/admin.css

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