[ Index ] |
PHP Cross Reference of WordPress Trunk (Updated Daily) |
[Summary view] [Print] [Text view]
1 /* Include margin and padding in the width calculation of input and textarea. */ 2 input, 3 select, 4 textarea, 5 button { 6 box-sizing: border-box; 7 font-family: inherit; 8 font-size: inherit; 9 font-weight: inherit; 10 } 11 12 textarea, 13 input { 14 font-size: 14px; 15 } 16 17 textarea { 18 overflow: auto; 19 padding: 2px 6px; 20 /* inherits font size 14px */ 21 line-height: 1.42857143; /* 20px */ 22 resize: vertical; 23 } 24 25 input, 26 select { 27 margin: 0 1px; 28 } 29 30 textarea.code { 31 padding: 4px 6px 1px; 32 } 33 34 input[type="text"], 35 input[type="password"], 36 input[type="color"], 37 input[type="date"], 38 input[type="datetime"], 39 input[type="datetime-local"], 40 input[type="email"], 41 input[type="month"], 42 input[type="number"], 43 input[type="search"], 44 input[type="tel"], 45 input[type="time"], 46 input[type="url"], 47 input[type="week"], 48 select, 49 textarea { 50 box-shadow: 0 0 0 transparent; 51 border-radius: 4px; 52 border: 1px solid #8c8f94; 53 background-color: #fff; 54 color: #2c3338; 55 } 56 57 input[type="text"], 58 input[type="password"], 59 input[type="date"], 60 input[type="datetime"], 61 input[type="datetime-local"], 62 input[type="email"], 63 input[type="month"], 64 input[type="number"], 65 input[type="search"], 66 input[type="tel"], 67 input[type="time"], 68 input[type="url"], 69 input[type="week"] { 70 padding: 0 8px; 71 /* inherits font size 14px */ 72 line-height: 2; /* 28px */ 73 /* Only necessary for IE11 */ 74 min-height: 30px; 75 } 76 77 ::-webkit-datetime-edit { 78 /* inherits font size 14px */ 79 line-height: 1.85714286; /* 26px */ 80 } 81 82 input[type="text"]:focus, 83 input[type="password"]:focus, 84 input[type="color"]:focus, 85 input[type="date"]:focus, 86 input[type="datetime"]:focus, 87 input[type="datetime-local"]:focus, 88 input[type="email"]:focus, 89 input[type="month"]:focus, 90 input[type="number"]:focus, 91 input[type="search"]:focus, 92 input[type="tel"]:focus, 93 input[type="time"]:focus, 94 input[type="url"]:focus, 95 input[type="week"]:focus, 96 input[type="checkbox"]:focus, 97 input[type="radio"]:focus, 98 select:focus, 99 textarea:focus { 100 border-color: #2271b1; 101 box-shadow: 0 0 0 1px #2271b1; 102 /* Only visible in Windows High Contrast mode */ 103 outline: 2px solid transparent; 104 } 105 106 /* rtl:ignore */ 107 input[type="email"], 108 input[type="url"] { 109 direction: ltr; 110 } 111 112 input[type="checkbox"], 113 input[type="radio"] { 114 border: 1px solid #8c8f94; 115 border-radius: 4px; 116 background: #fff; 117 color: #50575e; 118 clear: none; 119 cursor: pointer; 120 display: inline-block; 121 line-height: 0; 122 height: 1rem; 123 margin: -0.25rem 0.25rem 0 0; 124 outline: 0; 125 padding: 0 !important; 126 text-align: center; 127 vertical-align: middle; 128 width: 1rem; 129 min-width: 1rem; 130 -webkit-appearance: none; 131 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); 132 transition: .05s border-color ease-in-out; 133 } 134 135 input[type="radio"]:checked + label:before { 136 color: #8c8f94; 137 } 138 139 .wp-core-ui input[type="reset"]:hover, 140 .wp-core-ui input[type="reset"]:active { 141 color: #135e96; 142 } 143 144 td > input[type="checkbox"], 145 .wp-admin p input[type="checkbox"], 146 .wp-admin p input[type="radio"] { 147 margin-top: 0; 148 } 149 150 .wp-admin p label input[type="checkbox"] { 151 margin-top: -4px; 152 } 153 154 .wp-admin p label input[type="radio"] { 155 margin-top: -2px; 156 } 157 158 input[type="radio"] { 159 border-radius: 50%; 160 margin-right: 0.25rem; 161 /* 10px not sure if still necessary, comes from the MP6 redesign in r26072 */ 162 line-height: 0.71428571; 163 } 164 165 input[type="checkbox"]:checked::before, 166 input[type="radio"]:checked::before { 167 float: left; 168 display: inline-block; 169 vertical-align: middle; 170 width: 1rem; 171 speak: never; 172 -webkit-font-smoothing: antialiased; 173 -moz-osx-font-smoothing: grayscale; 174 } 175 176 input[type="checkbox"]:checked::before { 177 /* Use the "Yes" SVG Dashicon */ 178 content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%233582c4%27%2F%3E%3C%2Fsvg%3E"); 179 margin: -0.1875rem 0 0 -0.25rem; 180 height: 1.3125rem; 181 width: 1.3125rem; 182 } 183 184 input[type="radio"]:checked::before { 185 content: ""; 186 border-radius: 50%; 187 width: 0.5rem; /* 8px */ 188 height: 0.5rem; /* 8px */ 189 margin: 0.1875rem; /* 3px */ 190 background-color: #3582c4; 191 /* 16px not sure if still necessary, comes from the MP6 redesign in r26072 */ 192 line-height: 1.14285714; 193 } 194 195 @-moz-document url-prefix() { 196 input[type="checkbox"], 197 input[type="radio"], 198 .form-table input.tog { 199 margin-bottom: -1px; 200 } 201 } 202 203 /* Search */ 204 input[type="search"] { 205 -webkit-appearance: textfield; 206 } 207 208 input[type="search"]::-webkit-search-decoration { 209 display: none; 210 } 211 212 .wp-admin input[type="file"] { 213 padding: 3px 0; 214 cursor: pointer; 215 } 216 217 input.readonly, 218 input[readonly], 219 textarea.readonly, 220 textarea[readonly] { 221 background-color: #f0f0f1; 222 } 223 224 ::-webkit-input-placeholder { 225 color: #646970; 226 } 227 228 ::-moz-placeholder { 229 color: #646970; 230 opacity: 1; 231 } 232 233 :-ms-input-placeholder { 234 color: #646970; 235 } 236 237 .form-invalid .form-required, 238 .form-invalid .form-required:focus, 239 .form-invalid.form-required input, 240 .form-invalid.form-required input:focus, 241 .form-invalid.form-required select, 242 .form-invalid.form-required select:focus { 243 border-color: #d63638 !important; 244 box-shadow: 0 0 2px rgba(214, 54, 56, 0.8); 245 } 246 247 .form-table .form-required.form-invalid td:after { 248 content: "\f534"; 249 font: normal 20px/1 dashicons; 250 color: #d63638; 251 margin-left: -25px; 252 vertical-align: middle; 253 } 254 255 /* Adjust error indicator for password layout */ 256 .form-table .form-required.user-pass1-wrap.form-invalid td:after { 257 content: ""; 258 } 259 260 .form-table .form-required.user-pass1-wrap.form-invalid .password-input-wrapper:after { 261 content: "\f534"; 262 font: normal 20px/1 dashicons; 263 color: #d63638; 264 margin: 0 6px 0 -29px; 265 vertical-align: middle; 266 } 267 268 .form-input-tip { 269 color: #646970; 270 } 271 272 input:disabled, 273 input.disabled, 274 select:disabled, 275 select.disabled, 276 textarea:disabled, 277 textarea.disabled { 278 background: rgba(255, 255, 255, 0.5); 279 border-color: rgba(220, 220, 222, 0.75); 280 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04); 281 color: rgba(44, 51, 56, 0.5); 282 } 283 284 input[type="file"]:disabled, 285 input[type="file"].disabled, 286 input[type="file"][aria-disabled="true"], 287 input[type="range"]:disabled, 288 input[type="range"].disabled, 289 input[type="range"][aria-disabled="true"] { 290 background: none; 291 box-shadow: none; 292 cursor: default; 293 } 294 295 input[type="checkbox"]:disabled, 296 input[type="checkbox"].disabled, 297 input[type="checkbox"][aria-disabled="true"], 298 input[type="radio"]:disabled, 299 input[type="radio"].disabled, 300 input[type="radio"][aria-disabled="true"], 301 input[type="checkbox"]:disabled:checked:before, 302 input[type="checkbox"].disabled:checked:before, 303 input[type="radio"]:disabled:checked:before, 304 input[type="radio"].disabled:checked:before { 305 opacity: 0.7; 306 cursor: default; 307 } 308 309 /*------------------------------------------------------------------------------ 310 2.0 - Forms 311 ------------------------------------------------------------------------------*/ 312 313 /* Select styles are based on the default button in buttons.css */ 314 .wp-core-ui select { 315 font-size: 14px; 316 line-height: 2; /* 28px */ 317 color: #2c3338; 318 border-color: #8c8f94; 319 box-shadow: none; 320 border-radius: 3px; 321 padding: 0 24px 0 8px; 322 min-height: 30px; 323 max-width: 25rem; 324 -webkit-appearance: none; 325 /* The SVG is arrow-down-alt2 from Dashicons. */ 326 background: #fff url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E') no-repeat right 5px top 55%; 327 background-size: 16px 16px; 328 cursor: pointer; 329 vertical-align: middle; 330 } 331 332 .wp-core-ui select:hover { 333 color: #2271b1; 334 } 335 336 .wp-core-ui select:focus { 337 border-color: #2271b1; 338 color: #0a4b78; 339 box-shadow: 0 0 0 1px #2271b1; 340 } 341 342 .wp-core-ui select:active { 343 border-color: #8c8f94; 344 box-shadow: none; 345 } 346 347 .wp-core-ui select.disabled, 348 .wp-core-ui select:disabled { 349 color: #a7aaad; 350 border-color: #dcdcde; 351 background-color: #f6f7f7; 352 /* The SVG is arrow-down-alt2 from Dashicons. */ 353 background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23a0a5aa%22%2F%3E%3C%2Fsvg%3E'); 354 box-shadow: none; 355 text-shadow: 0 1px 0 #fff; 356 cursor: default; 357 transform: none; 358 } 359 360 .wp-core-ui select[aria-disabled="true"] { 361 cursor: default; 362 } 363 364 /* Reset Firefox inner outline that appears on :focus. */ 365 /* This ruleset overrides the color change on :focus thus needs to be after select:focus. */ 366 .wp-core-ui select:-moz-focusring { 367 color: transparent; 368 text-shadow: 0 0 0 #0a4b78; 369 } 370 371 /* Remove background focus style from IE11 while keeping focus style available on option elements. */ 372 .wp-core-ui select::-ms-value { 373 background: transparent; 374 color: #50575e; 375 } 376 377 .wp-core-ui select:hover::-ms-value { 378 color: #2271b1; 379 } 380 381 .wp-core-ui select:focus::-ms-value { 382 color: #0a4b78; 383 } 384 385 .wp-core-ui select.disabled::-ms-value, 386 .wp-core-ui select:disabled::-ms-value { 387 color: #a7aaad; 388 } 389 390 /* Hide the native down arrow for select element on IE. */ 391 .wp-core-ui select::-ms-expand { 392 display: none; 393 } 394 395 .wp-admin .button-cancel { 396 display: inline-block; 397 min-height: 28px; 398 padding: 0 5px; 399 line-height: 2; 400 } 401 402 .meta-box-sortables select { 403 max-width: 100%; 404 } 405 406 .meta-box-sortables input { 407 vertical-align: middle; 408 } 409 410 .misc-pub-post-status select { 411 margin-top: 0; 412 } 413 414 .wp-core-ui select[multiple] { 415 height: auto; 416 padding-right: 8px; 417 background: #fff; 418 } 419 420 .submit { 421 padding: 1.5em 0; 422 margin: 5px 0; 423 border-bottom-left-radius: 3px; 424 border-bottom-right-radius: 3px; 425 border: none; 426 } 427 428 form p.submit a.cancel:hover { 429 text-decoration: none; 430 } 431 432 p.submit { 433 text-align: left; 434 max-width: 100%; 435 margin-top: 20px; 436 padding-top: 10px; 437 } 438 439 .textright p.submit { 440 border: none; 441 text-align: right; 442 } 443 444 table.form-table + p.submit, 445 table.form-table + input + p.submit, 446 table.form-table + input + input + p.submit { 447 border-top: none; 448 padding-top: 0; 449 } 450 451 #minor-publishing-actions input, 452 #major-publishing-actions input, 453 #minor-publishing-actions .preview { 454 text-align: center; 455 } 456 457 textarea.all-options, 458 input.all-options { 459 width: 250px; 460 } 461 462 input.large-text, 463 textarea.large-text { 464 width: 99%; 465 } 466 467 .regular-text { 468 width: 25em; 469 } 470 471 input.small-text { 472 width: 50px; 473 padding: 0 6px; 474 } 475 476 label input.small-text { 477 margin-top: -4px; 478 } 479 480 input[type="number"].small-text { 481 width: 65px; 482 padding-right: 0; 483 } 484 485 input.tiny-text { 486 width: 35px; 487 } 488 489 input[type="number"].tiny-text { 490 width: 45px; 491 padding-right: 0; 492 } 493 494 #doaction, 495 #doaction2, 496 #post-query-submit { 497 margin: 0 8px 0 0; 498 } 499 500 /* @since 5.7.0 secondary bulk action controls require JS. */ 501 .no-js label[for="bulk-action-selector-bottom"], 502 .no-js select#bulk-action-selector-bottom, 503 .no-js input#doaction2, 504 .no-js label[for="new_role2"], 505 .no-js select#new_role2, 506 .no-js input#changeit2 { 507 display: none; 508 } 509 510 .tablenav .actions select { 511 float: left; 512 margin-right: 6px; 513 max-width: 12.5rem; 514 } 515 516 #timezone_string option { 517 margin-left: 1em; 518 } 519 520 .wp-hide-pw > .dashicons, 521 .wp-cancel-pw > .dashicons { 522 position: relative; 523 top: 3px; 524 width: 1.25rem; 525 height: 1.25rem; 526 top: 0.25rem; 527 font-size: 20px; 528 } 529 530 .wp-cancel-pw .dashicons-no { 531 display: none; 532 } 533 534 label, 535 #your-profile label + a { 536 vertical-align: middle; 537 } 538 539 fieldset label, 540 #your-profile label + a { 541 vertical-align: middle; 542 } 543 544 .options-media-php [for*="_size_"] { 545 min-width: 10em; 546 vertical-align: baseline; 547 } 548 549 .options-media-php .small-text[name*="_size_"] { 550 margin: 0 0 1em; 551 } 552 553 .wp-generate-pw { 554 margin-top: 1em; 555 position: relative; 556 } 557 558 .wp-pwd button { 559 height: min-content; 560 } 561 562 .wp-pwd button.pwd-toggle .dashicons { 563 position: relative; 564 top: 0.25rem; 565 } 566 567 .wp-pwd { 568 margin-top: 1em; 569 position: relative; 570 } 571 572 .mailserver-pass-wrap .wp-pwd { 573 display: inline-block; 574 margin-top: 0; 575 } 576 577 /* rtl:ignore */ 578 #mailserver_pass { 579 padding-right: 2.5rem; 580 } 581 582 /* rtl:ignore */ 583 .mailserver-pass-wrap .button.wp-hide-pw { 584 background: transparent; 585 border: 1px solid transparent; 586 box-shadow: none; 587 font-size: 14px; 588 line-height: 2; 589 width: 2.5rem; 590 min-width: 40px; 591 margin: 0; 592 padding: 0 9px; 593 position: absolute; 594 right: 0; 595 top: 0; 596 } 597 598 .mailserver-pass-wrap .button.wp-hide-pw:hover { 599 background: transparent; 600 border-color: transparent; 601 } 602 603 .mailserver-pass-wrap .button.wp-hide-pw:focus { 604 background: transparent; 605 border-color: #3582c4; 606 border-radius: 4px; 607 box-shadow: 0 0 0 1px #3582c4; 608 /* Only visible in Windows High Contrast mode */ 609 outline: 2px solid transparent; 610 } 611 612 .mailserver-pass-wrap .button.wp-hide-pw:active { 613 background: transparent; 614 box-shadow: none; 615 transform: none; 616 } 617 618 #misc-publishing-actions label { 619 vertical-align: baseline; 620 } 621 622 #pass-strength-result { 623 background-color: #f0f0f1; 624 border: 1px solid #dcdcde; 625 color: #1d2327; 626 margin: -1px 1px 5px; 627 padding: 3px 5px; 628 text-align: center; 629 width: 25em; 630 box-sizing: border-box; 631 opacity: 0; 632 } 633 634 #pass-strength-result.short { 635 background-color: #ffabaf; 636 border-color: #e65054; 637 opacity: 1; 638 } 639 640 #pass-strength-result.bad { 641 background-color: #facfd2; 642 border-color: #f86368; 643 opacity: 1; 644 } 645 646 #pass-strength-result.good { 647 background-color: #f5e6ab; 648 border-color: #f0c33c; 649 opacity: 1; 650 } 651 652 #pass-strength-result.strong { 653 background-color: #b8e6bf; 654 border-color: #68de7c; 655 opacity: 1; 656 } 657 658 .password-input-wrapper { 659 display: inline-block; 660 } 661 662 .password-input-wrapper input { 663 font-family: Consolas, Monaco, monospace; 664 } 665 666 #pass1.short, #pass1-text.short { 667 border-color: #e65054; 668 } 669 670 #pass1.bad, #pass1-text.bad { 671 border-color: #f86368; 672 } 673 674 #pass1.good, #pass1-text.good { 675 border-color: #f0c33c; 676 } 677 678 #pass1.strong, #pass1-text.strong { 679 border-color: #68de7c; 680 } 681 682 #pass1:focus, 683 #pass1-text:focus { 684 box-shadow: 0 0 0 2px #2271b1; 685 /* Only visible in Windows High Contrast mode */ 686 outline: 2px solid transparent; 687 } 688 689 .pw-weak { 690 display: none; 691 } 692 693 .indicator-hint { 694 padding-top: 8px; 695 } 696 697 .wp-pwd [type="text"], 698 .wp-pwd [type="password"] { 699 margin-bottom: 0; 700 /* Same height as the buttons */ 701 min-height: 30px; 702 } 703 704 /* Hide the Edge "reveal password" native button */ 705 .wp-pwd input::-ms-reveal { 706 display: none; 707 } 708 709 #pass1-text, 710 .show-password #pass1 { 711 display: none; 712 } 713 714 #pass1-text::-ms-clear { 715 display: none; 716 } 717 718 .show-password #pass1-text { 719 display: inline-block; 720 } 721 722 p.search-box { 723 float: right; 724 margin: 0; 725 } 726 727 .network-admin.themes-php p.search-box { 728 clear: left; 729 } 730 731 .search-box input[name="s"], 732 .tablenav .search-plugins input[name="s"], 733 .tagsdiv .newtag { 734 float: left; 735 margin: 0 4px 0 0; 736 } 737 738 .js.plugins-php .search-box .wp-filter-search { 739 margin: 0; 740 width: 280px; 741 } 742 743 input[type="text"].ui-autocomplete-loading, 744 input[type="email"].ui-autocomplete-loading { 745 background-image: url(../images/loading.gif); 746 background-repeat: no-repeat; 747 background-position: right 5px center; 748 visibility: visible; 749 } 750 751 input.ui-autocomplete-input.open { 752 border-bottom-color: transparent; 753 } 754 755 ul#add-to-blog-users { 756 margin: 0 0 0 14px; 757 } 758 759 .ui-autocomplete { 760 padding: 0; 761 margin: 0; 762 list-style: none; 763 position: absolute; 764 z-index: 10000; 765 border: 1px solid #4f94d4; 766 box-shadow: 0 1px 2px rgba(79, 148, 212, 0.8); 767 background-color: #fff; 768 } 769 770 .ui-autocomplete li { 771 margin-bottom: 0; 772 padding: 4px 10px; 773 white-space: nowrap; 774 text-align: left; 775 cursor: pointer; 776 } 777 778 /* Colors for the wplink toolbar autocomplete. */ 779 .ui-autocomplete .ui-state-focus { 780 background-color: #dcdcde; 781 } 782 783 /* Colors for the tags autocomplete. */ 784 .wp-tags-autocomplete .ui-state-focus, 785 .wp-tags-autocomplete [aria-selected="true"] { 786 background-color: #2271b1; 787 color: #fff; 788 /* Only visible in Windows High Contrast mode */ 789 outline: 2px solid transparent; 790 } 791 792 .button-add-site-icon { 793 width: 100%; 794 cursor: pointer; 795 text-align: center; 796 border: 1px dashed #c3c4c7; 797 box-sizing: border-box; 798 padding: 9px 0; 799 line-height: 1.6; 800 max-width: 270px; 801 } 802 803 .button-add-site-icon:focus, 804 .button-add-site-icon:hover { 805 background: #fff; 806 } 807 808 .site-icon-section .favicon-preview { 809 float: left; 810 } 811 .site-icon-section .app-icon-preview { 812 float: left; 813 margin: 0 20px; 814 } 815 816 .site-icon-section .site-icon-preview img { 817 max-width: 100%; 818 } 819 820 .button-add-site-icon:focus { 821 background-color: #fff; 822 border-color: #3582c4; 823 border-style: solid; 824 box-shadow: 0 0 0 1px #3582c4; 825 outline: 2px solid transparent; 826 } 827 828 /*------------------------------------------------------------------------------ 829 15.0 - Comments Screen 830 ------------------------------------------------------------------------------*/ 831 832 .form-table { 833 border-collapse: collapse; 834 margin-top: 0.5em; 835 width: 100%; 836 clear: both; 837 } 838 839 .form-table, 840 .form-table td, 841 .form-table th, 842 .form-table td p { 843 font-size: 14px; 844 } 845 846 .form-table td { 847 margin-bottom: 9px; 848 padding: 15px 10px; 849 line-height: 1.3; 850 vertical-align: middle; 851 } 852 853 .form-table th, 854 .form-wrap label { 855 color: #1d2327; 856 font-weight: 400; 857 text-shadow: none; 858 vertical-align: baseline; 859 } 860 861 .form-table th { 862 vertical-align: top; 863 text-align: left; 864 padding: 20px 10px 20px 0; 865 width: 200px; 866 line-height: 1.3; 867 font-weight: 600; 868 } 869 870 .form-table th.th-full, /* Not used by core. Back-compat for pre-4.8 */ 871 .form-table .td-full { 872 width: auto; 873 padding: 20px 10px 20px 0; 874 font-weight: 400; 875 } 876 877 .form-table td p { 878 margin-top: 4px; 879 margin-bottom: 0; 880 } 881 882 .form-table .date-time-doc { 883 margin-top: 1em; 884 } 885 886 .form-table p.timezone-info { 887 margin: 1em 0; 888 display: flex; 889 flex-direction: column; 890 } 891 892 #local-time { 893 margin-top: 0.5em; 894 } 895 896 .form-table td fieldset label { 897 margin: 0.35em 0 0.5em !important; 898 display: inline-block; 899 } 900 901 .form-table td fieldset p label { 902 margin-top: 0 !important; 903 } 904 905 .form-table td fieldset label, 906 .form-table td fieldset p, 907 .form-table td fieldset li { 908 line-height: 1.4; 909 } 910 911 .form-table input.tog, 912 .form-table input[type="radio"] { 913 margin-top: -4px; 914 margin-right: 4px; 915 float: none; 916 } 917 918 .form-table .pre { 919 padding: 8px; 920 margin: 0; 921 } 922 923 table.form-table td .updated { 924 font-size: 13px; 925 } 926 927 table.form-table td .updated p { 928 font-size: 13px; 929 margin: 0.3em 0; 930 } 931 932 /*------------------------------------------------------------------------------ 933 18.0 - Users 934 ------------------------------------------------------------------------------*/ 935 936 #profile-page .form-table textarea { 937 width: 500px; 938 margin-bottom: 6px; 939 } 940 941 #profile-page .form-table #rich_editing { 942 margin-right: 5px 943 } 944 945 #your-profile legend { 946 font-size: 22px; 947 } 948 949 #display_name { 950 width: 15em; 951 } 952 953 #adduser .form-field input, 954 #createuser .form-field input { 955 width: 25em; 956 } 957 958 .color-option { 959 display: inline-block; 960 width: 24%; 961 padding: 5px 15px 15px; 962 box-sizing: border-box; 963 margin-bottom: 3px; 964 } 965 966 .color-option:hover, 967 .color-option.selected { 968 background: #dcdcde; 969 } 970 971 .color-palette { 972 display: table; 973 width: 100%; 974 border-spacing: 0; 975 border-collapse: collapse; 976 } 977 .color-palette .color-palette-shade, 978 .color-palette td { 979 display: table-cell; 980 height: 20px; 981 padding: 0; 982 border: none; 983 } 984 985 .color-option { 986 cursor: pointer; 987 } 988 989 .create-application-password .form-field { 990 max-width: 25em; 991 } 992 993 .create-application-password label { 994 font-weight: 600; 995 } 996 997 .create-application-password p.submit { 998 margin-bottom: 0; 999 padding-bottom: 0; 1000 display: block; 1001 } 1002 1003 #application-passwords-section .notice { 1004 margin-top: 20px; 1005 margin-bottom: 0; 1006 word-wrap: break-word; 1007 } 1008 1009 .application-password-display input.code { 1010 width: 19em; 1011 } 1012 1013 .auth-app-card.card { 1014 max-width: 768px; 1015 } 1016 1017 .authorize-application-php .form-wrap p { 1018 display: block; 1019 } 1020 1021 /*------------------------------------------------------------------------------ 1022 19.0 - Tools 1023 ------------------------------------------------------------------------------*/ 1024 1025 .tool-box .title { 1026 margin: 8px 0; 1027 font-size: 18px; 1028 font-weight: 400; 1029 line-height: 24px; 1030 } 1031 1032 .label-responsive { 1033 vertical-align: middle; 1034 } 1035 1036 #export-filters p { 1037 margin: 0 0 1em; 1038 } 1039 1040 #export-filters p.submit { 1041 margin: 7px 0 5px; 1042 } 1043 1044 /* Card styles */ 1045 1046 .card { 1047 position: relative; 1048 margin-top: 20px; 1049 padding: 0.7em 2em 1em; 1050 min-width: 255px; 1051 max-width: 520px; 1052 border: 1px solid #c3c4c7; 1053 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); 1054 background: #fff; 1055 box-sizing: border-box; 1056 } 1057 1058 /* Press this styles */ 1059 1060 .pressthis h4 { 1061 margin: 2em 0 1em; 1062 } 1063 1064 .pressthis textarea { 1065 width: 100%; 1066 font-size: 1em; 1067 } 1068 1069 #pressthis-code-wrap { 1070 overflow: auto; 1071 } 1072 1073 .pressthis-bookmarklet-wrapper { 1074 margin: 20px 0 8px; 1075 vertical-align: top; 1076 position: relative; 1077 z-index: 1; 1078 } 1079 1080 .pressthis-bookmarklet, 1081 .pressthis-bookmarklet:hover, 1082 .pressthis-bookmarklet:focus, 1083 .pressthis-bookmarklet:active { 1084 display: inline-block; 1085 position: relative; 1086 cursor: move; 1087 color: #2c3338; 1088 background: #dcdcde; 1089 border-radius: 5px; 1090 border: 1px solid #c3c4c7; 1091 font-style: normal; 1092 line-height: 16px; 1093 font-size: 14px; 1094 text-decoration: none; 1095 } 1096 1097 .pressthis-bookmarklet:active { 1098 outline: none; 1099 } 1100 1101 .pressthis-bookmarklet:after { 1102 content: ""; 1103 width: 70%; 1104 height: 55%; 1105 z-index: -1; 1106 position: absolute; 1107 right: 10px; 1108 bottom: 9px; 1109 background: transparent; 1110 transform: skew(20deg) rotate(6deg); 1111 box-shadow: 0 10px 8px rgba(0, 0, 0, 0.6); 1112 } 1113 1114 .pressthis-bookmarklet:hover:after { 1115 transform: skew(20deg) rotate(9deg); 1116 box-shadow: 0 10px 8px rgba(0, 0, 0, 0.7); 1117 } 1118 1119 .pressthis-bookmarklet span { 1120 display: inline-block; 1121 margin: 0; 1122 padding: 0 12px 8px 9px; 1123 } 1124 1125 .pressthis-bookmarklet span:before { 1126 color: #787c82; 1127 font: normal 20px/1 dashicons; 1128 content: "\f157"; 1129 position: relative; 1130 display: inline-block; 1131 top: 4px; 1132 margin-right: 4px; 1133 } 1134 1135 .pressthis-js-toggle { 1136 margin-left: 10px; 1137 padding: 0; 1138 height: auto; 1139 vertical-align: top; 1140 } 1141 1142 /* to override the button class being applied */ 1143 .pressthis-js-toggle.button.button { 1144 margin-left: 10px; 1145 padding: 0; 1146 height: auto; 1147 vertical-align: top; 1148 } 1149 1150 .pressthis-js-toggle .dashicons { 1151 margin: 5px 8px 6px 7px; 1152 color: #50575e; 1153 } 1154 1155 /*------------------------------------------------------------------------------ 1156 20.0 - Settings 1157 ------------------------------------------------------------------------------*/ 1158 1159 .timezone-info code { 1160 white-space: nowrap; 1161 } 1162 1163 .defaultavatarpicker .avatar { 1164 margin: 2px 0; 1165 vertical-align: middle; 1166 } 1167 1168 .options-general-php .date-time-text { 1169 display: inline-block; 1170 min-width: 10em; 1171 } 1172 1173 .options-general-php input.small-text { 1174 width: 56px; 1175 margin: -2px 0; 1176 } 1177 1178 .options-general-php .spinner { 1179 float: none; 1180 margin: -3px 3px 0; 1181 } 1182 1183 .settings-php .language-install-spinner, 1184 .options-general-php .language-install-spinner, 1185 .user-edit-php .language-install-spinner, 1186 .profile-php .language-install-spinner { 1187 display: inline-block; 1188 float: none; 1189 margin: -3px 5px 0; 1190 vertical-align: middle; 1191 } 1192 1193 .form-table.permalink-structure .available-structure-tags { 1194 margin-top: 8px; 1195 } 1196 1197 .form-table.permalink-structure .available-structure-tags ul { 1198 display: flex; 1199 flex-wrap: wrap; 1200 margin: 8px 0 0; 1201 } 1202 1203 .form-table.permalink-structure .available-structure-tags li { 1204 margin: 6px 5px 0 0; 1205 } 1206 1207 .form-table.permalink-structure .available-structure-tags li:last-child { 1208 margin-right: 0; 1209 } 1210 1211 .form-table.permalink-structure .structure-selection .row { 1212 margin-bottom: 16px; 1213 } 1214 1215 .form-table.permalink-structure .structure-selection .row > div { 1216 max-width: calc(100% - 24px); 1217 display: inline-flex; 1218 flex-direction: column; 1219 } 1220 1221 .form-table.permalink-structure .structure-selection .row label { 1222 font-weight: 600; 1223 } 1224 1225 .form-table.permalink-structure .structure-selection .row p { 1226 margin-top: 0; 1227 } 1228 1229 /*------------------------------------------------------------------------------ 1230 21.0 - Network Admin 1231 ------------------------------------------------------------------------------*/ 1232 1233 .setup-php textarea { 1234 max-width: 100%; 1235 } 1236 1237 .form-field #site-address { 1238 max-width: 25em; 1239 } 1240 1241 .form-field #domain { 1242 max-width: 22em; 1243 } 1244 1245 .form-field #site-title, 1246 .form-field #admin-email, 1247 .form-field #path, 1248 .form-field #blog_registered, 1249 .form-field #blog_last_updated { 1250 max-width: 25em; 1251 } 1252 1253 .form-field #path { 1254 margin-bottom: 5px; 1255 } 1256 1257 #search-users, 1258 #search-sites { 1259 max-width: 60%; 1260 } 1261 1262 .configuration-rules-label { 1263 font-weight: 600; 1264 margin-bottom: 4px; 1265 } 1266 1267 /*------------------------------------------------------------------------------ 1268 Credentials check dialog for Install and Updates 1269 ------------------------------------------------------------------------------*/ 1270 1271 .request-filesystem-credentials-dialog { 1272 display: none; 1273 /* The customizer uses visibility: hidden on the body for full-overlays. */ 1274 visibility: visible; 1275 } 1276 1277 .request-filesystem-credentials-dialog .notification-dialog { 1278 top: 10%; 1279 max-height: 85%; 1280 } 1281 1282 .request-filesystem-credentials-dialog-content { 1283 margin: 25px; 1284 } 1285 1286 #request-filesystem-credentials-title { 1287 font-size: 1.3em; 1288 margin: 1em 0; 1289 } 1290 1291 .request-filesystem-credentials-form legend { 1292 font-size: 1em; 1293 padding: 1.33em 0; 1294 font-weight: 600; 1295 } 1296 1297 .request-filesystem-credentials-form input[type="text"], 1298 .request-filesystem-credentials-form input[type="password"] { 1299 display: block; 1300 } 1301 1302 .request-filesystem-credentials-dialog input[type="text"], 1303 .request-filesystem-credentials-dialog input[type="password"] { 1304 width: 100%; 1305 } 1306 1307 .request-filesystem-credentials-form .field-title { 1308 font-weight: 600; 1309 } 1310 1311 .request-filesystem-credentials-dialog label[for="hostname"], 1312 .request-filesystem-credentials-dialog label[for="public_key"], 1313 .request-filesystem-credentials-dialog label[for="private_key"] { 1314 display: block; 1315 margin-bottom: 1em; 1316 } 1317 1318 .request-filesystem-credentials-dialog .ftp-username, 1319 .request-filesystem-credentials-dialog .ftp-password { 1320 float: left; 1321 width: 48%; 1322 } 1323 1324 .request-filesystem-credentials-dialog .ftp-password { 1325 margin-left: 4%; 1326 } 1327 1328 .request-filesystem-credentials-dialog .request-filesystem-credentials-action-buttons { 1329 text-align: right; 1330 } 1331 1332 .request-filesystem-credentials-dialog label[for="ftp"] { 1333 margin-right: 10px; 1334 } 1335 1336 .request-filesystem-credentials-dialog #auth-keys-desc { 1337 margin-bottom: 0; 1338 } 1339 1340 #request-filesystem-credentials-dialog .button:not(:last-child) { 1341 margin-right: 10px; 1342 } 1343 1344 #request-filesystem-credentials-form .cancel-button { 1345 display: none; 1346 } 1347 1348 #request-filesystem-credentials-dialog .cancel-button { 1349 display: inline; 1350 } 1351 1352 .request-filesystem-credentials-dialog .ftp-username, 1353 .request-filesystem-credentials-dialog .ftp-password { 1354 float: none; 1355 width: auto; 1356 } 1357 1358 .request-filesystem-credentials-dialog .ftp-username { 1359 margin-bottom: 1em; 1360 } 1361 1362 .request-filesystem-credentials-dialog .ftp-password { 1363 margin: 0; 1364 } 1365 1366 .request-filesystem-credentials-dialog .ftp-password em { 1367 color: #8c8f94; 1368 } 1369 1370 .request-filesystem-credentials-dialog label { 1371 display: block; 1372 line-height: 1.5; 1373 margin-bottom: 1em; 1374 } 1375 1376 .request-filesystem-credentials-form legend { 1377 padding-bottom: 0; 1378 } 1379 1380 .request-filesystem-credentials-form #ssh-keys legend { 1381 font-size: 1.3em; 1382 } 1383 1384 .request-filesystem-credentials-form .notice { 1385 margin: 0 0 20px; 1386 clear: both; 1387 } 1388 1389 /*------------------------------------------------------------------------------ 1390 Privacy Policy settings screen 1391 ------------------------------------------------------------------------------*/ 1392 .tools-privacy-policy-page form { 1393 margin-bottom: 1.3em; 1394 } 1395 1396 .tools-privacy-policy-page input.button { 1397 margin: 0 1px 0 6px; 1398 } 1399 1400 .tools-privacy-policy-page select { 1401 margin: 0 1px 0.5em 6px; 1402 } 1403 1404 .tools-privacy-edit { 1405 margin: 1.5em 0; 1406 } 1407 1408 .tools-privacy-policy-page span { 1409 line-height: 2; 1410 } 1411 1412 .privacy_requests .column-email { 1413 width: 40%; 1414 } 1415 1416 .privacy_requests .column-type { 1417 text-align: center; 1418 } 1419 1420 .privacy_requests thead td:first-child, 1421 .privacy_requests tfoot td:first-child { 1422 border-left: 4px solid #fff; 1423 } 1424 1425 .privacy_requests tbody th { 1426 border-left: 4px solid #fff; 1427 background: #fff; 1428 box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1); 1429 } 1430 1431 .privacy_requests .row-actions { 1432 color: #787c82; 1433 } 1434 1435 .privacy_requests .row-actions.processing { 1436 position: static; 1437 } 1438 1439 .privacy_requests tbody .has-request-results th { 1440 box-shadow: none; 1441 } 1442 1443 .privacy_requests tbody .request-results th .notice { 1444 margin: 0 0 5px; 1445 } 1446 1447 .privacy_requests tbody td { 1448 background: #fff; 1449 box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1); 1450 } 1451 1452 .privacy_requests tbody .has-request-results td { 1453 box-shadow: none; 1454 } 1455 1456 .privacy_requests .next_steps .button { 1457 word-wrap: break-word; 1458 white-space: normal; 1459 } 1460 1461 .privacy_requests .status-request-confirmed th, 1462 .privacy_requests .status-request-confirmed td { 1463 background-color: #fff; 1464 border-left-color: #72aee6; 1465 } 1466 1467 .privacy_requests .status-request-failed th, 1468 .privacy_requests .status-request-failed td { 1469 background-color: #f6f7f7; 1470 border-left-color: #d63638; 1471 } 1472 1473 .privacy_requests .export_personal_data_failed a { 1474 vertical-align: baseline; 1475 } 1476 1477 .status-label { 1478 font-weight: 600; 1479 } 1480 1481 .status-label.status-request-pending { 1482 font-weight: 400; 1483 font-style: italic; 1484 color: #646970; 1485 } 1486 1487 .status-label.status-request-failed { 1488 color: #d63638; 1489 font-weight: 600; 1490 } 1491 1492 .wp-privacy-request-form { 1493 clear: both; 1494 } 1495 1496 .wp-privacy-request-form-field { 1497 margin: 1.5em 0; 1498 } 1499 1500 .wp-privacy-request-form input { 1501 margin: 0; 1502 } 1503 1504 .email-personal-data::before { 1505 display: inline-block; 1506 font: normal 20px/1 dashicons; 1507 margin: 3px 5px 0 -2px; 1508 speak: never; 1509 -webkit-font-smoothing: antialiased; 1510 -moz-osx-font-smoothing: grayscale; 1511 vertical-align: top; 1512 } 1513 1514 .email-personal-data--sending::before { 1515 color: #d63638; 1516 content: "\f463"; 1517 animation: rotation 2s infinite linear; 1518 } 1519 1520 .email-personal-data--sent::before { 1521 color: #68de7c; 1522 content: "\f147"; 1523 } 1524 1525 1526 /* =Media Queries 1527 -------------------------------------------------------------- */ 1528 1529 @media screen and (max-width: 782px) { 1530 /* Input Elements */ 1531 textarea { 1532 -webkit-appearance: none; 1533 } 1534 1535 input[type="text"], 1536 input[type="password"], 1537 input[type="date"], 1538 input[type="datetime"], 1539 input[type="datetime-local"], 1540 input[type="email"], 1541 input[type="month"], 1542 input[type="number"], 1543 input[type="search"], 1544 input[type="tel"], 1545 input[type="time"], 1546 input[type="url"], 1547 input[type="week"] { 1548 -webkit-appearance: none; 1549 padding: 3px 10px; 1550 /* Only necessary for IE11 */ 1551 min-height: 40px; 1552 } 1553 1554 ::-webkit-datetime-edit { 1555 line-height: 1.875; /* 30px */ 1556 } 1557 1558 input[type="checkbox"], 1559 .widefat th input[type="checkbox"], 1560 .widefat thead td input[type="checkbox"], 1561 .widefat tfoot td input[type="checkbox"] { 1562 -webkit-appearance: none; 1563 } 1564 1565 .widefat th input[type="checkbox"], 1566 .widefat thead td input[type="checkbox"], 1567 .widefat tfoot td input[type="checkbox"] { 1568 margin-bottom: 8px; 1569 } 1570 1571 input[type="checkbox"]:checked:before, 1572 .widefat th input[type="checkbox"]:before, 1573 .widefat thead td input[type="checkbox"]:before, 1574 .widefat tfoot td input[type="checkbox"]:before { 1575 width: 1.875rem; 1576 height: 1.875rem; 1577 margin: -0.1875rem -0.3125rem; 1578 } 1579 1580 input[type="radio"], 1581 input[type="checkbox"] { 1582 height: 1.5625rem; 1583 width: 1.5625rem; 1584 } 1585 1586 .wp-admin p input[type="checkbox"], 1587 .wp-admin p input[type="radio"] { 1588 margin-top: -0.1875rem; 1589 } 1590 1591 input[type="radio"]:checked:before { 1592 vertical-align: middle; 1593 width: 0.5625rem; 1594 height: 0.5625rem; 1595 margin: 0.4375rem; 1596 line-height: 0.76190476; 1597 } 1598 1599 .wp-upload-form input[type="submit"] { 1600 margin-top: 10px; 1601 } 1602 1603 .wp-core-ui select, 1604 .wp-admin .form-table select { 1605 min-height: 40px; 1606 font-size: 16px; 1607 line-height: 1.625; /* 26px */ 1608 padding: 5px 24px 5px 8px; 1609 } 1610 1611 .wp-admin .button-cancel { 1612 margin-bottom: 0; 1613 padding: 2px 0; 1614 font-size: 14px; 1615 vertical-align: middle; 1616 } 1617 1618 #adduser .form-field input, 1619 #createuser .form-field input { 1620 width: 100%; 1621 } 1622 1623 .form-table { 1624 box-sizing: border-box; 1625 } 1626 1627 .form-table th, 1628 .form-table td, 1629 .label-responsive { 1630 display: block; 1631 width: auto; 1632 vertical-align: middle; 1633 } 1634 1635 .label-responsive { 1636 margin: 0.5em 0; 1637 } 1638 1639 .export-filters li { 1640 margin-bottom: 0; 1641 } 1642 1643 .form-table .color-palette .color-palette-shade, 1644 .form-table .color-palette td { 1645 display: table-cell; 1646 width: 15px; 1647 height: 30px; 1648 padding: 0; 1649 } 1650 1651 .form-table .color-palette { 1652 margin-right: 10px; 1653 } 1654 1655 textarea, 1656 input { 1657 font-size: 16px; 1658 } 1659 1660 .form-table td input[type="text"], 1661 .form-table td input[type="email"], 1662 .form-table td input[type="password"], 1663 .form-table td select, 1664 .form-table td textarea, 1665 .form-table span.description, 1666 #profile-page .form-table textarea { 1667 width: 100%; 1668 display: block; 1669 max-width: none; 1670 box-sizing: border-box; 1671 } 1672 1673 .form-table .form-required.form-invalid td:after { 1674 float: right; 1675 margin: -30px 3px 0 0; 1676 } 1677 1678 input[type="text"].small-text, 1679 input[type="search"].small-text, 1680 input[type="password"].small-text, 1681 input[type="number"].small-text, 1682 input[type="number"].small-text, 1683 .form-table input[type="text"].small-text { 1684 width: auto; 1685 max-width: 4.375em; /* 70px, enough for 4 digits to fit comfortably */ 1686 display: inline; 1687 padding: 3px 6px; 1688 margin: 0 3px; 1689 } 1690 1691 .form-table .regular-text ~ input[type="text"].small-text { 1692 margin-top: 5px; 1693 } 1694 1695 #pass-strength-result { 1696 width: 100%; 1697 box-sizing: border-box; 1698 padding: 8px; 1699 } 1700 1701 .password-input-wrapper { 1702 display: block; 1703 } 1704 1705 p.search-box { 1706 float: none; 1707 width: 100%; 1708 margin-bottom: 20px; 1709 display: flex; 1710 } 1711 1712 p.search-box input[name="s"] { 1713 float: none; 1714 width: 100%; 1715 margin-bottom: 10px; 1716 vertical-align: middle; 1717 } 1718 1719 p.search-box input[type="submit"] { 1720 margin-bottom: 10px; 1721 } 1722 1723 .form-table span.description { 1724 display: inline; 1725 padding: 4px 0 0; 1726 line-height: 1.4; 1727 font-size: 14px; 1728 } 1729 1730 .form-table th { 1731 padding: 10px 0 0; 1732 border-bottom: 0; 1733 } 1734 1735 .form-table td { 1736 margin-bottom: 0; 1737 padding: 4px 0 6px; 1738 } 1739 1740 .form-table.permalink-structure td code { 1741 display: inline-block; 1742 } 1743 1744 .form-table.permalink-structure .structure-selection { 1745 margin-top: 8px; 1746 } 1747 1748 .form-table.permalink-structure .structure-selection .row > div { 1749 max-width: calc(100% - 36px); 1750 width: 100%; 1751 } 1752 1753 .form-table.permalink-structure td input[type="text"] { 1754 margin-top: 4px; 1755 } 1756 1757 .form-table input.regular-text { 1758 width: 100%; 1759 } 1760 1761 .form-table label { 1762 font-size: 14px; 1763 } 1764 1765 .form-table td > label:first-child { 1766 display: inline-block; 1767 margin-top: 0.35em; 1768 } 1769 1770 .background-position-control .button-group > label { 1771 font-size: 0; 1772 } 1773 1774 .form-table fieldset label { 1775 display: block; 1776 } 1777 1778 .form-field #domain { 1779 max-width: none; 1780 } 1781 1782 /* New Password */ 1783 .wp-pwd { 1784 position: relative; 1785 } 1786 1787 /* Needs higher specificity than normal input type text and password. */ 1788 #profile-page .form-table #pass1 { 1789 padding-right: 90px; 1790 } 1791 1792 .wp-pwd button.button { 1793 background: transparent; 1794 border: 1px solid transparent; 1795 box-shadow: none; 1796 line-height: 2; 1797 margin: 0; 1798 padding: 5px 9px; 1799 position: absolute; 1800 right: 0; 1801 top: 0; 1802 width: 2.375rem; 1803 height: 2.375rem; 1804 min-width: 40px; 1805 min-height: 40px; 1806 } 1807 1808 .wp-pwd button.wp-hide-pw { 1809 right: 2.5rem; 1810 } 1811 1812 body.user-new-php .wp-pwd button.wp-hide-pw { 1813 right: 0; 1814 } 1815 1816 .wp-pwd button.button:hover, 1817 .wp-pwd button.button:focus { 1818 background: transparent; 1819 } 1820 1821 .wp-pwd button.button:active { 1822 background: transparent; 1823 box-shadow: none; 1824 transform: none; 1825 } 1826 1827 .wp-pwd .button .text { 1828 display: none; 1829 } 1830 1831 .wp-pwd [type="text"], 1832 .wp-pwd [type="password"] { 1833 line-height: 2; 1834 padding-right: 5rem; 1835 } 1836 1837 body.user-new-php .wp-pwd [type="text"], 1838 body.user-new-php .wp-pwd [type="password"] { 1839 padding-right: 2.5rem; 1840 } 1841 1842 .wp-cancel-pw .dashicons-no { 1843 display: inline-block; 1844 } 1845 1846 .mailserver-pass-wrap .wp-pwd { 1847 display: block; 1848 } 1849 1850 /* rtl:ignore */ 1851 #mailserver_pass { 1852 padding-left: 10px; 1853 } 1854 1855 .options-general-php input[type="text"].small-text { 1856 max-width: 6.25em; 1857 margin: 0; 1858 } 1859 1860 /* Privacy Policy settings screen */ 1861 .tools-privacy-policy-page form.wp-create-privacy-page { 1862 margin-bottom: 1em; 1863 } 1864 1865 .tools-privacy-policy-page input#set-page, 1866 .tools-privacy-policy-page select { 1867 margin: 10px 0 0; 1868 } 1869 1870 .tools-privacy-policy-page .wp-create-privacy-page span { 1871 display: block; 1872 margin-bottom: 1em; 1873 } 1874 1875 .tools-privacy-policy-page .wp-create-privacy-page .button { 1876 margin-left: 0; 1877 } 1878 1879 .wp-list-table.privacy_requests tr:not(.inline-edit-row):not(.no-items) td.column-primary:not(.check-column) { 1880 display: table-cell; 1881 } 1882 1883 .wp-list-table.privacy_requests.widefat th input, 1884 .wp-list-table.privacy_requests.widefat thead td input { 1885 margin-left: 5px; 1886 } 1887 1888 .wp-privacy-request-form-field input[type="text"] { 1889 width: 100%; 1890 margin-bottom: 10px; 1891 vertical-align: middle; 1892 } 1893 1894 .regular-text { 1895 max-width: 100%; 1896 } 1897 } 1898 1899 @media only screen and (max-width: 768px) { 1900 .form-field input[type="text"], 1901 .form-field input[type="email"], 1902 .form-field input[type="password"], 1903 .form-field select, 1904 .form-field textarea { 1905 width: 99%; 1906 } 1907 1908 .form-wrap .form-field { 1909 padding: 0; 1910 } 1911 } 1912 1913 @media only screen and (max-height: 480px), screen and (max-width: 450px) { 1914 /* Request Credentials / File Editor Warning */ 1915 .request-filesystem-credentials-dialog .notification-dialog, 1916 .file-editor-warning .notification-dialog { 1917 width: 100%; 1918 height: 100%; 1919 max-height: 100%; 1920 position: fixed; 1921 top: 0; 1922 margin: 0; 1923 left: 0; 1924 } 1925 } 1926 1927 /* Smartphone */ 1928 @media screen and (max-width: 600px) { 1929 /* Color Picker Options */ 1930 .color-option { 1931 width: 49%; 1932 } 1933 } 1934 1935 @media only screen and (max-width: 320px) { 1936 .options-general-php .date-time-text.date-time-custom-text { 1937 min-width: 0; 1938 margin-right: 0.5em; 1939 } 1940 } 1941 1942 @keyframes rotation { 1943 0% { 1944 transform: rotate(0deg); 1945 } 1946 100% { 1947 transform: rotate(359deg); 1948 } 1949 }
title
Description
Body
title
Description
Body
title
Description
Body
title
Body
Generated : Thu Apr 25 08:20:02 2024 | Cross-referenced by PHPXref |