[ 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 display: flex; 724 flex-wrap: wrap; 725 align-items: center; 726 column-gap: 0.5rem; 727 position: relative; 728 float: right; 729 margin: 11px 0; 730 } 731 732 .network-admin.themes-php p.search-box { 733 clear: left; 734 } 735 736 .search-box input[name="s"], 737 .tablenav .search-plugins input[name="s"], 738 .tagsdiv .newtag { 739 float: left; 740 margin: 0 4px 0 0; 741 } 742 743 .js.plugins-php .search-box .wp-filter-search { 744 margin: 0; 745 width: 280px; 746 } 747 748 input[type="text"].ui-autocomplete-loading, 749 input[type="email"].ui-autocomplete-loading { 750 background-image: url(../images/loading.gif); 751 background-repeat: no-repeat; 752 background-position: right 5px center; 753 visibility: visible; 754 } 755 756 input.ui-autocomplete-input.open { 757 border-bottom-color: transparent; 758 } 759 760 ul#add-to-blog-users { 761 margin: 0 0 0 14px; 762 } 763 764 .ui-autocomplete { 765 padding: 0; 766 margin: 0; 767 list-style: none; 768 position: absolute; 769 z-index: 10000; 770 border: 1px solid #4f94d4; 771 box-shadow: 0 1px 2px rgba(79, 148, 212, 0.8); 772 background-color: #fff; 773 } 774 775 .ui-autocomplete li { 776 margin-bottom: 0; 777 padding: 4px 10px; 778 white-space: nowrap; 779 text-align: left; 780 cursor: pointer; 781 } 782 783 /* Colors for the wplink toolbar autocomplete. */ 784 .ui-autocomplete .ui-state-focus { 785 background-color: #dcdcde; 786 } 787 788 /* Colors for the tags autocomplete. */ 789 .wp-tags-autocomplete .ui-state-focus, 790 .wp-tags-autocomplete [aria-selected="true"] { 791 background-color: #2271b1; 792 color: #fff; 793 /* Only visible in Windows High Contrast mode */ 794 outline: 2px solid transparent; 795 } 796 797 .button-add-site-icon { 798 width: 100%; 799 cursor: pointer; 800 text-align: center; 801 border: 1px dashed #c3c4c7; 802 box-sizing: border-box; 803 padding: 9px 0; 804 line-height: 1.6; 805 max-width: 270px; 806 border-radius: 4px; 807 background: #f0f0f1; 808 } 809 810 .button-add-site-icon:focus, 811 .button-add-site-icon:hover { 812 background: #fff; 813 } 814 815 .button-add-site-icon:focus { 816 background-color: #fff; 817 border-color: #3582c4; 818 border-style: solid; 819 box-shadow: 0 0 0 1px #3582c4; 820 outline: 2px solid transparent; 821 } 822 823 /*------------------------------------------------------------------------------ 824 15.0 - Comments Screen 825 ------------------------------------------------------------------------------*/ 826 827 .form-table { 828 border-collapse: collapse; 829 margin-top: 0.5em; 830 width: 100%; 831 clear: both; 832 } 833 834 .form-table, 835 .form-table td, 836 .form-table th, 837 .form-table td p { 838 font-size: 14px; 839 } 840 841 .form-table td { 842 margin-bottom: 9px; 843 padding: 15px 10px; 844 line-height: 1.3; 845 vertical-align: middle; 846 } 847 848 .form-table th, 849 .form-wrap label { 850 color: #1d2327; 851 font-weight: 400; 852 text-shadow: none; 853 vertical-align: baseline; 854 } 855 856 .form-table th { 857 vertical-align: top; 858 text-align: left; 859 padding: 20px 10px 20px 0; 860 width: 200px; 861 line-height: 1.3; 862 font-weight: 600; 863 } 864 865 .form-table th.th-full, /* Not used by core. Back-compat for pre-4.8 */ 866 .form-table .td-full { 867 width: auto; 868 padding: 20px 10px 20px 0; 869 font-weight: 400; 870 } 871 872 .form-table td p { 873 margin-top: 4px; 874 margin-bottom: 0; 875 } 876 877 .form-table .date-time-doc { 878 margin-top: 1em; 879 } 880 881 .form-table p.timezone-info { 882 margin: 1em 0; 883 display: flex; 884 flex-direction: column; 885 } 886 887 #local-time { 888 margin-top: 0.5em; 889 } 890 891 .form-table td fieldset label { 892 margin: 0.35em 0 0.5em !important; 893 display: inline-block; 894 } 895 896 .form-table td fieldset p label { 897 margin-top: 0 !important; 898 } 899 900 .form-table td fieldset label, 901 .form-table td fieldset p, 902 .form-table td fieldset li { 903 line-height: 1.4; 904 } 905 906 .form-table input.tog, 907 .form-table input[type="radio"] { 908 margin-top: -4px; 909 margin-right: 4px; 910 float: none; 911 } 912 913 .form-table .pre { 914 padding: 8px; 915 margin: 0; 916 } 917 918 table.form-table td .updated { 919 font-size: 13px; 920 } 921 922 table.form-table td .updated p { 923 font-size: 13px; 924 margin: 0.3em 0; 925 } 926 927 /*------------------------------------------------------------------------------ 928 18.0 - Users 929 ------------------------------------------------------------------------------*/ 930 931 #profile-page .form-table textarea { 932 width: 500px; 933 margin-bottom: 6px; 934 } 935 936 #profile-page .form-table #rich_editing { 937 margin-right: 5px 938 } 939 940 #your-profile legend { 941 font-size: 22px; 942 } 943 944 #display_name { 945 width: 15em; 946 } 947 948 #adduser .form-field input, 949 #createuser .form-field input { 950 width: 25em; 951 } 952 953 .color-option { 954 display: inline-block; 955 width: 24%; 956 padding: 5px 15px 15px; 957 box-sizing: border-box; 958 margin-bottom: 3px; 959 } 960 961 .color-option:hover, 962 .color-option.selected { 963 background: #dcdcde; 964 } 965 966 .color-palette { 967 display: table; 968 width: 100%; 969 border-spacing: 0; 970 border-collapse: collapse; 971 } 972 .color-palette .color-palette-shade, 973 .color-palette td { 974 display: table-cell; 975 height: 20px; 976 padding: 0; 977 border: none; 978 } 979 980 .color-option { 981 cursor: pointer; 982 } 983 984 .create-application-password .form-field { 985 max-width: 25em; 986 } 987 988 .create-application-password label { 989 font-weight: 600; 990 } 991 992 .create-application-password p.submit { 993 margin-bottom: 0; 994 padding-bottom: 0; 995 display: block; 996 } 997 998 #application-passwords-section .notice { 999 margin-top: 20px; 1000 margin-bottom: 0; 1001 word-wrap: break-word; 1002 } 1003 1004 .application-password-display input.code { 1005 margin-bottom: 6px; 1006 width: 19em; 1007 } 1008 1009 .auth-app-card.card { 1010 max-width: 768px; 1011 } 1012 1013 .authorize-application-php .form-wrap p { 1014 display: block; 1015 } 1016 1017 /*------------------------------------------------------------------------------ 1018 19.0 - Tools 1019 ------------------------------------------------------------------------------*/ 1020 1021 .tool-box .title { 1022 margin: 8px 0; 1023 font-size: 18px; 1024 font-weight: 400; 1025 line-height: 24px; 1026 } 1027 1028 .label-responsive { 1029 vertical-align: middle; 1030 } 1031 1032 #export-filters p { 1033 margin: 0 0 1em; 1034 } 1035 1036 #export-filters p.submit { 1037 margin: 7px 0 5px; 1038 } 1039 1040 /* Card styles */ 1041 1042 .card { 1043 position: relative; 1044 margin-top: 20px; 1045 padding: 0.7em 2em 1em; 1046 min-width: 255px; 1047 max-width: 520px; 1048 border: 1px solid #c3c4c7; 1049 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); 1050 background: #fff; 1051 box-sizing: border-box; 1052 } 1053 1054 /* Press this styles */ 1055 1056 .pressthis h4 { 1057 margin: 2em 0 1em; 1058 } 1059 1060 .pressthis textarea { 1061 width: 100%; 1062 font-size: 1em; 1063 } 1064 1065 #pressthis-code-wrap { 1066 overflow: auto; 1067 } 1068 1069 .pressthis-bookmarklet-wrapper { 1070 margin: 20px 0 8px; 1071 vertical-align: top; 1072 position: relative; 1073 z-index: 1; 1074 } 1075 1076 .pressthis-bookmarklet, 1077 .pressthis-bookmarklet:hover, 1078 .pressthis-bookmarklet:focus, 1079 .pressthis-bookmarklet:active { 1080 display: inline-block; 1081 position: relative; 1082 cursor: move; 1083 color: #2c3338; 1084 background: #dcdcde; 1085 border-radius: 5px; 1086 border: 1px solid #c3c4c7; 1087 font-style: normal; 1088 line-height: 16px; 1089 font-size: 14px; 1090 text-decoration: none; 1091 } 1092 1093 .pressthis-bookmarklet:active { 1094 outline: none; 1095 } 1096 1097 .pressthis-bookmarklet:after { 1098 content: ""; 1099 width: 70%; 1100 height: 55%; 1101 z-index: -1; 1102 position: absolute; 1103 right: 10px; 1104 bottom: 9px; 1105 background: transparent; 1106 transform: skew(20deg) rotate(6deg); 1107 box-shadow: 0 10px 8px rgba(0, 0, 0, 0.6); 1108 } 1109 1110 .pressthis-bookmarklet:hover:after { 1111 transform: skew(20deg) rotate(9deg); 1112 box-shadow: 0 10px 8px rgba(0, 0, 0, 0.7); 1113 } 1114 1115 .pressthis-bookmarklet span { 1116 display: inline-block; 1117 margin: 0; 1118 padding: 0 12px 8px 9px; 1119 } 1120 1121 .pressthis-bookmarklet span:before { 1122 color: #787c82; 1123 font: normal 20px/1 dashicons; 1124 content: "\f157"; 1125 position: relative; 1126 display: inline-block; 1127 top: 4px; 1128 margin-right: 4px; 1129 } 1130 1131 .pressthis-js-toggle { 1132 margin-left: 10px; 1133 padding: 0; 1134 height: auto; 1135 vertical-align: top; 1136 } 1137 1138 /* to override the button class being applied */ 1139 .pressthis-js-toggle.button.button { 1140 margin-left: 10px; 1141 padding: 0; 1142 height: auto; 1143 vertical-align: top; 1144 } 1145 1146 .pressthis-js-toggle .dashicons { 1147 margin: 5px 8px 6px 7px; 1148 color: #50575e; 1149 } 1150 1151 /*------------------------------------------------------------------------------ 1152 20.0 - Settings 1153 ------------------------------------------------------------------------------*/ 1154 1155 .timezone-info code { 1156 white-space: nowrap; 1157 } 1158 1159 .defaultavatarpicker .avatar { 1160 margin: 2px 0; 1161 vertical-align: middle; 1162 } 1163 1164 .options-general-php .date-time-text { 1165 display: inline-block; 1166 min-width: 10em; 1167 } 1168 1169 .options-general-php input.small-text { 1170 width: 56px; 1171 margin: -2px 0; 1172 } 1173 1174 .options-general-php .spinner { 1175 float: none; 1176 margin: -3px 3px 0; 1177 } 1178 1179 .settings-php .language-install-spinner, 1180 .options-general-php .language-install-spinner, 1181 .user-edit-php .language-install-spinner, 1182 .profile-php .language-install-spinner { 1183 display: inline-block; 1184 float: none; 1185 margin: -3px 5px 0; 1186 vertical-align: middle; 1187 } 1188 1189 .form-table.permalink-structure .available-structure-tags { 1190 margin-top: 8px; 1191 } 1192 1193 .form-table.permalink-structure .available-structure-tags ul { 1194 display: flex; 1195 flex-wrap: wrap; 1196 margin: 8px 0 0; 1197 } 1198 1199 .form-table.permalink-structure .available-structure-tags li { 1200 margin: 6px 5px 0 0; 1201 } 1202 1203 .form-table.permalink-structure .available-structure-tags li:last-child { 1204 margin-right: 0; 1205 } 1206 1207 .form-table.permalink-structure .structure-selection .row { 1208 margin-bottom: 16px; 1209 } 1210 1211 .form-table.permalink-structure .structure-selection .row > div { 1212 max-width: calc(100% - 24px); 1213 display: inline-flex; 1214 flex-direction: column; 1215 } 1216 1217 .form-table.permalink-structure .structure-selection .row label { 1218 font-weight: 600; 1219 } 1220 1221 .form-table.permalink-structure .structure-selection .row p { 1222 margin-top: 0; 1223 } 1224 1225 /*------------------------------------------------------------------------------ 1226 21.0 - Network Admin 1227 ------------------------------------------------------------------------------*/ 1228 1229 .setup-php textarea { 1230 max-width: 100%; 1231 } 1232 1233 .form-field #site-address { 1234 max-width: 25em; 1235 } 1236 1237 .form-field #domain { 1238 max-width: 22em; 1239 } 1240 1241 .form-field #site-title, 1242 .form-field #admin-email, 1243 .form-field #path, 1244 .form-field #blog_registered, 1245 .form-field #blog_last_updated { 1246 max-width: 25em; 1247 } 1248 1249 .form-field #path { 1250 margin-bottom: 5px; 1251 } 1252 1253 #search-users, 1254 #search-sites { 1255 max-width: 60%; 1256 } 1257 1258 .configuration-rules-label { 1259 font-weight: 600; 1260 margin-bottom: 4px; 1261 } 1262 1263 /*------------------------------------------------------------------------------ 1264 Credentials check dialog for Install and Updates 1265 ------------------------------------------------------------------------------*/ 1266 1267 .request-filesystem-credentials-dialog { 1268 display: none; 1269 /* The customizer uses visibility: hidden on the body for full-overlays. */ 1270 visibility: visible; 1271 } 1272 1273 .request-filesystem-credentials-dialog .notification-dialog { 1274 top: 10%; 1275 max-height: 85%; 1276 } 1277 1278 .request-filesystem-credentials-dialog-content { 1279 margin: 25px; 1280 } 1281 1282 #request-filesystem-credentials-title { 1283 font-size: 1.3em; 1284 margin: 1em 0; 1285 } 1286 1287 .request-filesystem-credentials-form legend { 1288 font-size: 1em; 1289 padding: 1.33em 0; 1290 font-weight: 600; 1291 } 1292 1293 .request-filesystem-credentials-form input[type="text"], 1294 .request-filesystem-credentials-form input[type="password"] { 1295 display: block; 1296 } 1297 1298 .request-filesystem-credentials-dialog input[type="text"], 1299 .request-filesystem-credentials-dialog input[type="password"] { 1300 width: 100%; 1301 } 1302 1303 .request-filesystem-credentials-form .field-title { 1304 font-weight: 600; 1305 } 1306 1307 .request-filesystem-credentials-dialog label[for="hostname"], 1308 .request-filesystem-credentials-dialog label[for="public_key"], 1309 .request-filesystem-credentials-dialog label[for="private_key"] { 1310 display: block; 1311 margin-bottom: 1em; 1312 } 1313 1314 .request-filesystem-credentials-dialog .ftp-username, 1315 .request-filesystem-credentials-dialog .ftp-password { 1316 float: left; 1317 width: 48%; 1318 } 1319 1320 .request-filesystem-credentials-dialog .ftp-password { 1321 margin-left: 4%; 1322 } 1323 1324 .request-filesystem-credentials-dialog .request-filesystem-credentials-action-buttons { 1325 text-align: right; 1326 } 1327 1328 .request-filesystem-credentials-dialog label[for="ftp"] { 1329 margin-right: 10px; 1330 } 1331 1332 .request-filesystem-credentials-dialog #auth-keys-desc { 1333 margin-bottom: 0; 1334 } 1335 1336 #request-filesystem-credentials-dialog .button:not(:last-child) { 1337 margin-right: 10px; 1338 } 1339 1340 #request-filesystem-credentials-form .cancel-button { 1341 display: none; 1342 } 1343 1344 #request-filesystem-credentials-dialog .cancel-button { 1345 display: inline; 1346 } 1347 1348 .request-filesystem-credentials-dialog .ftp-username, 1349 .request-filesystem-credentials-dialog .ftp-password { 1350 float: none; 1351 width: auto; 1352 } 1353 1354 .request-filesystem-credentials-dialog .ftp-username { 1355 margin-bottom: 1em; 1356 } 1357 1358 .request-filesystem-credentials-dialog .ftp-password { 1359 margin: 0; 1360 } 1361 1362 .request-filesystem-credentials-dialog .ftp-password em { 1363 color: #8c8f94; 1364 } 1365 1366 .request-filesystem-credentials-dialog label { 1367 display: block; 1368 line-height: 1.5; 1369 margin-bottom: 1em; 1370 } 1371 1372 .request-filesystem-credentials-form legend { 1373 padding-bottom: 0; 1374 } 1375 1376 .request-filesystem-credentials-form #ssh-keys legend { 1377 font-size: 1.3em; 1378 } 1379 1380 .request-filesystem-credentials-form .notice { 1381 margin: 0 0 20px; 1382 clear: both; 1383 } 1384 1385 /*------------------------------------------------------------------------------ 1386 Privacy Policy settings screen 1387 ------------------------------------------------------------------------------*/ 1388 .tools-privacy-policy-page form { 1389 margin-bottom: 1.3em; 1390 } 1391 1392 .tools-privacy-policy-page input.button { 1393 margin: 0 1px 0 6px; 1394 } 1395 1396 .tools-privacy-policy-page select { 1397 margin: 0 1px 0.5em 6px; 1398 } 1399 1400 .tools-privacy-edit { 1401 margin: 1.5em 0; 1402 } 1403 1404 .tools-privacy-policy-page span { 1405 line-height: 2; 1406 } 1407 1408 .privacy_requests .column-email { 1409 width: 40%; 1410 } 1411 1412 .privacy_requests .column-type { 1413 text-align: center; 1414 } 1415 1416 .privacy_requests thead td:first-child, 1417 .privacy_requests tfoot td:first-child { 1418 border-left: 4px solid #fff; 1419 } 1420 1421 .privacy_requests tbody th { 1422 border-left: 4px solid #fff; 1423 background: #fff; 1424 box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1); 1425 } 1426 1427 .privacy_requests .row-actions { 1428 color: #787c82; 1429 } 1430 1431 .privacy_requests .row-actions.processing { 1432 position: static; 1433 } 1434 1435 .privacy_requests tbody .has-request-results th { 1436 box-shadow: none; 1437 } 1438 1439 .privacy_requests tbody .request-results th .notice { 1440 margin: 0 0 5px; 1441 } 1442 1443 .privacy_requests tbody td { 1444 background: #fff; 1445 box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1); 1446 } 1447 1448 .privacy_requests tbody .has-request-results td { 1449 box-shadow: none; 1450 } 1451 1452 .privacy_requests .next_steps .button { 1453 word-wrap: break-word; 1454 white-space: normal; 1455 } 1456 1457 .privacy_requests .status-request-confirmed th, 1458 .privacy_requests .status-request-confirmed td { 1459 background-color: #fff; 1460 border-left-color: #72aee6; 1461 } 1462 1463 .privacy_requests .status-request-failed th, 1464 .privacy_requests .status-request-failed td { 1465 background-color: #f6f7f7; 1466 border-left-color: #d63638; 1467 } 1468 1469 .privacy_requests .export_personal_data_failed a { 1470 vertical-align: baseline; 1471 } 1472 1473 .status-label { 1474 font-weight: 600; 1475 } 1476 1477 .status-label.status-request-pending { 1478 font-weight: 400; 1479 font-style: italic; 1480 color: #646970; 1481 } 1482 1483 .status-label.status-request-failed { 1484 color: #d63638; 1485 font-weight: 600; 1486 } 1487 1488 .wp-privacy-request-form { 1489 clear: both; 1490 } 1491 1492 .wp-privacy-request-form-field { 1493 margin: 1.5em 0; 1494 } 1495 1496 .wp-privacy-request-form input { 1497 margin: 0; 1498 } 1499 1500 .email-personal-data::before { 1501 display: inline-block; 1502 font: normal 20px/1 dashicons; 1503 margin: 3px 5px 0 -2px; 1504 speak: never; 1505 -webkit-font-smoothing: antialiased; 1506 -moz-osx-font-smoothing: grayscale; 1507 vertical-align: top; 1508 } 1509 1510 .email-personal-data--sending::before { 1511 color: #d63638; 1512 content: "\f463"; 1513 animation: rotation 2s infinite linear; 1514 } 1515 1516 .email-personal-data--sent::before { 1517 color: #68de7c; 1518 content: "\f147"; 1519 } 1520 1521 1522 /* =Media Queries 1523 -------------------------------------------------------------- */ 1524 1525 @media screen and (max-width: 782px) { 1526 /* Input Elements */ 1527 textarea { 1528 -webkit-appearance: none; 1529 } 1530 1531 input[type="text"], 1532 input[type="password"], 1533 input[type="date"], 1534 input[type="datetime"], 1535 input[type="datetime-local"], 1536 input[type="email"], 1537 input[type="month"], 1538 input[type="number"], 1539 input[type="search"], 1540 input[type="tel"], 1541 input[type="time"], 1542 input[type="url"], 1543 input[type="week"] { 1544 -webkit-appearance: none; 1545 padding: 3px 10px; 1546 /* Only necessary for IE11 */ 1547 min-height: 40px; 1548 } 1549 1550 ::-webkit-datetime-edit { 1551 line-height: 1.875; /* 30px */ 1552 } 1553 1554 input[type="checkbox"], 1555 .widefat th input[type="checkbox"], 1556 .widefat thead td input[type="checkbox"], 1557 .widefat tfoot td input[type="checkbox"] { 1558 -webkit-appearance: none; 1559 } 1560 1561 .widefat th input[type="checkbox"], 1562 .widefat thead td input[type="checkbox"], 1563 .widefat tfoot td input[type="checkbox"] { 1564 margin-bottom: 8px; 1565 } 1566 1567 input[type="checkbox"]:checked:before, 1568 .widefat th input[type="checkbox"]:before, 1569 .widefat thead td input[type="checkbox"]:before, 1570 .widefat tfoot td input[type="checkbox"]:before { 1571 width: 1.875rem; 1572 height: 1.875rem; 1573 margin: -0.1875rem -0.3125rem; 1574 } 1575 1576 input[type="radio"], 1577 input[type="checkbox"] { 1578 height: 1.5625rem; 1579 width: 1.5625rem; 1580 } 1581 1582 .wp-admin p input[type="checkbox"], 1583 .wp-admin p input[type="radio"] { 1584 margin-top: -0.1875rem; 1585 } 1586 1587 input[type="radio"]:checked:before { 1588 vertical-align: middle; 1589 width: 0.5625rem; 1590 height: 0.5625rem; 1591 margin: 0.4375rem; 1592 line-height: 0.76190476; 1593 } 1594 1595 .wp-upload-form input[type="submit"] { 1596 margin-top: 10px; 1597 } 1598 1599 .wp-core-ui select, 1600 .wp-admin .form-table select { 1601 min-height: 40px; 1602 font-size: 16px; 1603 line-height: 1.625; /* 26px */ 1604 padding: 5px 24px 5px 8px; 1605 } 1606 1607 .wp-admin .button-cancel { 1608 margin-bottom: 0; 1609 padding: 2px 0; 1610 font-size: 14px; 1611 vertical-align: middle; 1612 } 1613 1614 #adduser .form-field input, 1615 #createuser .form-field input { 1616 width: 100%; 1617 } 1618 1619 .form-table { 1620 box-sizing: border-box; 1621 } 1622 1623 .form-table th, 1624 .form-table td, 1625 .label-responsive { 1626 display: block; 1627 width: auto; 1628 vertical-align: middle; 1629 } 1630 1631 .label-responsive { 1632 margin: 0.5em 0; 1633 } 1634 1635 .export-filters li { 1636 margin-bottom: 0; 1637 } 1638 1639 .form-table .color-palette .color-palette-shade, 1640 .form-table .color-palette td { 1641 display: table-cell; 1642 width: 15px; 1643 height: 30px; 1644 padding: 0; 1645 } 1646 1647 .form-table .color-palette { 1648 margin-right: 10px; 1649 } 1650 1651 textarea, 1652 input { 1653 font-size: 16px; 1654 } 1655 1656 .form-table td input[type="text"], 1657 .form-table td input[type="email"], 1658 .form-table td input[type="password"], 1659 .form-table td select, 1660 .form-table td textarea, 1661 .form-table span.description, 1662 #profile-page .form-table textarea { 1663 width: 100%; 1664 display: block; 1665 max-width: none; 1666 box-sizing: border-box; 1667 } 1668 1669 .form-table .form-required.form-invalid td:after { 1670 float: right; 1671 margin: -30px 3px 0 0; 1672 } 1673 1674 input[type="text"].small-text, 1675 input[type="search"].small-text, 1676 input[type="password"].small-text, 1677 input[type="number"].small-text, 1678 input[type="number"].small-text, 1679 .form-table input[type="text"].small-text { 1680 width: auto; 1681 max-width: 4.375em; /* 70px, enough for 4 digits to fit comfortably */ 1682 display: inline; 1683 padding: 3px 6px; 1684 margin: 0 3px; 1685 } 1686 1687 .form-table .regular-text ~ input[type="text"].small-text { 1688 margin-top: 5px; 1689 } 1690 1691 #pass-strength-result { 1692 width: 100%; 1693 box-sizing: border-box; 1694 padding: 8px; 1695 } 1696 1697 .password-input-wrapper { 1698 display: block; 1699 } 1700 1701 p.search-box { 1702 float: none; 1703 width: 100%; 1704 margin-bottom: 20px; 1705 display: flex; 1706 } 1707 1708 p.search-box input[name="s"] { 1709 float: none; 1710 width: 100%; 1711 margin-bottom: 10px; 1712 vertical-align: middle; 1713 } 1714 1715 p.search-box input[type="submit"] { 1716 margin-bottom: 10px; 1717 } 1718 1719 .form-table span.description { 1720 display: inline; 1721 padding: 4px 0 0; 1722 line-height: 1.4; 1723 font-size: 14px; 1724 } 1725 1726 .form-table th { 1727 padding: 10px 0 0; 1728 border-bottom: 0; 1729 } 1730 1731 .form-table td { 1732 margin-bottom: 0; 1733 padding: 4px 0 6px; 1734 } 1735 1736 .form-table.permalink-structure td code { 1737 display: inline-block; 1738 } 1739 1740 .form-table.permalink-structure .structure-selection { 1741 margin-top: 8px; 1742 } 1743 1744 .form-table.permalink-structure .structure-selection .row > div { 1745 max-width: calc(100% - 36px); 1746 width: 100%; 1747 } 1748 1749 .form-table.permalink-structure td input[type="text"] { 1750 margin-top: 4px; 1751 } 1752 1753 .form-table input.regular-text { 1754 width: 100%; 1755 } 1756 1757 .form-table label { 1758 font-size: 14px; 1759 } 1760 1761 .form-table td > label:first-child { 1762 display: inline-block; 1763 margin-top: 0.35em; 1764 } 1765 1766 .background-position-control .button-group > label { 1767 font-size: 0; 1768 } 1769 1770 .form-table fieldset label { 1771 display: block; 1772 } 1773 1774 .form-field #domain { 1775 max-width: none; 1776 } 1777 1778 /* New Password */ 1779 .wp-pwd { 1780 position: relative; 1781 } 1782 1783 /* Needs higher specificity than normal input type text and password. */ 1784 #profile-page .form-table #pass1 { 1785 padding-right: 90px; 1786 } 1787 1788 .wp-pwd button.button { 1789 background: transparent; 1790 border: 1px solid transparent; 1791 box-shadow: none; 1792 line-height: 2; 1793 margin: 0; 1794 padding: 5px 9px; 1795 position: absolute; 1796 right: 0; 1797 top: 0; 1798 width: 2.375rem; 1799 height: 2.375rem; 1800 min-width: 40px; 1801 min-height: 40px; 1802 } 1803 1804 .wp-pwd button.wp-hide-pw { 1805 right: 2.5rem; 1806 } 1807 1808 body.user-new-php .wp-pwd button.wp-hide-pw { 1809 right: 0; 1810 } 1811 1812 .wp-pwd button.button:hover, 1813 .wp-pwd button.button:focus { 1814 background: transparent; 1815 } 1816 1817 .wp-pwd button.button:active { 1818 background: transparent; 1819 box-shadow: none; 1820 transform: none; 1821 } 1822 1823 .wp-pwd .button .text { 1824 display: none; 1825 } 1826 1827 .wp-pwd [type="text"], 1828 .wp-pwd [type="password"] { 1829 line-height: 2; 1830 padding-right: 5rem; 1831 } 1832 1833 body.user-new-php .wp-pwd [type="text"], 1834 body.user-new-php .wp-pwd [type="password"] { 1835 padding-right: 2.5rem; 1836 } 1837 1838 .wp-cancel-pw .dashicons-no { 1839 display: inline-block; 1840 } 1841 1842 .mailserver-pass-wrap .wp-pwd { 1843 display: block; 1844 } 1845 1846 /* rtl:ignore */ 1847 #mailserver_pass { 1848 padding-left: 10px; 1849 } 1850 1851 .options-general-php input[type="text"].small-text { 1852 max-width: 6.25em; 1853 margin: 0; 1854 } 1855 1856 /* Privacy Policy settings screen */ 1857 .tools-privacy-policy-page form.wp-create-privacy-page { 1858 margin-bottom: 1em; 1859 } 1860 1861 .tools-privacy-policy-page input#set-page, 1862 .tools-privacy-policy-page select { 1863 margin: 10px 0 0; 1864 } 1865 1866 .tools-privacy-policy-page .wp-create-privacy-page span { 1867 display: block; 1868 margin-bottom: 1em; 1869 } 1870 1871 .tools-privacy-policy-page .wp-create-privacy-page .button { 1872 margin-left: 0; 1873 } 1874 1875 .wp-list-table.privacy_requests tr:not(.inline-edit-row):not(.no-items) td.column-primary:not(.check-column) { 1876 display: table-cell; 1877 } 1878 1879 .wp-list-table.privacy_requests.widefat th input, 1880 .wp-list-table.privacy_requests.widefat thead td input { 1881 margin-left: 5px; 1882 } 1883 1884 .wp-privacy-request-form-field input[type="text"] { 1885 width: 100%; 1886 margin-bottom: 10px; 1887 vertical-align: middle; 1888 } 1889 1890 .regular-text { 1891 max-width: 100%; 1892 } 1893 } 1894 1895 @media only screen and (max-width: 768px) { 1896 .form-field input[type="text"], 1897 .form-field input[type="email"], 1898 .form-field input[type="password"], 1899 .form-field select, 1900 .form-field textarea { 1901 width: 99%; 1902 } 1903 1904 .form-wrap .form-field { 1905 padding: 0; 1906 } 1907 } 1908 1909 @media only screen and (max-height: 480px), screen and (max-width: 450px) { 1910 /* Request Credentials / File Editor Warning */ 1911 .request-filesystem-credentials-dialog .notification-dialog, 1912 .file-editor-warning .notification-dialog { 1913 width: 100%; 1914 height: 100%; 1915 max-height: 100%; 1916 position: fixed; 1917 top: 0; 1918 margin: 0; 1919 left: 0; 1920 } 1921 } 1922 1923 /* Smartphone */ 1924 @media screen and (max-width: 600px) { 1925 /* Color Picker Options */ 1926 .color-option { 1927 width: 49%; 1928 } 1929 } 1930 1931 @media only screen and (max-width: 320px) { 1932 .options-general-php .date-time-text.date-time-custom-text { 1933 min-width: 0; 1934 margin-right: 0.5em; 1935 } 1936 } 1937 1938 @keyframes rotation { 1939 0% { 1940 transform: rotate(0deg); 1941 } 1942 100% { 1943 transform: rotate(359deg); 1944 } 1945 }
title
Description
Body
title
Description
Body
title
Description
Body
title
Body
Generated : Wed Nov 13 08:20:01 2024 | Cross-referenced by PHPXref |