[ Index ] |
PHP Cross Reference of WordPress Trunk (Updated Daily) |
[Summary view] [Print] [Text view]
1 /*! This file is auto-generated */ 2 /* General Widgets Styles */ 3 4 .widget { 5 margin: 0 auto 10px; 6 position: relative; 7 box-sizing: border-box; 8 } 9 10 .widget.open { 11 z-index: 99; 12 } 13 .widget.open:focus-within { 14 z-index: 100; 15 } 16 17 .widget-top { 18 font-size: 13px; 19 font-weight: 600; 20 background: #f6f7f7; 21 } 22 23 .widget-top .widget-action { 24 border: 0; 25 margin: 0; 26 padding: 10px; 27 background: none; 28 cursor: pointer; 29 } 30 31 .widget-title h3, 32 .widget-title h4 { 33 margin: 0; 34 padding: 15px; 35 font-size: 1em; 36 line-height: 1; 37 overflow: hidden; 38 white-space: nowrap; 39 text-overflow: ellipsis; 40 -webkit-user-select: none; 41 user-select: none; 42 } 43 44 .widgets-holder-wrap .widget-inside { 45 border-top: none; 46 padding: 1px 15px 15px; 47 line-height: 1.23076923; 48 } 49 50 .widget.widget-dirty .widget-control-close-wrapper { 51 display: none; 52 } 53 54 .in-widget-title, 55 #widgets-right a.widget-control-edit, 56 #available-widgets .widget-description { 57 color: #646970; 58 } 59 60 .deleting .widget-title, 61 .deleting .widget-top .widget-action .toggle-indicator:before { 62 color: #a7aaad; 63 } 64 65 /* Media Widgets */ 66 .wp-core-ui .media-widget-control.selected .placeholder, 67 .wp-core-ui .media-widget-control.selected .not-selected, 68 .wp-core-ui .media-widget-control .selected { 69 display: none; 70 } 71 72 .media-widget-control.selected .selected { 73 display: inline-block; 74 } 75 76 .media-widget-buttons { 77 text-align: right; 78 margin-top: 0; 79 } 80 81 .media-widget-control .media-widget-buttons .button { 82 width: auto; 83 height: auto; 84 margin-top: 12px; 85 white-space: normal; 86 } 87 88 .media-widget-buttons .button:first-child { 89 margin-left: 8px; 90 } 91 92 .media-widget-control .attachment-media-view .button-add-media, 93 .media-widget-control .placeholder { 94 border: 1px dashed #c3c4c7; 95 box-sizing: border-box; 96 cursor: pointer; 97 line-height: 1.6; 98 padding: 9px 0; 99 position: relative; 100 text-align: center; 101 width: 100%; 102 } 103 104 .media-widget-control .attachment-media-view .button-add-media { 105 cursor: pointer; 106 background-color: #f0f0f1; 107 color: #2c3338; 108 } 109 110 .media-widget-control .attachment-media-view .button-add-media:hover { 111 background-color: #fff; 112 } 113 114 .media-widget-control .attachment-media-view .button-add-media:focus { 115 background-color: #fff; 116 border-style: solid; 117 border-color: #4f94d4; 118 box-shadow: 0 0 3px rgba(34, 113, 177, 0.8); 119 /* Only visible in Windows High Contrast mode */ 120 outline: 2px solid transparent; 121 outline-offset: -2px; 122 } 123 124 .media-widget-control .media-widget-preview { 125 background: transparent; 126 text-align: center; 127 } 128 .media-widget-control .media-widget-preview .notice { 129 text-align: initial; 130 } 131 .media-frame .media-widget-embed-notice p code, 132 .media-widget-control .notice p code { 133 padding: 0 0 0 3px; 134 } 135 .media-frame .media-widget-embed-notice { 136 margin-top: 16px; 137 } 138 .media-widget-control .media-widget-preview img { 139 max-width: 100%; 140 vertical-align: middle; 141 background-image: linear-gradient(-45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7), linear-gradient(-45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7); 142 background-position: 100% 0, 10px 10px; 143 background-size: 20px 20px; 144 } 145 .media-widget-control .media-widget-preview .wp-video-shortcode { 146 background: #000; 147 } 148 149 .media-frame.media-widget .media-toolbar-secondary { 150 min-width: 300px; 151 } 152 153 .media-frame.media-widget .image-details .embed-media-settings .setting.align, 154 .media-frame.media-widget .attachment-display-settings .setting.align, 155 .media-frame.media-widget .embed-media-settings .setting.align, 156 .media-frame.media-widget .embed-media-settings .legend-inline, 157 .media-frame.media-widget .embed-link-settings .setting.link-text, 158 .media-frame.media-widget .replace-attachment, 159 .media-frame.media-widget .checkbox-setting.autoplay { 160 display: none; 161 } 162 163 .media-widget-video-preview { 164 width: 100%; 165 } 166 167 .media-widget-video-link { 168 display: inline-block; 169 min-height: 132px; 170 width: 100%; 171 background: #000; 172 } 173 174 .media-widget-video-link .dashicons { 175 font: normal 60px/1 'dashicons'; 176 position: relative; 177 width: 100%; 178 top: -90px; 179 color: #fff; 180 text-decoration: none; 181 } 182 183 .media-widget-video-link.no-poster .dashicons { 184 top: 30px; 185 } 186 187 .media-frame #embed-url-field.invalid, 188 .media-widget-image-link > .link:invalid { 189 border: 1px solid #d63638; 190 } 191 192 .media-widget-image-link { 193 margin: 1em 0; 194 } 195 196 .media-widget-gallery-preview { 197 display: flex; 198 justify-content: flex-start; 199 flex-wrap: wrap; 200 margin: -1.79104477%; 201 } 202 203 .media-widget-preview.media_gallery, 204 .media-widget-preview.media_image { 205 cursor: pointer; 206 } 207 208 .media-widget-preview .placeholder { 209 background: #f0f0f1; 210 } 211 212 .media-widget-gallery-preview .gallery-item { 213 box-sizing: border-box; 214 width: 50%; 215 margin: 0; 216 background: transparent; 217 } 218 219 .media-widget-gallery-preview .gallery-item .gallery-icon { 220 margin: 4.5%; 221 } 222 223 /* 224 * Use targeted nth-last-child selectors to control the size of each image 225 * based on how many gallery items are present in the grid. 226 * See: https://alistapart.com/article/quantity-queries-for-css 227 */ 228 .media-widget-gallery-preview .gallery-item:nth-last-child(3):first-child, 229 .media-widget-gallery-preview .gallery-item:nth-last-child(3):first-child ~ .gallery-item, 230 .media-widget-gallery-preview .gallery-item:nth-last-child(n+5), 231 .media-widget-gallery-preview .gallery-item:nth-last-child(n+5) ~ .gallery-item, 232 .media-widget-gallery-preview .gallery-item:nth-last-child(n+6), 233 .media-widget-gallery-preview .gallery-item:nth-last-child(n+6) ~ .gallery-item { 234 max-width: 33.33%; 235 } 236 237 .media-widget-gallery-preview .gallery-item img { 238 height: auto; 239 vertical-align: bottom; 240 } 241 242 .media-widget-gallery-preview .gallery-icon { 243 position: relative; 244 } 245 246 .media-widget-gallery-preview .gallery-icon-placeholder { 247 position: absolute; 248 top: 0; 249 bottom: 0; 250 width: 100%; 251 box-sizing: border-box; 252 display: flex; 253 align-items: center; 254 justify-content: center; 255 background-color: rgba(0, 0, 0, 0.5); 256 } 257 258 .media-widget-gallery-preview .gallery-icon-placeholder-text { 259 font-weight: 600; 260 font-size: 2em; 261 color: #fff; 262 } 263 264 265 /* Widget Dragging Helpers */ 266 .widget.ui-draggable-dragging { 267 min-width: 100%; 268 } 269 270 .widget.ui-sortable-helper { 271 opacity: 0.8; 272 } 273 274 .widget-placeholder { 275 border: 1px dashed #c3c4c7; 276 margin: 0 auto 10px; 277 height: 45px; 278 width: 100%; 279 box-sizing: border-box; 280 } 281 282 #widgets-right .widget-placeholder { 283 margin-top: 0; 284 } 285 286 #widgets-right .closed .widget-placeholder { 287 height: 0; 288 border: 0; 289 margin-top: -10px; 290 } 291 292 /* Widget Sidebars */ 293 .sidebar-name { 294 position: relative; 295 box-sizing: border-box; 296 } 297 298 .js .sidebar-name { 299 cursor: pointer; 300 } 301 302 .sidebar-name .handlediv { 303 float: left; 304 width: 38px; 305 height: 38px; 306 border: 0; 307 margin: 0; 308 padding: 8px; 309 background: none; 310 cursor: pointer; 311 outline: none; 312 } 313 314 #widgets-right .sidebar-name .handlediv { 315 margin: 5px 0 0 3px; 316 } 317 318 .sidebar-name .handlediv:focus { 319 box-shadow: none; 320 /* Only visible in Windows High Contrast mode */ 321 outline: 1px solid transparent; 322 } 323 324 #widgets-left .sidebar-name .toggle-indicator { 325 display: none; 326 } 327 328 #widgets-left .widgets-holder-wrap.closed .sidebar-name .toggle-indicator, 329 #widgets-left .sidebar-name:hover .toggle-indicator, 330 #widgets-left .sidebar-name .handlediv:focus .toggle-indicator { 331 display: block; 332 } 333 334 .sidebar-name .toggle-indicator:before { 335 padding: 1px 0 1px 2px; 336 border-radius: 50%; 337 } 338 339 .sidebar-name .handlediv:focus .toggle-indicator:before { 340 box-shadow: 0 0 0 2px #2271b1; 341 /* Only visible in Windows High Contrast mode */ 342 outline: 2px solid transparent; 343 } 344 345 .sidebar-name h2, 346 .sidebar-name h3 { 347 margin: 0; 348 padding: 8px 10px; 349 overflow: hidden; 350 white-space: normal; 351 line-height: 1.5; 352 } 353 354 .widgets-holder-wrap .description { 355 padding: 0 0 15px; 356 margin: 0; 357 font-style: normal; 358 color: #646970; 359 } 360 361 .widget-holder .description, 362 .inactive-sidebar .description { 363 color: #50575e; 364 } 365 366 #widgets-right .widgets-holder-wrap .description { 367 padding-right: 7px; 368 padding-left: 7px; 369 } 370 371 /* Widgets 2-col Layout */ 372 div.widget-liquid-left { 373 margin: 0; 374 width: 38%; 375 float: right; 376 } 377 378 div.widget-liquid-right { 379 float: left; 380 width: 58%; 381 } 382 383 /* Widgets Left - Available Widgets */ 384 385 div#widgets-left { 386 padding-top: 12px; 387 } 388 389 div#widgets-left .closed .sidebar-name, 390 div#widgets-left .inactive-sidebar.closed .sidebar-name { 391 margin-bottom: 10px; 392 } 393 394 div#widgets-left .sidebar-name h2, 395 div#widgets-left .sidebar-name h3 { 396 padding: 10px 0; 397 margin: 0 0 0 10px; 398 } 399 400 #widgets-left .widgets-holder-wrap, 401 div#widgets-left .widget-holder { 402 background: transparent; 403 border: none; 404 } 405 406 #widgets-left .widgets-holder-wrap { 407 border: none; 408 box-shadow: none; 409 } 410 411 #available-widgets .widget { 412 margin: 0; 413 } 414 415 #available-widgets .widget:nth-child(odd) { 416 clear: both; 417 } 418 419 #available-widgets .widget .widget-description { 420 display: block; 421 padding: 10px 15px; 422 font-size: 12px; 423 overflow-wrap: break-word; 424 word-wrap: break-word; 425 -ms-word-break: break-all; 426 word-break: break-word; 427 -webkit-hyphens: auto; 428 hyphens: auto; 429 } 430 431 #available-widgets #widget-list { 432 position: relative; 433 } 434 435 /* Inactive Sidebars */ 436 #widgets-left .inactive-sidebar { 437 clear: both; 438 width: 100%; 439 background: transparent; 440 padding: 0; 441 margin: 0 0 20px; 442 border: none; 443 box-shadow: none; 444 } 445 446 #widgets-left .inactive-sidebar.first { 447 margin-top: 40px; 448 } 449 450 /* Not sure what this is for... */ 451 div#widgets-left .inactive-sidebar .widget.expanded { 452 right: auto; 453 } 454 455 .widget-title-action { 456 float: left; 457 position: relative; 458 } 459 460 div#widgets-left .inactive-sidebar .widgets-sortables { 461 min-height: 42px; 462 padding: 0; 463 background: transparent; 464 margin: 0; 465 position: relative; 466 } 467 468 /* Widgets Right */ 469 470 div#widgets-right .sidebars-column-1, 471 div#widgets-right .sidebars-column-2 { 472 max-width: 450px; 473 } 474 475 div#widgets-right .widgets-holder-wrap { 476 margin: 10px 0 0; 477 } 478 479 div#widgets-right .sidebar-description { 480 min-height: 20px; 481 margin-top: -5px; 482 } 483 484 div#widgets-right .sidebar-name h2, 485 div#widgets-right .sidebar-name h3 { 486 padding: 15px 7px 15px 15px; 487 } 488 489 div#widgets-right .widget-top { 490 padding: 0; 491 } 492 493 div#widgets-right .widgets-sortables { 494 padding: 0 8px; 495 margin-bottom: 9px; 496 position: relative; 497 min-height: 123px; 498 } 499 500 div#widgets-right .closed .widgets-sortables { 501 min-height: 0; 502 margin-bottom: 0; 503 } 504 505 .sidebar-name .spinner, 506 .remove-inactive-widgets .spinner { 507 float: none; 508 position: relative; 509 top: -2px; 510 margin: -5px 5px; 511 } 512 513 .sidebar-name .spinner { 514 position: absolute; 515 top: 18px; 516 left: 30px; 517 } 518 519 /* Dragging a widget over a closed sidebar */ 520 #widgets-right .widgets-holder-wrap.widget-hover { 521 border-color: #787c82; 522 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); 523 } 524 525 /* Accessibility Mode */ 526 .widget-access-link { 527 float: left; 528 margin: -5px 10px 10px 0; 529 } 530 531 .widgets_access #widgets-left .widget .widget-top { 532 cursor: auto; 533 } 534 535 .widgets_access #wpwrap .widgets-holder-wrap.closed .sidebar-description, 536 .widgets_access #wpwrap .widgets-holder-wrap.closed .widget, 537 .widgets_access #wpwrap .widget-control-edit { 538 display: block; 539 } 540 541 .widgets_access #widgets-left .widget .widget-top:hover, 542 .widgets_access #widgets-right .widget .widget-top:hover { 543 border-color: #dcdcde; 544 } 545 546 #available-widgets .widget-control-edit .edit, 547 #available-widgets .widget-action .edit, 548 #widgets-left .inactive-sidebar .widget-control-edit .add, 549 #widgets-left .inactive-sidebar .widget-action .add, 550 #widgets-right .widget-control-edit .add, 551 #widgets-right .widget-action .add { 552 display: none; 553 } 554 555 .widget-control-edit { 556 display: block; 557 color: #646970; 558 background: #f0f0f1; 559 padding: 0 15px; 560 line-height: 3.30769230; 561 border-right: 1px solid #dcdcde; 562 } 563 564 #widgets-left .widget-control-edit:hover, 565 #widgets-right .widget-control-edit:hover { 566 color: #fff; 567 background: #3c434a; 568 border-right: 0; 569 outline: 1px solid #3c434a; 570 } 571 572 .widgets-holder-wrap .sidebar-name, 573 .widgets-holder-wrap .sidebar-description { 574 -webkit-user-select: none; 575 user-select: none; 576 } 577 578 .editwidget { 579 margin: 0 auto; 580 } 581 582 .editwidget .widget-inside { 583 display: block; 584 padding: 0 15px; 585 } 586 587 .editwidget .widget-control-actions { 588 margin-top: 20px; 589 } 590 591 .js .widgets-holder-wrap.closed .widget, 592 .js .widgets-holder-wrap.closed .sidebar-description, 593 .js .widgets-holder-wrap.closed .remove-inactive-widgets, 594 .js .widgets-holder-wrap.closed .description, 595 .js .closed br.clear { 596 display: none; 597 } 598 599 .js .widgets-holder-wrap.closed .widget.ui-sortable-helper { 600 display: block; 601 } 602 603 /* Hide Widget Settings by Default */ 604 .widget-inside, 605 .widget-description { 606 display: none; 607 } 608 609 .widget-inside { 610 background: #fff; 611 } 612 613 .widget-inside select { 614 max-width: 100%; 615 } 616 617 /* Dragging widgets over the available widget area show's a "Deactivate" message */ 618 #removing-widget { 619 display: none; 620 font-weight: 400; 621 padding-right: 15px; 622 font-size: 12px; 623 line-height: 1; 624 color: #000; 625 } 626 627 .js #removing-widget { 628 color: #72aee6; 629 } 630 631 .widget-control-noform, 632 #access-off, 633 .widgets_access .widget-action, 634 .widgets_access .handlediv, 635 .widgets_access #access-on, 636 .widgets_access .widget-holder .description, 637 .no-js .widget-holder .description { 638 display: none; 639 } 640 641 .widgets_access .widget-holder, 642 .widgets_access #widget-list { 643 padding-top: 10px; 644 } 645 646 .widgets_access #access-off { 647 display: inline; 648 } 649 650 .widgets_access .sidebar-name, 651 .widgets_access .widget .widget-top { 652 cursor: default; 653 } 654 655 656 /* Widgets Area Chooser */ 657 .widget-liquid-left #widgets-left.chooser #available-widgets .widget, 658 .widget-liquid-left #widgets-left.chooser .inactive-sidebar { 659 transition: opacity 0.1s linear; 660 } 661 662 .widget-liquid-left #widgets-left.chooser #available-widgets .widget, 663 .widget-liquid-left #widgets-left.chooser .inactive-sidebar { 664 /* -webkit-filter: blur(1px); */ 665 opacity: 0.2; 666 pointer-events: none; 667 } 668 669 .widget-liquid-left #widgets-left.chooser #available-widgets .widget-in-question { 670 /* -webkit-filter: none; */ 671 opacity: 1; 672 pointer-events: auto; 673 } 674 675 .widgets-chooser ul, 676 #widgets-left .widget-in-question .widget-top, 677 #available-widgets .widget-top:hover, 678 div#widgets-right .widget-top:hover, 679 #widgets-left .widget-top:hover { 680 border-color: #8c8f94; 681 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); 682 } 683 684 .widgets-chooser ul.widgets-chooser-sidebars { 685 margin: 0; 686 list-style-type: none; 687 max-height: 300px; 688 overflow: auto; 689 } 690 691 .widgets-chooser { 692 display: none; 693 } 694 695 .widgets-chooser ul { 696 border: 1px solid #c3c4c7; 697 } 698 699 .widgets-chooser li { 700 border-bottom: 1px solid #c3c4c7; 701 background: #fff; 702 margin: 0; 703 position: relative; 704 } 705 706 .widgets-chooser .widgets-chooser-button { 707 width: 100%; 708 padding: 10px 35px 10px 15px; 709 background: transparent; 710 border: 0; 711 box-sizing: border-box; 712 text-align: right; 713 cursor: pointer; 714 transition: background 0.2s ease-in-out; 715 } 716 717 /* @todo looks like these hover/focus states are overridden by .widgets-chooser-selected */ 718 .widgets-chooser .widgets-chooser-button:hover, 719 .widgets-chooser .widgets-chooser-button:focus { 720 outline: none; 721 text-decoration: underline; 722 } 723 724 .widgets-chooser li:last-child { 725 border: none; 726 } 727 728 .widgets-chooser .widgets-chooser-selected .widgets-chooser-button { 729 background: #2271b1; 730 color: #fff; 731 } 732 733 .widgets-chooser .widgets-chooser-selected:before { 734 content: "\f147"; 735 display: block; 736 -webkit-font-smoothing: antialiased; 737 font: normal 26px/1 dashicons; 738 color: #fff; 739 position: absolute; 740 top: 7px; 741 right: 5px; 742 } 743 744 .widgets-chooser .widgets-chooser-actions { 745 padding: 10px 0 12px; 746 text-align: center; 747 } 748 749 #available-widgets .widget .widget-top { 750 cursor: pointer; 751 } 752 753 #available-widgets .widget.ui-draggable-dragging .widget-top { 754 cursor: move; 755 } 756 757 /* =Specific widget styling 758 -------------------------------------------------------------- */ 759 .text-widget-fields { 760 position: relative; 761 } 762 .text-widget-fields [hidden] { 763 display: none; 764 } 765 .text-widget-fields .wp-pointer.wp-pointer-top { 766 position: absolute; 767 z-index: 3; 768 top: 100px; 769 left: 10px; 770 right: 10px; 771 } 772 .text-widget-fields .wp-pointer .wp-pointer-arrow { 773 right: auto; 774 left: 15px; 775 } 776 .text-widget-fields .wp-pointer .wp-pointer-buttons { 777 line-height: 1.4; 778 } 779 780 .custom-html-widget-fields > p > .CodeMirror { 781 border: 1px solid #dcdcde; 782 } 783 .custom-html-widget-fields code { 784 padding-top: 1px; 785 padding-bottom: 1px; 786 } 787 ul.CodeMirror-hints { 788 z-index: 101; /* Due to z-index 100 set on .widget.open */ 789 } 790 .widget-control-actions .custom-html-widget-save-button.button.validation-blocked { 791 cursor: not-allowed; 792 } 793 794 /* =Media Queries 795 -------------------------------------------------------------- */ 796 797 @media screen and (max-width: 782px) { 798 .widgets-holder-wrap .widget-inside input[type="checkbox"], 799 .widgets-holder-wrap .widget-inside input[type="radio"], 800 .editwidget .widget-inside input[type="checkbox"], /* Selectors for the "accessibility mode" page. */ 801 .editwidget .widget-inside input[type="radio"] { 802 margin: 0.25rem 0 0.25rem 0.25rem; 803 } 804 } 805 806 @media screen and (max-width: 480px) { 807 div.widget-liquid-left { 808 width: 100%; 809 float: none; 810 border-left: none; 811 padding-left: 0; 812 } 813 814 #widgets-left .sidebar-name { 815 margin-left: 0; 816 } 817 818 #widgets-left #available-widgets .widget-top { 819 margin-left: 0; 820 } 821 822 #widgets-left .inactive-sidebar .widgets-sortables { 823 margin-left: 0; 824 } 825 826 div.widget-liquid-right { 827 width: 100%; 828 float: none; 829 } 830 831 div.widget { 832 max-width: 480px; 833 } 834 835 .widget-access-link { 836 float: none; 837 margin: 15px 0 0; 838 } 839 } 840 841 @media screen and (max-width: 320px) { 842 div.widget { 843 max-width: 320px; 844 } 845 } 846 847 @media only screen and (min-width: 1250px) { 848 #widgets-left #available-widgets .widget { 849 width: 49%; 850 float: right; 851 } 852 853 .widget.ui-draggable-dragging { 854 min-width: 49%; 855 } 856 857 #widgets-left #available-widgets .widget:nth-child(even) { 858 float: left; 859 } 860 861 #widgets-right .sidebars-column-1, 862 #widgets-right .sidebars-column-2 { 863 float: right; 864 width: 49%; 865 } 866 867 #widgets-right .sidebars-column-1 { 868 margin-left: 2%; 869 } 870 871 #widgets-right.single-sidebar .sidebars-column-1, 872 #widgets-right.single-sidebar .sidebars-column-2 { 873 float: none; 874 width: 100%; 875 margin: 0; 876 } 877 }
title
Description
Body
title
Description
Body
title
Description
Body
title
Body
Generated : Thu Apr 18 08:20:02 2024 | Cross-referenced by PHPXref |