| @@ -1,8 +1,4 @@ | ||
| 1 | -#cf7sg-cache-limit + p {margin: 0;font-style: italic;} | |
| 2 | -#cf7sg-cache-limit + p > code {font-style:normal;} | |
| 3 | -#cf7sg-cache-limit {display: inline-block;} | |
| 4 | -#cf7sg-cached-time {max-width: 63px;} | |
| 5 | 1 | #editors, #contact-form-editor {position: relative;} |
| 6 | 2 | #optional-editors { |
| 7 | 3 | display: inline-block; |
| 8 | 4 | position: absolute; |
| @@ -8,48 +4,8 @@ | ||
| 8 | 4 | position: absolute; |
| 9 | 5 | margin-top: 8px; |
| 10 | 6 | z-index:2; |
| 11 | 7 | } |
| 12 | -.cf7sg-tutorial { | |
| 13 | - width: 100%; | |
| 14 | - min-height: 200px; | |
| 15 | -} | |
| 16 | -.cf7sg-tutorial p { | |
| 17 | - width: 220px; | |
| 18 | - vertical-align: top; | |
| 19 | - display: inline-block; | |
| 20 | -} | |
| 21 | -.cf7sg-tutorial .img { | |
| 22 | - background-image: url('./image/tutorial.png'); | |
| 23 | - width: 220px; | |
| 24 | - height: 182px; | |
| 25 | - background-size: contain; | |
| 26 | - display: inline-block; | |
| 27 | -} | |
| 28 | -.cf7sg-tutorial .img:hover { | |
| 29 | - transform: scale(105%); | |
| 30 | -} | |
| 31 | -.cf7sg-pointer-dynamic_checkbox, | |
| 32 | -.cf7sg-pointer-tutorials_pointer, | |
| 33 | -.cf7sg-pointer-dynamic_dropdown, | |
| 34 | -.cf7sg-pointer-js_css_editors | |
| 35 | -{width:490px !important} | |
| 36 | -.cf7sg-pointer .wp-pointer-buttons a.close { | |
| 37 | - float: left; | |
| 38 | -} | |
| 39 | -.cf7sg-pointer .wp-pointer-content h3::before { | |
| 40 | - content: "\01F30A"; | |
| 41 | - font: normal 22px/normal dashicons; | |
| 42 | - top: 10px; | |
| 43 | - width: 34px; | |
| 44 | - height: 32px; | |
| 45 | -} | |
| 46 | -.tag-generator-panel .insert-box input.tag{max-width: 490px;} | |
| 47 | -/** @since 4.11 disable tag buttons on grid with no open textarea */ | |
| 48 | -.cf7-tag-generators.click-disabled a { | |
| 49 | - pointer-events: none; | |
| 50 | - color: grey; | |
| 51 | -} | |
| 52 | 8 | *[dir="rtl"] #optional-editors {left: 0} |
| 53 | 9 | .codemirror-theme label:hover { |
| 54 | 10 | font-weight: bold; |
| 55 | 11 | } |
| @@ -56,13 +12,8 @@ | ||
| 56 | 12 | .codemirror-theme label { |
| 57 | 13 | z-index: 10; |
| 58 | 14 | position: relative; |
| 59 | 15 | } |
| 60 | -.codemirror-theme input { | |
| 61 | - display: inline-block; | |
| 62 | - margin: 0 2px; | |
| 63 | - border-radius: 30%; | |
| 64 | -} | |
| 65 | 16 | #contact-form-editor .loading-screen{position:absolute;z-index: 100; padding: 100px 5px 850px 5px; width: calc(100% - 10px); background-color: white; text-align: center} |
| 66 | 17 | #contact-form-editor .loading-screen h2{font-size: 20px} |
| 67 | 18 | #contact-form-editor .loading-screen .spinner{visibility: visible; float:none} |
| 68 | 19 | #contact-form-editor .loading-screen .js-error p {text-align: left;font-size: 15px} |
| @@ -75,9 +26,8 @@ | ||
| 75 | 26 | background: white; |
| 76 | 27 | padding: 5px 8px; |
| 77 | 28 | border-radius: 3px; |
| 78 | 29 | } |
| 79 | -#js-tags > li.show-events:not(#last-item) li.show-events {display: inline-block;} | |
| 80 | 30 | #last-item { |
| 81 | 31 | display: inline-block; |
| 82 | 32 | margin-top: 5px; |
| 83 | 33 | margin-left: 3px; |
| @@ -115,8 +65,9 @@ | ||
| 115 | 65 | left: 4px; |
| 116 | 66 | top: -3px; |
| 117 | 67 | font-style: italic; |
| 118 | 68 | } |
| 69 | + | |
| 119 | 70 | /* @since 4.4 .cf7sg-slider-section .cf7sg-collapsible .collapsible-row-label, |
| 120 | 71 | .cf7sg-accordion-rows .cf7sg-collapsible .collapsible-row-label, */ |
| 121 | 72 | .columns.cf7sg-slider-section, .columns.cf7sg-accordion-rows {box-shadow: 0 0 6px #6a0080;} |
| 122 | 73 | .columns:not(.full) + .row-controls .grid-controls .make-grid{display:inline-block;} |
| @@ -141,34 +92,19 @@ | ||
| 141 | 92 | color: black; |
| 142 | 93 | max-width: calc( 100% - 216px ); |
| 143 | 94 | display: inline-block; |
| 144 | 95 | overflow-x: hidden; |
| 145 | - height: 15px; | |
| 96 | + height: 20px; | |
| 146 | 97 | } |
| 147 | -.codemirror-theme span.file:hover { | |
| 148 | - max-width: none; | |
| 149 | - overflow-x: visible; | |
| 150 | - position: absolute; | |
| 151 | - right: 0; | |
| 152 | - z-index: 10; | |
| 153 | - height: auto; | |
| 154 | - width: auto; | |
| 155 | -} | |
| 156 | 98 | #cf7-codemirror,#cf7-js-codemirror,#cf7-css-codemirror {position: relative;} |
| 157 | -label.grouping-option:hover + span.popup{ | |
| 158 | - display: inline; | |
| 159 | - position: absolute; | |
| 160 | - background: white; | |
| 161 | - margin-left: 6px; | |
| 162 | - width: 200px; | |
| 163 | - border: solid 1px gray; | |
| 164 | - border-radius: 3px; | |
| 165 | - padding: 1px 5px; | |
| 166 | - color: inherit; | |
| 167 | - top: auto; | |
| 168 | - left: auto; | |
| 169 | - font-weight: normal; | |
| 170 | -} | |
| 99 | +label.accordion-label:hover + span.popup{display: inline; | |
| 100 | +position: absolute; | |
| 101 | +background: white; | |
| 102 | +margin-left: 6px; | |
| 103 | +width: 200px; | |
| 104 | +border: solid 1px gray; | |
| 105 | +border-radius: 3px; | |
| 106 | +padding: 1px 5px;} | |
| 171 | 107 | #grid-form .js-help + .cf7sg-helper-list{margin-top:39px;} |
| 172 | 108 | span.js-icon.column-control{ |
| 173 | 109 | background-image: url('./image/js-sprite.png'); |
| 174 | 110 | width: 13px; |
| @@ -204,9 +140,9 @@ | ||
| 204 | 140 | color:red; |
| 205 | 141 | } |
| 206 | 142 | #full-screen-cf7 { |
| 207 | 143 | position: absolute; |
| 208 | - top: -2.4rem; | |
| 144 | + top: -39px; | |
| 209 | 145 | left: 160px; |
| 210 | 146 | z-index: 100; |
| 211 | 147 | } |
| 212 | 148 | #full-screen-cf7.full-screen { |
| @@ -299,11 +235,8 @@ | ||
| 299 | 235 | #grid-form .cf7sg-external-form-content, |
| 300 | 236 | #grid-form .table-row-button { |
| 301 | 237 | display: none; |
| 302 | 238 | } |
| 303 | -#grid-form { | |
| 304 | - padding: 10px 0 10px 0; | |
| 305 | -} | |
| 306 | 239 | /* footer table special styling */ |
| 307 | 240 | #grid-form .row.cf7-sg-table .row-controls label.table-row-button { |
| 308 | 241 | display: block; |
| 309 | 242 | text-align: center; |
| @@ -343,34 +276,15 @@ | ||
| 343 | 276 | position: absolute; |
| 344 | 277 | background: #f1f1f1; |
| 345 | 278 | padding: 5px; |
| 346 | 279 | border: solid 1px grey; |
| 347 | - width: 144px; | |
| 280 | + width: 137px; | |
| 348 | 281 | z-index:1008; |
| 349 | 282 | } |
| 350 | -.dashicons.column-control::before, .row-controls .dashicons::before { | |
| 351 | - color: #bababa; | |
| 352 | - font-size: 14px; | |
| 353 | - font-weight: lighter; | |
| 354 | - vertical-align: inherit; | |
| 355 | -} | |
| 356 | -.dashicons.column-control:hover::before, .row-controls .dashicons:hover::before {color:#0065aa} | |
| 357 | -#grid-form .grid-column { | |
| 358 | - background-color: transparent; | |
| 359 | -} | |
| 360 | -#grid-form .grid-column:hover { | |
| 361 | - /* background-color: #ededed; */ | |
| 362 | -} | |
| 363 | -#grid-form .columns:hover > .grid-column > .cf7-field-inner { | |
| 364 | - background: #e4e4e4; | |
| 365 | -} | |
| 366 | 283 | #grid-form .container, |
| 367 | 284 | #grid-form .table-row-button input { |
| 368 | 285 | max-width: 100%; |
| 369 | 286 | } |
| 370 | -#grid-form .cf7sg-slider-controls .button.slider-control { | |
| 371 | - display: none; | |
| 372 | -} | |
| 373 | 287 | #cf7-codemirror .CodeMirror, |
| 374 | 288 | #cf7-js-codemirror .CodeMirror, |
| 375 | 289 | #cf7-css-codemirror .CodeMirror { |
| 376 | 290 | height: calc( 100vh - 180px); |
| @@ -377,8 +291,11 @@ | ||
| 377 | 291 | } |
| 378 | 292 | #grid-form .row.cf7-sg-table { |
| 379 | 293 | box-shadow: 0px 0px 4px #920a03; |
| 380 | 294 | } |
| 295 | +#grid-form .grid-column { | |
| 296 | + background-color: #ddd; | |
| 297 | +} | |
| 381 | 298 | #grid-form .dashicons:hover{ |
| 382 | 299 | cursor:pointer; |
| 383 | 300 | color: blue; |
| 384 | 301 | } |
| @@ -385,10 +302,10 @@ | ||
| 385 | 302 | #grid-form .dashicons{ |
| 386 | 303 | clear:both; |
| 387 | 304 | } |
| 388 | 305 | #grid-form .columns { |
| 389 | - /* border-top: solid 2px #ddd; */ | |
| 390 | - /* border-bottom: solid 2px #ddd; */ | |
| 306 | + border-top: solid 2px #ddd; | |
| 307 | + border-bottom: solid 2px #ddd; | |
| 391 | 308 | } |
| 392 | 309 | #grid-form .columns.column-selected { |
| 393 | 310 | border-bottom-color: #0055d4; |
| 394 | 311 | border-top-color: #0055d4; |
| @@ -403,9 +320,8 @@ | ||
| 403 | 320 | padding: 4px 20px 4px 4px; |
| 404 | 321 | position: relative; |
| 405 | 322 | min-height: 90px; |
| 406 | 323 | } |
| 407 | -#grid-form .row-controls:hover{ background: #ddd;} | |
| 408 | 324 | #grid-form .row-controls{ |
| 409 | 325 | position: absolute; |
| 410 | 326 | top:0; |
| 411 | 327 | right: 0; |
| @@ -411,9 +327,9 @@ | ||
| 411 | 327 | right: 0; |
| 412 | 328 | width: 20px; |
| 413 | 329 | display: inline-block; |
| 414 | 330 | height: 100%; |
| 415 | - background: transparent; | |
| 331 | + background: #606060; | |
| 416 | 332 | border-top-right-radius: 3px; |
| 417 | 333 | border-bottom-right-radius: 3px; |
| 418 | 334 | } |
| 419 | 335 | #grid-form .row-controls .grid-controls { |
| @@ -426,9 +342,9 @@ | ||
| 426 | 342 | margin: 0; |
| 427 | 343 | } |
| 428 | 344 | #grid-form .cf7sg-helper-list { |
| 429 | 345 | margin: 0; |
| 430 | - margin-top: 44px; | |
| 346 | + margin-top: 22px; | |
| 431 | 347 | padding: 2px 5px 8px 5px; |
| 432 | 348 | background: white; |
| 433 | 349 | } |
| 434 | 350 | #grid-form .php-icon { |
| @@ -439,9 +355,9 @@ | ||
| 439 | 355 | position: absolute; |
| 440 | 356 | z-index: 9; |
| 441 | 357 | background: #d8d8d8; |
| 442 | 358 | border: solid 1px #787878; |
| 443 | - width: max-content; | |
| 359 | + width: 300px; | |
| 444 | 360 | } |
| 445 | 361 | #grid-form .helper-popup p { |
| 446 | 362 | margin: 0; |
| 447 | 363 | position: absolute; |
| @@ -448,9 +364,8 @@ | ||
| 448 | 364 | top: 0; |
| 449 | 365 | left: 0; |
| 450 | 366 | text-align: center; |
| 451 | 367 | width: 100%; |
| 452 | - line-height: normal; | |
| 453 | 368 | } |
| 454 | 369 | #grid-form .helper-popup .dashicons.dashicons-no-alt { |
| 455 | 370 | position: absolute; |
| 456 | 371 | right: -9px; |
| @@ -465,45 +380,19 @@ | ||
| 465 | 380 | #grid-form .helper-popup .copy-helper { |
| 466 | 381 | display: none; |
| 467 | 382 | position: absolute; |
| 468 | 383 | top: -22px; |
| 469 | - /* left: 20px; */ | |
| 384 | + left: 20px; | |
| 470 | 385 | background: #323232; |
| 471 | 386 | color: white; |
| 472 | 387 | padding: 2px 5px; |
| 473 | 388 | border-radius: 3px; |
| 474 | 389 | font-weight: bold; |
| 475 | - min-width: 95px; | |
| 390 | + min-width: 78px; | |
| 476 | 391 | } |
| 477 | 392 | #grid-form .helper-popup .helper:hover .copy-helper { |
| 478 | 393 | display: inline-block; |
| 479 | 394 | } |
| 480 | -.helper-list li, .cf7sg-se-option { | |
| 481 | - position: relative; | |
| 482 | -} | |
| 483 | -.helper-list li .helper::before{ | |
| 484 | - content: 'Click to copy!'; | |
| 485 | - display: none; | |
| 486 | - position: absolute; | |
| 487 | - top: -22px; | |
| 488 | - left: 10px; | |
| 489 | - background: #323232; | |
| 490 | - color: white; | |
| 491 | - padding: 2px 5px; | |
| 492 | - border-radius: 3px; | |
| 493 | - font-weight: bold; | |
| 494 | -} | |
| 495 | -.helper-list li .helper:hover::before, | |
| 496 | -.cf7sg-se-option .helper:hover::before { | |
| 497 | - display: inline-block; | |
| 498 | -} | |
| 499 | -.cf7sg-se-option .helper:hover::before { | |
| 500 | - bottom: 17px; | |
| 501 | - left: 28px; | |
| 502 | -} | |
| 503 | -.helper-list li.no-post-my-form{ | |
| 504 | - display: none; | |
| 505 | -} | |
| 506 | 395 | #grid-form .helper-popup .no-post-my-form{ |
| 507 | 396 | display: none; |
| 508 | 397 | } |
| 509 | 398 | #grid-form .cf7sg-collapsible-title label { |
| @@ -548,12 +437,11 @@ | ||
| 548 | 437 | } |
| 549 | 438 | #grid-form .row-controls .dashicons { |
| 550 | 439 | margin-top: 3px; |
| 551 | 440 | } |
| 552 | -#grid-form .row > div:nth-last-child(2) > .grid-column .dashicons-trash.column-control, | |
| 553 | -.container.cf7-sg-tabs-panel > .row > .row-controls .dashicons-plus, | |
| 554 | -.container.cf7-sg-tabs-panel > .row > .row-controls .dashicons-trash {display: none;} | |
| 555 | - | |
| 441 | +#grid-form .row > div:nth-last-child(2) > .grid-column .dashicons-trash.column-control { | |
| 442 | + display: none; | |
| 443 | +} | |
| 556 | 444 | #grid-form .row .columns + .columns > .grid-column .dashicons-trash.column-control { |
| 557 | 445 | display: inline-block; |
| 558 | 446 | } |
| 559 | 447 | #grid-form > .container > .row:first-child > .columns:first-child .dashicons-move.column-control { |
| @@ -629,10 +517,9 @@ | ||
| 629 | 517 | cursor: default; |
| 630 | 518 | } |
| 631 | 519 | .columns .row-controls .table-row-label, |
| 632 | 520 | .columns .row-controls .tabs-row-label, |
| 633 | -.container.cf7-sg-table + .container > .row .row-controls .footer-row-label, | |
| 634 | -.container.cf7sg-slider + .container > .row .row-controls .slider-control-label{ | |
| 521 | +.container.cf7-sg-table + .container > .row .row-controls .footer-row-label{ | |
| 635 | 522 | display: inline-block; |
| 636 | 523 | } |
| 637 | 524 | #grid-form ul.cf7-sg-tabs-list{ |
| 638 | 525 | margin: 0; |
| @@ -674,9 +561,9 @@ | ||
| 674 | 561 | right: 0; |
| 675 | 562 | } |
| 676 | 563 | #grid-form .cf7-field-inner { |
| 677 | 564 | padding: 0px 10px; |
| 678 | - background: transparent; | |
| 565 | + background: #ededed; | |
| 679 | 566 | margin: 0; |
| 680 | 567 | position: relative; |
| 681 | 568 | } |
| 682 | 569 | #grid-form .cf7-field-tip .content { |
| @@ -700,9 +587,9 @@ | ||
| 700 | 587 | white-space: nowrap; |
| 701 | 588 | } |
| 702 | 589 | #grid-form p.content:hover { |
| 703 | 590 | cursor: pointer; |
| 704 | - color: #0065aa; | |
| 591 | + color: blue; | |
| 705 | 592 | } |
| 706 | 593 | #grid-form .cf7-field-inner input, |
| 707 | 594 | #grid-form .cf7-field-inner textarea { |
| 708 | 595 | width: calc(100% - 10px); |
