1@keyframes switch_ripple_effect { 2 from { 3 background-image: radial-gradient(circle farthest-corner at center, #71c837 0%, transparent 0%); 4 } 5 to { 6 background-image: radial-gradient(circle farthest-corner at center, #71c837 100%, transparent 0%); 7 } 8} 9 10@keyframes header_ripple_effect { 11 from { 12 background-image: radial-gradient(circle farthest-corner at center, #e5e5e5 0%, transparent 0%); 13 } 14 to { 15 background-image: radial-gradient(circle farthest-corner at center, #e5e5e5 100%, transparent 0%); 16 } 17} 18 19* { 20 padding: 0; 21 background-clip: padding-box; 22 background-origin: padding-box; 23} 24 25.background { 26 color: #242424; 27 background-color: #f5f5f5; 28} 29 30.background.csd { 31 border-radius: 6px; 32} 33 34.background.solid-csd { 35 border-radius: 0; 36} 37 38dnd { 39 color: #242424; 40} 41 42.normal-icons { 43 -gtk-icon-size: 16px; 44} 45 46.large-icons { 47 -gtk-icon-size: 32px; 48} 49 50spinner:disabled, 51arrow:disabled, 52scrollbar:disabled, 53check:disabled, 54radio:disabled, 55treeview.expander:disabled, 56label:disabled selection.expander { 57 -gtk-icon-filter: opacity(0.5); 58} 59 60filechooser stack.view scrolledwindow treeview.view, iconview, .view { 61 color: #363636; 62 background-color: #ffffff; 63 transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); 64} 65 66filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { 67 color: white; 68 background-color: #F3BA4B; 69 transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); 70} 71 72textview { 73 background-color: #ffffff; 74} 75 76textview > text { 77 background-color: #ffffff; 78} 79 80textview border { 81 background-color: #fafafa; 82} 83 84iconview, iconview:hover, iconview:selected { 85 border-radius: 5px; 86} 87 88.content-view rubberband, columnview.view > rubberband, 89treeview.view > rubberband, flowbox > rubberband, 90rubberband, 91gridview > rubberband { 92 border: 1px solid #f0a81b; 93 background-color: rgba(240, 168, 27, 0.2); 94} 95 96flowbox > flowboxchild { 97 padding: 3px; 98 border-radius: 5px; 99} 100 101flowbox > flowboxchild:selected { 102 outline-offset: -2px; 103} 104 105flowbox.search-bar { 106 border-bottom: 1px solid #a1a1a1; 107} 108 109gridview > child { 110 padding: 3px; 111} 112 113gridview > child:selected { 114 outline-color: #e29b0f; 115} 116 117gridview > child box { 118 border-spacing: 8px; 119 margin: 12px; 120} 121 122coverflow cover { 123 color: #363636; 124 background-color: #ffffff; 125 border: 1px solid black; 126} 127 128label.separator { 129 color: #242424; 130} 131 132label > sselection { 133 color: white; 134 background-color: #F3BA4B; 135} 136 137label:disabled { 138 color: rgba(36, 36, 36, 0.45); 139} 140 141popover.background label.separator, headerbar .subtitle, label.separator, .dim-label, entry > text > placeholder { 142 opacity: 0.55; 143 text-shadow: none; 144} 145 146window.assistant .sidebar { 147 background-color: #ffffff; 148 border-top: 1px solid rgba(0, 0, 0, 0.15); 149} 150 151window.assistant.csd .sidebar { 152 border-top-style: none; 153} 154 155window.assistant .sidebar label { 156 padding: 6px 12px; 157} 158 159window.assistant .sidebar label.highlight { 160 background-color: #F3BA4B; 161 color: white; 162} 163 164.osd .scale-popup > arrow, .osd .scale-popup > contents, popover.background.osd, popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { 165 color: #dadada; 166 border: none; 167 background-color: #2a2a2a; 168 background-clip: padding-box; 169 border-radius: 5px; 170} 171 172.osd { 173 padding: 6px; 174 margin: 5px 8px 11px 8px; 175 box-shadow: 0 3px 8px rgba(0, 0, 0, 0.35); 176} 177 178.osd.circular { 179 border-radius: 100%; 180} 181 182@keyframes spin { 183 to { 184 transform: rotate(1turn); 185 } 186} 187 188spinner { 189 background: none; 190 opacity: 0; 191 -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); 192} 193 194spinner:checked { 195 opacity: 1; 196 animation: spin 1s linear infinite; 197} 198 199spinner:checked:disabled, label:disabled selection:checked { 200 opacity: 0.5; 201} 202 203.large-title { 204 font-weight: 300; 205 font-size: 24pt; 206} 207 208.title-1 { 209 font-weight: 800; 210 font-size: 20pt; 211} 212 213.title-2 { 214 font-weight: 800; 215 font-size: 15pt; 216} 217 218.title-3 { 219 font-weight: 700; 220 font-size: 15pt; 221} 222 223.title-4 { 224 font-weight: 700; 225 font-size: 13pt; 226} 227 228.heading { 229 font-weight: 700; 230 font-size: 11pt; 231} 232 233.body { 234 font-weight: 400; 235 font-size: 11pt; 236} 237 238.caption { 239 font-weight: 400; 240 font-size: 9pt; 241} 242 243.caption-heading { 244 font-weight: 700; 245 font-size: 9pt; 246} 247 248spinbutton > text, .linked > entry:not(:only-child) { 249 color: #363636; 250 background-color: #ffffff; 251 border-image: none; 252 border: 1px solid; 253 border-color: rgba(0, 0, 0, 0.15); 254 border-bottom-color: rgba(0, 0, 0, 0.27); 255} 256 257spinbutton > text:focus, .linked > entry:focus:not(:only-child) { 258 color: #363636; 259 background-color: #ffffff; 260 border-image: none; 261 border-color: #f8d593; 262} 263 264spinbutton > text:disabled, .linked > entry:disabled:not(:only-child) { 265 color: rgba(36, 36, 36, 0.45); 266 background-color: rgba(255, 255, 255, 0.55); 267 border-image: none; 268 border-color: rgba(0, 0, 0, 0.15); 269} 270 271entry { 272 min-height: 16px; 273 border: 3px solid transparent; 274 padding: 2px 8px; 275 border-radius: 7px; 276 caret-color: currentColor; 277 color: #363636; 278 background-color: #ffffff; 279 border-image-width: 6px 6px 6px 6px; 280 border-image-slice: 6 6 6 6; 281 border-image-repeat: stretch; 282 border-image-source: -gtk-scaled(url("assets/entry.png"), url("assets/entry@2.png")); 283} 284 285entry.search { 286 border-radius: 5px; 287} 288 289entry > image { 290 color: #505050; 291} 292 293entry > image.left { 294 padding-left: 0; 295 padding-right: 5px; 296} 297 298entry > image.right { 299 padding-right: 0; 300 padding-left: 5px; 301} 302 303entry.flat, entry.flat:focus-within { 304 min-height: 0; 305 background-image: none; 306 border-color: transparent; 307 border-radius: 0; 308} 309 310entry:focus-within { 311 color: #363636; 312 background-color: #ffffff; 313 border-radius: 7px; 314 transition: border-image 200ms ease-out, box-shadow 200ms ease-out; 315 border-image-source: -gtk-scaled(url("assets/entry-focus.png"), url("assets/entry-focus@2.png")); 316} 317 318entry:focus-within > placeholder { 319 opacity: 0; 320} 321 322entry:disabled { 323 color: rgba(36, 36, 36, 0.45); 324 background-color: rgba(255, 255, 255, 0.55); 325 border-radius: 7px; 326 border-image-source: -gtk-scaled(url("assets/entry-disabled.png"), url("assets/entry-disabled@2.png")); 327} 328 329row entry notebook entry, row entry notebook entry:focus-within, notebook .linked entry, notebook .linked entry:focus-within, notebook spinbutton > entry, notebook spinbutton > entry:focus-within, notebook spinbutton > entry:not(.vertical), notebook spinbutton > entry:not(.vertical):focus-within { 330 background-color: #fafafa; 331} 332 333row entry notebook entry:disabled, notebook .linked entry:disabled, notebook spinbutton > entry:disabled, notebook spinbutton > entry:not(.vertical):disabled, notebook label:disabled spinbutton > selection:not(.vertical), label:disabled notebook spinbutton > selection:not(.vertical) { 334 background-color: rgba(250, 250, 250, 0.55); 335} 336 337notebook searchbar entry, notebook searchbar entry:focus-within, notebook infobar entry, notebook infobar entry:focus-within { 338 background-color: #ffffff; 339} 340 341notebook searchbar entry:disabled, notebook infobar entry:disabled { 342 background-color: rgba(255, 255, 255, 0.55); 343} 344 345entry.warning { 346 color: white; 347 border-color: #F27835; 348 background-color: #f7ae86; 349 border-image: none; 350} 351 352entry.warning image { 353 color: white; 354} 355 356entry.warning:focus-within { 357 color: white; 358 background-color: #F27835; 359 box-shadow: none; 360} 361 362entry.warning > selection, entry.warning > selection:focus { 363 background-color: white; 364 color: #F27835; 365} 366 367entry.error { 368 color: white; 369 border-color: #FC4138; 370 background-color: #fd8d88; 371 border-image: none; 372} 373 374entry.error image { 375 color: white; 376} 377 378entry.error:focus-within { 379 color: white; 380 background-color: #FC4138; 381 box-shadow: none; 382} 383 384entry.error > selection, entry.error > selection:focus { 385 background-color: white; 386 color: #FC4138; 387} 388 389entry.search-missing { 390 color: white; 391 border-color: #FC4138; 392 background-color: #fd8d88; 393 border-image: none; 394} 395 396entry.search-missing image { 397 color: white; 398} 399 400entry.search-missing:focus-within { 401 color: white; 402 background-color: #FC4138; 403 box-shadow: none; 404} 405 406entry.search-missing > selection, entry.search-missing > selection:focus { 407 background-color: white; 408 color: #FC4138; 409} 410 411entry:drop(active):focus, entry:drop(active) { 412 border-color: #F08437; 413 box-shadow: none; 414 border-image: none; 415} 416 417.osd entry { 418 color: #dadada; 419 border-color: rgba(0, 0, 0, 0.15); 420 background-color: rgba(98, 98, 98, 0.96); 421 border-image: none; 422} 423 424.osd entry image, .osd entry image:hover { 425 color: inherit; 426} 427 428.osd entry:focus { 429 color: white; 430 border-color: #5578c7; 431 background-color: #F3BA4B; 432 border-image: none; 433} 434 435.osd entry:disabled { 436 color: #dadada; 437 background-color: rgba(98, 98, 98, 0.81); 438 border-image: none; 439} 440 441.osd entry selection:focus, .osd entry selection { 442 color: #F3BA4B; 443 background-color: white; 444} 445 446entry > progress { 447 margin: 0 -6px; 448 border-radius: 0; 449 border-width: 0 0 2px; 450 border-color: #F3BA4B; 451 border-style: solid; 452 background-image: none; 453 background-color: transparent; 454 box-shadow: none; 455} 456 457entry progress > trough > progress { 458 background-color: transparent; 459 background-image: none; 460 border-radius: 0; 461 border-width: 0 0 2px; 462 border-color: #F3BA4B; 463 border-style: solid; 464 box-shadow: none; 465} 466 467treeview entry.flat, treeview entry { 468 border-radius: 0; 469 background-image: none; 470 background-color: #ffffff; 471 border: 1px solid rgba(0, 0, 0, 0.15); 472 border-image: none; 473} 474 475treeview entry.flat:focus-within, treeview entry:focus-within { 476 border-image: none; 477 border-color: #F3BA4B; 478} 479 480.entry-tag { 481 margin: 8px; 482 border-radius: 50px; 483 box-shadow: none; 484 background-color: #f8464c; 485 color: white; 486 border: none; 487} 488 489.entry-tag:hover { 490 box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15); 491} 492 493:dir(ltr) .entry-tag { 494 margin-left: 8px; 495 margin-right: 0px; 496 padding-left: 8px; 497 padding-right: 4px; 498} 499 500:dir(rtl) .entry-tag { 501 margin-left: 0px; 502 margin-right: 8px; 503 padding-left: 4px; 504 padding-right: 8px; 505} 506 507.entry-tag.button { 508 box-shadow: none; 509 border: none; 510 background-color: transparent; 511} 512 513.entry-tag.button:not(:hover):not(:active) { 514 color: rgba(36, 36, 36, 0.45); 515} 516 517@keyframes needs_attention { 518 from { 519 background-image: radial-gradient(farthest-side, #F3BA4B 0%, rgba(243, 186, 75, 0) 0%); 520 } 521 to { 522 background-image: radial-gradient(farthest-side, #F3BA4B 95%, rgba(243, 186, 75, 0)); 523 } 524} 525 526stacksidebar row.needs-attention > label, stackswitcher > button.needs-attention > label, stackswitcher > button.needs-attention > image { 527 animation: needs_attention 150ms ease-in; 528 background-image: radial-gradient(farthest-side, #F3BA4B 96%, rgba(243, 186, 75, 0)); 529 background-size: 6px 6px, 6px 6px; 530 background-repeat: no-repeat; 531 background-position: right 3px, right 4px; 532} 533 534stacksidebar row.needs-attention > label:backdrop, stackswitcher > button.needs-attention > label:backdrop, stackswitcher > button.needs-attention > image:backdrop { 535 background-size: 6px 6px, 0 0; 536} 537 538stacksidebar row.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > image:dir(rtl) { 539 background-position: left 3px, left 4px; 540} 541 542button { 543 min-height: 20px; 544 min-width: 16px; 545 transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); 546 border: 1px solid; 547 border-radius: 5px; 548 padding: 0 6px; 549 color: #242424; 550 border-color: rgba(0, 0, 0, 0.15); 551 border-top-color: rgba(0, 0, 0, 0.15); 552 border-bottom-color: rgba(0, 0, 0, 0.27); 553 background-color: white; 554 box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); 555} 556 557button separator { 558 margin: 4px 1px; 559} 560 561button.flat { 562 min-height: 24px; 563 border: none; 564 background-color: transparent; 565 box-shadow: none; 566 background-clip: border-box; 567 transition: none; 568} 569 570button.flat:hover { 571 color: #0b0b0b; 572 background-color: rgba(0, 0, 0, 0.15); 573 background-image: none; 574 transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); 575 transition-duration: 350ms; 576} 577 578button.flat:hover:active { 579 transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); 580} 581 582button.flat:active, button.flat:checked { 583 background-image: none; 584 color: white; 585 background-color: rgba(0, 0, 0, 0.5); 586} 587 588button.flat:checked:hover { 589 background-image: none; 590} 591 592button.flat:disabled, label:disabled selection.flat { 593 border-color: transparent; 594 background-color: transparent; 595 background-image: none; 596 box-shadow: none; 597} 598 599button.flat.toggle.popup { 600 min-width: 20px; 601} 602 603button:hover { 604 color: #0b0b0b; 605 border-color: rgba(0, 0, 0, 0.15); 606 border-top-color: rgba(0, 0, 0, 0.15); 607 border-bottom-color: rgba(0, 0, 0, 0.27); 608 background-color: #f7f7f7; 609 box-shadow: none; 610} 611 612button:active, button:checked { 613 color: white; 614 background-color: #F3BA4B; 615 border-color: #f2b53d; 616 border-top-color: #f4bf59; 617 border-bottom-color: #f0ab25; 618 background-image: linear-gradient(0deg, #f2b53d 0%, #f6c971 100%); 619 box-shadow: none; 620 background-clip: border-box; 621 transition-duration: 200ms; 622} 623 624button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { 625 color: inherit; 626 opacity: 0.6; 627} 628 629button:checked:hover { 630 background-image: linear-gradient(0deg, #f4be55 0%, #f7d084 100%); 631} 632 633button:disabled { 634 border-color: rgba(0, 0, 0, 0.15); 635 background-color: rgba(255, 255, 255, 0.55); 636 background-image: none; 637 box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); 638} 639 640button:disabled label, button:disabled { 641 color: rgba(36, 36, 36, 0.45); 642} 643 644button:disabled:active, button:disabled:checked { 645 border-color: rgba(243, 186, 75, 0.75); 646 background-color: rgba(243, 186, 75, 0.55); 647 background-image: none; 648 box-shadow: none; 649 opacity: 0.6; 650} 651 652button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { 653 color: rgba(255, 255, 255, 0.55); 654} 655 656button.image-button { 657 min-height: 24px; 658 padding-left: 6px; 659 padding-right: 6px; 660} 661 662button.text-button { 663 min-height: 24px; 664 padding-left: 12px; 665 padding-right: 12px; 666} 667 668button.text-button.image-button { 669 min-height: 24px; 670 padding-left: 6px; 671 padding-right: 6px; 672} 673 674button.text-button.image-button label:first-child { 675 padding-left: 8px; 676 padding-right: 2px; 677} 678 679button.text-button.image-button label:last-child { 680 padding-right: 8px; 681 padding-left: 2px; 682} 683 684button.text-button.image-button label:only-child { 685 padding-left: 8px; 686 padding-right: 8px; 687} 688 689button.text-button.image-button.popup { 690 padding-right: 6px; 691 padding-left: 6px; 692} 693 694button:drop(active) { 695 color: #F08437; 696 border-color: #F08437; 697 box-shadow: none; 698} 699 700button.osd { 701 color: #dadada; 702 background-color: #2a2a2a; 703 border-color: #161616; 704} 705 706button.osd.image-button { 707 padding: 0; 708 min-height: 42px; 709 min-width: 42px; 710} 711 712button.osd:hover { 713 color: #F3BA4B; 714} 715 716button.osd:active, button.osd:checked { 717 color: white; 718 border-color: #F3BA4B; 719 background-color: #F3BA4B; 720 background-image: none; 721 box-shadow: none; 722} 723 724button.osd:disabled, label:disabled selection.osd { 725 color: #5f5f5f; 726 border-color: rgba(0, 0, 0, 0.15); 727 background-color: rgba(98, 98, 98, 0.81); 728 box-shadow: none; 729} 730 731popover.background.touch-selection button, popover.background.magnifier button, .osd button { 732 color: #dadada; 733 border-color: rgba(0, 0, 0, 0.15); 734 background-color: rgba(98, 98, 98, 0.96); 735 box-shadow: none; 736} 737 738popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd button:hover { 739 color: #dadada; 740 border-color: rgba(0, 0, 0, 0.15); 741 background-color: #747474; 742 box-shadow: none; 743} 744 745popover.background.touch-selection button:active, popover.background.magnifier button:active, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd button:active, .osd button:checked { 746 color: white; 747 border-color: #F3BA4B; 748 background-color: #F3BA4B; 749 background-image: none; 750 box-shadow: none; 751} 752 753popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd button:disabled { 754 color: #5f5f5f; 755 border-color: rgba(0, 0, 0, 0.15); 756 background-color: rgba(98, 98, 98, 0.81); 757 box-shadow: none; 758} 759 760popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .osd button.flat { 761 border-color: transparent; 762 background-color: transparent; 763 background-image: none; 764 box-shadow: none; 765 box-shadow: none; 766} 767 768popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd button.flat:hover { 769 color: #dadada; 770 border-color: rgba(0, 0, 0, 0.15); 771 background-color: #747474; 772 box-shadow: none; 773} 774 775popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, label:disabled selection.flat, .osd button.flat:disabled { 776 color: #5f5f5f; 777 border-color: rgba(0, 0, 0, 0.15); 778 background-color: rgba(98, 98, 98, 0.81); 779 box-shadow: none; 780 background-image: none; 781} 782 783popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd button.flat:active, .osd button.flat:checked { 784 color: white; 785 border-color: #F3BA4B; 786 background-color: #F3BA4B; 787 background-image: none; 788 box-shadow: none; 789} 790 791.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { 792 box-shadow: none; 793} 794 795button.suggested-action { 796 background-clip: border-box; 797 color: white; 798 background-color: #3484e2; 799 border-color: #1f74d8; 800 background-image: none; 801 box-shadow: none; 802} 803 804button.suggested-action.flat { 805 border-color: transparent; 806 background-color: transparent; 807 background-image: none; 808 box-shadow: none; 809 color: #3484e2; 810} 811 812button.suggested-action:hover { 813 background-clip: border-box; 814 color: white; 815 background-color: #4a92e5; 816 border-color: #3081e1; 817 background-image: none; 818 box-shadow: none; 819} 820 821button.suggested-action:active, button.suggested-action:checked { 822 background-clip: border-box; 823 color: white; 824 background-color: #619fe8; 825 border-color: #468fe5; 826 background-image: none; 827 box-shadow: none; 828 box-shadow: none; 829} 830 831button.suggested-action.flat:disabled, label:disabled selection.flat { 832 border-color: transparent; 833 background-color: transparent; 834 background-image: none; 835 box-shadow: none; 836 color: rgba(36, 36, 36, 0.45); 837} 838 839button.suggested-action:disabled, label:disabled selection.suggested-action { 840 border-color: rgba(0, 0, 0, 0.15); 841 background-color: rgba(255, 255, 255, 0.55); 842 background-image: none; 843 box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); 844} 845 846button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { 847 color: rgba(36, 36, 36, 0.45); 848} 849 850button.destructive-action { 851 background-clip: border-box; 852 color: white; 853 background-color: #f8464c; 854 border-color: #f7292f; 855 background-image: none; 856 box-shadow: none; 857} 858 859button.destructive-action.flat { 860 border-color: transparent; 861 background-color: transparent; 862 background-image: none; 863 box-shadow: none; 864 color: #f8464c; 865} 866 867button.destructive-action:hover { 868 background-clip: border-box; 869 color: white; 870 background-color: #f95f64; 871 border-color: #f84147; 872 background-image: none; 873 box-shadow: none; 874} 875 876button.destructive-action:active, button.destructive-action:checked { 877 background-clip: border-box; 878 color: white; 879 background-color: #fa777c; 880 border-color: #f95a5f; 881 background-image: none; 882 box-shadow: none; 883 box-shadow: none; 884} 885 886button.destructive-action.flat:disabled, label:disabled selection.flat { 887 border-color: transparent; 888 background-color: transparent; 889 background-image: none; 890 box-shadow: none; 891 color: rgba(36, 36, 36, 0.45); 892} 893 894button.destructive-action:disabled, label:disabled selection.destructive-action { 895 border-color: rgba(0, 0, 0, 0.15); 896 background-color: rgba(255, 255, 255, 0.55); 897 background-image: none; 898 box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); 899} 900 901button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { 902 color: rgba(36, 36, 36, 0.45); 903} 904 905stackswitcher > button { 906 outline-offset: -3px; 907} 908 909stackswitcher > button > label { 910 padding-left: 6px; 911 padding-right: 6px; 912} 913 914stackswitcher > button > image { 915 padding-left: 6px; 916 padding-right: 6px; 917} 918 919stackswitcher > button.text-button { 920 padding-left: 10px; 921 padding-right: 10px; 922} 923 924stackswitcher > button.image-button { 925 padding-left: 2px; 926 padding-right: 2px; 927} 928 929stackswitcher > button.needs-attention:active > label, stackswitcher > button.needs-attention:active > image, stackswitcher > button.needs-attention:checked > label, stackswitcher > button.needs-attention:checked > image { 930 animation: none; 931 background-image: none; 932} 933 934button.font separator, button.file separator { 935 background-color: transparent; 936} 937 938.linked:not(.vertical):not(.path-bar) > entry + entry { 939 border-left-color: rgba(0, 0, 0, 0.15); 940} 941 942.linked:not(.vertical):not(.path-bar) > entry.error + entry, 943.linked:not(.vertical):not(.path-bar) > entry + entry.error { 944 border-left-color: #FC4138; 945} 946 947.linked:not(.vertical):not(.path-bar) > entry.warning + entry, 948.linked:not(.vertical):not(.path-bar) > entry + entry.warning { 949 border-left-color: #F27835; 950} 951 952.linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, 953.linked:not(.vertical):not(.path-bar) > entry.warning + entry.error { 954 border-left-color: #f75d37; 955} 956 957.linked:not(.vertical):not(.path-bar) > entry:focus-within:not(:only-child) { 958 box-shadow: 0 1px 1px 0px transparent, inset 0 0 0 1px #f8d593; 959} 960 961.linked:not(.vertical):not(.path-bar) > entry + entry:focus-within:not(:last-child), 962.linked:not(.vertical):not(.path-bar) > entry + entry:focus-within:last-child { 963 border-left-color: #f8d593; 964} 965 966.linked:not(.vertical):not(.path-bar) > entry:focus-within:not(:only-child) + entry, 967.linked:not(.vertical):not(.path-bar) > entry:focus-within:not(:only-child) + button, 968.linked:not(.vertical):not(.path-bar) > entry:focus-within:not(:only-child) + combobox > box > button.combo { 969 border-left-color: #f8d593; 970} 971 972.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { 973 box-shadow: 0 1px 1px 0px transparent, inset 0 0 0 1px #F08437; 974} 975 976.linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), 977.linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child { 978 border-left-color: #F08437; 979} 980 981.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, 982.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, 983.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo { 984 border-left-color: #F08437; 985} 986 987.linked:not(.vertical):not(.path-bar) > entry.warning:focus-within:not(:only-child) { 988 box-shadow: 0 1px 1px 0px transparent, inset 0 0 0 1px #F27835; 989} 990 991.linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus-within:not(:last-child), 992.linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus-within:last-child { 993 border-left-color: #F27835; 994} 995 996.linked:not(.vertical):not(.path-bar) > entry.warning:focus-within:not(:only-child) + entry, 997.linked:not(.vertical):not(.path-bar) > entry.warning:focus-within:not(:only-child) + button, 998.linked:not(.vertical):not(.path-bar) > entry.warning:focus-within:not(:only-child) + combobox > box > button.combo { 999 border-left-color: #F27835; 1000} 1001 1002.linked:not(.vertical):not(.path-bar) > entry.error:focus-within:not(:only-child) { 1003 box-shadow: 0 1px 1px 0px transparent, inset 0 0 0 1px #FC4138; 1004} 1005 1006.linked:not(.vertical):not(.path-bar) > entry + entry.error:focus-within:not(:last-child), 1007.linked:not(.vertical):not(.path-bar) > entry + entry.error:focus-within:last-child { 1008 border-left-color: #FC4138; 1009} 1010 1011.linked:not(.vertical):not(.path-bar) > entry.error:focus-within:not(:only-child) + entry, 1012.linked:not(.vertical):not(.path-bar) > entry.error:focus-within:not(:only-child) + button, 1013.linked:not(.vertical):not(.path-bar) > entry.error:focus-within:not(:only-child) + combobox > box > button.combo { 1014 border-left-color: #FC4138; 1015} 1016 1017.linked:not(.vertical):not(.path-bar) > button:active + entry, 1018.linked:not(.vertical):not(.path-bar) > button:checked + entry { 1019 border-left-color: #f2b53d; 1020} 1021 1022.linked:not(.vertical):not(.path-bar) > button + button { 1023 border-left-style: none; 1024} 1025 1026.linked.path-bar:not(.vertical) > button + button { 1027 border-left-style: none; 1028} 1029 1030headerbar .linked:not(.vertical) > button + button { 1031 border-left-style: none; 1032} 1033 1034.linked.vertical > entry + entry { 1035 border-top-color: rgba(0, 0, 0, 0.15); 1036} 1037 1038.linked.vertical > entry.error + entry, 1039.linked.vertical > entry + entry.error { 1040 border-top-color: #FC4138; 1041} 1042 1043.linked.vertical > entry.warning + entry, 1044.linked.vertical > entry + entry.warning { 1045 border-top-color: #F27835; 1046} 1047 1048.linked.vertical > entry.error + entry.warning, 1049.linked.vertical > entry.warning + entry.error { 1050 border-top-color: #f75d37; 1051} 1052 1053.linked.vertical > entry:focus-within:not(:only-child) { 1054 box-shadow: 0 1px 1px 0px transparent, inset 0 0 0 1px #f8d593; 1055} 1056 1057.linked.vertical > entry + entry:focus-within:not(:last-child), 1058.linked.vertical > entry + entry:focus-within:last-child { 1059 border-top-color: #f8d593; 1060} 1061 1062.linked.vertical > entry:focus-within:not(:only-child) + entry, 1063.linked.vertical > entry:focus-within:not(:only-child) + button, 1064.linked.vertical > entry:focus-within:not(:only-child) + combobox > box > button.combo { 1065 border-top-color: #f8d593; 1066} 1067 1068.linked.vertical > entry:drop(active):not(:only-child) { 1069 box-shadow: 0 1px 1px 0px transparent, inset 0 0 0 1px #F08437; 1070} 1071 1072.linked.vertical > entry + entry:drop(active):not(:last-child), 1073.linked.vertical > entry + entry:drop(active):last-child { 1074 border-top-color: #F08437; 1075} 1076 1077.linked.vertical > entry:drop(active):not(:only-child) + entry, 1078.linked.vertical > entry:drop(active):not(:only-child) + button, 1079.linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { 1080 border-top-color: #F08437; 1081} 1082 1083.linked.vertical > entry.warning:focus-within:not(:only-child) { 1084 box-shadow: 0 1px 1px 0px transparent, inset 0 0 0 1px #F27835; 1085} 1086 1087.linked.vertical > entry + entry.warning:focus-within:not(:last-child), 1088.linked.vertical > entry + entry.warning:focus-within:last-child { 1089 border-top-color: #F27835; 1090} 1091 1092.linked.vertical > entry.warning:focus-within:not(:only-child) + entry, 1093.linked.vertical > entry.warning:focus-within:not(:only-child) + button, 1094.linked.vertical > entry.warning:focus-within:not(:only-child) + combobox > box > button.combo { 1095 border-top-color: #F27835; 1096} 1097 1098.linked.vertical > entry.error:focus-within:not(:only-child) { 1099 box-shadow: 0 1px 1px 0px transparent, inset 0 0 0 1px #FC4138; 1100} 1101 1102.linked.vertical > entry + entry.error:focus-within:not(:last-child), 1103.linked.vertical > entry + entry.error:focus-within:last-child { 1104 border-top-color: #FC4138; 1105} 1106 1107.linked.vertical > entry.error:focus-within:not(:only-child) + entry, 1108.linked.vertical > entry.error:focus-within:not(:only-child) + button, 1109.linked.vertical > entry.error:focus-within:not(:only-child) + combobox > box > button.combo { 1110 border-top-color: #FC4138; 1111} 1112 1113.linked.vertical > button:active + entry, 1114.linked.vertical > button:checked + entry { 1115 border-top-color: #f2b53d; 1116} 1117 1118.linked.vertical > button + button { 1119 border-top-style: none; 1120} 1121 1122.linked:not(.vertical) > dropdown > box > button.combo:dir(ltr), .linked:not(.vertical) > dropdown > box > button.combo:dir(rtl), .linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) > button, spinbutton:not(.vertical) > text, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus-within, .linked:not(.vertical) > button { 1123 border-radius: 0; 1124 border-right-style: none; 1125} 1126 1127spinbutton:not(.vertical) > button:first-child, spinbutton:not(.vertical) > text:first-child, .linked:not(.vertical) > entry:first-child, .linked:not(.vertical) > button:first-child { 1128 border-top-left-radius: 5px; 1129 border-bottom-left-radius: 5px; 1130} 1131 1132spinbutton:not(.vertical) > button:last-child, spinbutton:not(.vertical) > text:last-child, .linked:not(.vertical) > entry:last-child, .linked:not(.vertical) > button:last-child { 1133 border-top-right-radius: 5px; 1134 border-bottom-right-radius: 5px; 1135 border-right-style: solid; 1136} 1137 1138spinbutton:not(.vertical) > button:only-child, spinbutton:not(.vertical) > text:only-child, .linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > button:only-child { 1139 border-radius: 5px; 1140 border-style: solid; 1141} 1142 1143spinbutton.vertical > button, spinbutton.vertical > text, .linked.vertical > entry, .linked.vertical > entry:focus-within, .linked.vertical > button { 1144 border-radius: 0; 1145 border-bottom-style: none; 1146} 1147 1148spinbutton.vertical > button:first-child, spinbutton.vertical > text:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { 1149 border-top-left-radius: 5px; 1150 border-top-right-radius: 5px; 1151} 1152 1153spinbutton.vertical > button:last-child, spinbutton.vertical > text:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { 1154 border-bottom-left-radius: 5px; 1155 border-bottom-right-radius: 5px; 1156 border-bottom-style: solid; 1157} 1158 1159spinbutton.vertical > button:only-child, spinbutton.vertical > text:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { 1160 border-radius: 5px; 1161 border-style: solid; 1162} 1163 1164.app-notification button, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.flat:hover, button.link:hover, button.link:active, button.link:checked, button.link, popover.menu box.circular-buttons button.circular.image-button.model, 1165list > row button.image-button:not(.flat), modelbutton.flat { 1166 border-color: transparent; 1167 background-color: transparent; 1168 background-image: none; 1169 box-shadow: none; 1170} 1171 1172modelbutton.flat { 1173 transition: all 100ms cubic-bezier(0, 0, 0.2, 1); 1174 min-height: 26px; 1175 padding-left: 8px; 1176 padding-right: 8px; 1177 outline-offset: -3px; 1178 border-radius: 5px; 1179} 1180 1181modelbutton.flat:hover { 1182 background-color: #ebebeb; 1183 transition-duration: 50ms; 1184} 1185 1186modelbutton.flat:active, modelbutton.flat:active arrow, modelbutton.flat:selected, modelbutton.flat:selected arrow { 1187 transition: none; 1188 animation: none; 1189} 1190 1191modelbutton.flat:checked { 1192 color: #242424; 1193} 1194 1195modelbutton.flat:disabled, label:disabled selection.flat { 1196 color: rgba(36, 36, 36, 0.45); 1197} 1198 1199modelbutton.flat check:last-child, 1200modelbutton.flat radio:last-child { 1201 margin-left: 8px; 1202} 1203 1204modelbutton.flat check:first-child, 1205modelbutton.flat radio:first-child { 1206 margin-right: 8px; 1207} 1208 1209modelbutton.flat arrow { 1210 background: none; 1211 min-width: 16px; 1212 min-height: 16px; 1213 opacity: 0.3; 1214} 1215 1216modelbutton.flat arrow:hover, modelbutton.flat arrow:selected, modelbutton.flat arrow:focus { 1217 background: none; 1218} 1219 1220modelbutton.flat arrow.left { 1221 -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); 1222} 1223 1224modelbutton.flat arrow.right { 1225 -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); 1226} 1227 1228popover.menu box.circular-buttons button.circular.image-button.model, 1229list > row button.image-button:not(.flat) { 1230 border: 1px solid rgba(0, 0, 0, 0); 1231} 1232 1233popover.menu box.circular-buttons button.circular.image-button.model:hover, 1234list > row button.image-button:not(.flat):hover { 1235 color: #0b0b0b; 1236 border-color: rgba(0, 0, 0, 0.15); 1237 border-top-color: rgba(0, 0, 0, 0.15); 1238 border-bottom-color: rgba(0, 0, 0, 0.27); 1239 background-color: #f7f7f7; 1240 box-shadow: none; 1241} 1242 1243popover.menu box.circular-buttons button.circular.image-button.model:active, popover.menu box.circular-buttons button.circular.image-button.model:checked, 1244list > row button.image-button:not(.flat):active, 1245list > row button.image-button:not(.flat):checked { 1246 color: white; 1247 background-color: #F3BA4B; 1248 border-color: #f2b53d; 1249 border-top-color: #f4bf59; 1250 border-bottom-color: #f0ab25; 1251 background-image: linear-gradient(0deg, #f2b53d 0%, #f6c971 100%); 1252 box-shadow: none; 1253} 1254 1255popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, 1256list > row button.image-button.suggested-action:not(.flat) { 1257 background-clip: border-box; 1258 color: white; 1259 background-color: #F3BA4B; 1260 border-color: #f1af2e; 1261 background-image: none; 1262 box-shadow: none; 1263} 1264 1265popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, 1266list > row button.image-button.destructive-action:not(.flat) { 1267 background-clip: border-box; 1268 color: white; 1269 background-color: #f8464c; 1270 border-color: #f7292f; 1271 background-image: none; 1272 box-shadow: none; 1273} 1274 1275link, button.link { 1276 color: #3484e2; 1277} 1278 1279link:visited, button.link:visited { 1280 color: #505050; 1281} 1282 1283*:selected link:visited, *:selected button.link:visited { 1284 color: #fae3b7; 1285} 1286 1287link:hover, button.link:hover { 1288 color: #619fe8; 1289} 1290 1291*:selected link:hover, *:selected button.link:hover { 1292 color: #fef8ed; 1293} 1294 1295link:active, button.link:active { 1296 color: #3484e2; 1297} 1298 1299*:selected link:active, *:selected button.link:active { 1300 color: #fdf1db; 1301} 1302 1303infobar.info > revealer > box link, infobar.question > revealer > box link, infobar.warning > revealer > box link, infobar.error > revealer > box link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, link:selected, *:selected link, button.link:selected, *:selected button.link { 1304 color: #fdf1db; 1305} 1306 1307button.link > label { 1308 text-decoration-line: underline; 1309} 1310 1311spinbutton:drop(active) { 1312 box-shadow: none; 1313} 1314 1315spinbutton button:active { 1316 color: white; 1317} 1318 1319spinbutton:disabled { 1320 color: rgba(36, 36, 36, 0.45); 1321} 1322 1323spinbutton > text:focus { 1324 box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px #f8d593; 1325} 1326 1327spinbutton > text:drop(active) { 1328 box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px #F08437; 1329} 1330 1331spinbutton:not(.vertical) > text { 1332 padding: 2px 8px; 1333 min-width: 28px; 1334} 1335 1336spinbutton:not(.vertical):dir(ltr) > text, spinbutton:not(.vertical):dir(rtl) > button.up { 1337 border-radius: 5px 0 0 5px; 1338} 1339 1340spinbutton:not(.vertical) > button + button { 1341 border-left-style: none; 1342} 1343 1344spinbutton:not(.vertical) > button:hover:not(:active), 1345spinbutton:not(.vertical) > button:hover + button { 1346 box-shadow: inset 1px 0 rgba(0, 0, 0, 0.15); 1347} 1348 1349spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), 1350spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { 1351 box-shadow: inset 1px 0 rgba(0, 0, 0, 0); 1352} 1353 1354spinbutton:not(.vertical) > button:first-child:hover:not(:active), 1355spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), 1356spinbutton:not(.vertical) > text + button:not(:active):hover { 1357 box-shadow: none; 1358} 1359 1360spinbutton:not(.vertical) > text:focus-within + button { 1361 border-left-color: #f8d593; 1362} 1363 1364spinbutton:not(.vertical) > text:drop(active) + button { 1365 border-left-color: #F08437; 1366} 1367 1368.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus-within, .osd spinbutton:not(.vertical):drop(active) { 1369 border-image: none; 1370} 1371 1372.osd spinbutton:not(.vertical) > button:hover:not(:active), 1373.osd spinbutton:not(.vertical) > button:hover + button { 1374 box-shadow: inset 1px 0 rgba(0, 0, 0, 0.15); 1375} 1376 1377.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), 1378.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), 1379.osd spinbutton:not(.vertical) > text + button:not(:active):hover { 1380 box-shadow: none; 1381} 1382 1383.osd spinbutton:not(.vertical) > text:focus-within + button { 1384 border-left-color: #f8d593; 1385} 1386 1387spinbutton.vertical > button, spinbutton.vertical > text { 1388 min-width: 0; 1389} 1390 1391spinbutton.vertical > text { 1392 padding: 6px 2px; 1393} 1394 1395spinbutton.vertical > button.up { 1396 border-radius: 5px 5px 0 0; 1397} 1398 1399spinbutton.vertical > text:focus-within + button { 1400 border-top-color: #f8d593; 1401} 1402 1403spinbutton.vertical > text:drop(active) + button { 1404 border-top-color: #F08437; 1405} 1406 1407dropdown > popover.menu.background > contents { 1408 padding: 0; 1409} 1410 1411dropdown > button > box { 1412 border-spacing: 6px; 1413} 1414 1415dropdown, 1416combobox { 1417 min-height: 24px; 1418} 1419 1420dropdown button.combo, 1421combobox button.combo { 1422 padding-left: 12px; 1423 padding-right: 12px; 1424} 1425 1426dropdown > popover.menu > contents modelbutton, 1427combobox > popover.menu > contents modelbutton { 1428 padding-left: 9px; 1429 padding-right: 9px; 1430} 1431 1432dropdown arrow, 1433combobox arrow { 1434 color: white; 1435 background-color: #F3BA4B; 1436 border-color: #f2b53d; 1437 border-top-color: #f4bf59; 1438 border-bottom-color: #f0ab25; 1439 background-image: linear-gradient(0deg, #f2b53d 0%, #f6c971 100%); 1440 box-shadow: none; 1441 -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); 1442 min-height: 16px; 1443 min-width: 16px; 1444 padding: 0; 1445 margin: -1px -13px -1px -1px; 1446 border-radius: 0 5px 5px 0; 1447 border-width: 1px; 1448 border-style: solid; 1449 border-left-style: none; 1450} 1451 1452dropdown button.combo:checked, .background dropdown button.combo:checked, 1453combobox button.combo:checked, .background combobox button.combo:checked { 1454 transition: none; 1455} 1456 1457dropdown:drop(active) button.combo, 1458combobox:drop(active) button.combo { 1459 color: #F08437; 1460 border-color: #F08437; 1461 box-shadow: none; 1462} 1463 1464dropdown popover, 1465combobox popover { 1466 margin-top: 4px; 1467 padding: 0; 1468} 1469 1470dropdown popover listview, 1471combobox popover listview { 1472 margin: 6px 0; 1473} 1474 1475dropdown popover listview > row, 1476combobox popover listview > row { 1477 padding: 6px; 1478} 1479 1480dropdown popover listview > row:selected, 1481combobox popover listview > row:selected { 1482 color: white; 1483 background-color: #F3BA4B; 1484} 1485 1486dropdown popover .dropdown-searchbar, 1487combobox popover .dropdown-searchbar { 1488 padding: 6px; 1489 border-bottom: 1px solid rgba(0, 0, 0, 0.15); 1490} 1491 1492dropdown .linked:not(.vertical) > entry.combo + button.combo arrow, .linked:not(.vertical) > dropdown > box > button.combo arrow, 1493combobox .linked:not(.vertical) > entry.combo + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { 1494 border: none; 1495 background: none; 1496 box-shadow: none; 1497 min-height: 16px; 1498 min-width: 16px; 1499 padding: 0; 1500 border-radius: 0 5px 5px 0; 1501 -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow.png"), url("assets/combobox-arrow@2.png")); 1502} 1503 1504dropdown .linked:not(.vertical) > entry.combo + button.combo, 1505combobox .linked:not(.vertical) > entry.combo + button.combo { 1506 padding: 0; 1507} 1508 1509dropdown .linked:not(.vertical) > entry.combo + button.combo arrow, 1510combobox .linked:not(.vertical) > entry.combo + button.combo arrow { 1511 margin: 0 3px; 1512} 1513 1514dropdown .linked:not(.vertical) > entry.combo + button.combo:active arrow, 1515dropdown .linked:not(.vertical) > entry.combo + button.combo:checked arrow, .linked:not(.vertical) > dropdown > box > button.combo:active arrow, .linked:not(.vertical) > dropdown > box > button.combo:checked arrow, 1516combobox .linked:not(.vertical) > entry.combo + button.combo:active arrow, 1517combobox .linked:not(.vertical) > entry.combo + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:active arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { 1518 background-color: transparent; 1519 -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); 1520} 1521 1522.linked:not(.vertical) > dropdown:first-child > box > button.combo, .linked:not(.vertical) > combobox:first-child > box > button.combo { 1523 border-top-left-radius: 5px; 1524 border-bottom-left-radius: 5px; 1525} 1526 1527dropdown .linked:not(.vertical) > button.combo:last-child, .linked:not(.vertical) > dropdown:last-child > box > button.combo, 1528combobox .linked:not(.vertical) > button.combo:last-child, .linked:not(.vertical) > combobox:last-child > box > button.combo { 1529 border-top-right-radius: 5px; 1530 border-bottom-right-radius: 5px; 1531 border-right: 1px solid rgba(0, 0, 0, 0.15); 1532} 1533 1534dropdown .linked:not(.vertical) > button.combo:last-child arrow, dropdown .linked:not(.vertical) > button.combo:last-child:active arrow, .linked:not(.vertical) > dropdown:last-child > box > button.combo arrow, .linked:not(.vertical) > dropdown:last-child > box > button.combo:active arrow, 1535combobox .linked:not(.vertical) > button.combo:last-child arrow, 1536combobox .linked:not(.vertical) > button.combo:last-child:active arrow, .linked:not(.vertical) > combobox:last-child > box > button.combo arrow, .linked:not(.vertical) > combobox:last-child > box > button.combo:active arrow { 1537 border-top-right-radius: 5px; 1538 border-bottom-right-radius: 5px; 1539} 1540 1541.linked:not(.vertical) > dropdown:only-child > box > button.combo, .linked:not(.vertical) > combobox:only-child > box > button.combo { 1542 border-radius: 5px; 1543} 1544 1545.linked.vertical > dropdown:first-child > box > button.combo, .linked.vertical > combobox:first-child > box > button.combo { 1546 border-top-left-radius: 5px; 1547 border-top-right-radius: 5px; 1548} 1549 1550.linked.vertical > dropdown:last-child > box > button.combo, .linked.vertical > combobox:last-child > box > button.combo { 1551 border-bottom-left-radius: 5px; 1552 border-bottom-right-radius: 5px; 1553} 1554 1555.linked.vertical > dropdown:only-child > box > button.combo, .linked.vertical > combobox:only-child > box > button.combo { 1556 border-radius: 5px; 1557} 1558 1559.toolbar, 1560toolbar { 1561 padding: 2px 6px; 1562 border-spacing: 4px; 1563 background-color: #e5e5e5; 1564 border-bottom: 1px solid rgba(0, 0, 0, 0.15); 1565} 1566 1567.toolbar.horizontal, 1568toolbar.horizontal { 1569 border-bottom: 1px solid rgba(0, 0, 0, 0.15); 1570} 1571 1572.toolbar separator, 1573toolbar separator { 1574 background: none; 1575} 1576 1577.toolbar.horizontal separator, 1578toolbar.horizontal separator { 1579 margin: 0 6px; 1580} 1581 1582.toolbar.vertical separator, 1583toolbar.vertical separator { 1584 margin: 6px 0; 1585} 1586 1587.osd .toolbar, .osd toolbar { 1588 background-color: transparent; 1589} 1590 1591.toolbar.osd, 1592toolbar.osd { 1593 padding: 8px; 1594 border: none; 1595 border-radius: 9px; 1596 background-color: #2a2a2a; 1597 color: #dadada; 1598 box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); 1599} 1600 1601.toolbar.osd.toolbar, 1602toolbar.osd.toolbar { 1603 padding: 0; 1604 margin: 6px 8px 10px; 1605 box-shadow: none; 1606 background: none; 1607} 1608 1609.toolbar.osd.toolbar > box.horizontal, 1610toolbar.osd.toolbar > box.horizontal { 1611 padding: 8px; 1612 border-radius: 9px; 1613 background-color: #2a2a2a; 1614 box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); 1615} 1616 1617.toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom, 1618toolbar.osd.left, 1619toolbar.osd.right, 1620toolbar.osd.top, 1621toolbar.osd.bottom { 1622 border-radius: 0; 1623} 1624 1625.toolbar.osd button, 1626toolbar.osd button { 1627 border: none; 1628} 1629 1630.toolbar switch, 1631.toolbar scale, 1632.toolbar entry, 1633.toolbar spinbutton, 1634.toolbar button, 1635toolbar switch, 1636toolbar scale, 1637toolbar entry, 1638toolbar spinbutton, 1639toolbar button { 1640 margin-right: 1px; 1641 margin-bottom: 1px; 1642} 1643 1644.toolbar .linked > button, 1645.toolbar .linked > entry, 1646toolbar .linked > button, 1647toolbar .linked > entry { 1648 margin-right: 0; 1649} 1650 1651.toolbar button { 1652 margin: 2px; 1653} 1654 1655searchbar > revealer > box { 1656 padding: 6px; 1657 border-spacing: 6px; 1658 border-style: solid; 1659 border-color: #cfcfcf; 1660 background-color: #f5f5f5; 1661 border-width: 0 0 1px; 1662} 1663 1664searchbar .linked:not(.vertical) > entry { 1665 margin-top: 0; 1666 margin-bottom: 0; 1667} 1668 1669actionbar > revealer > box { 1670 padding: 6px; 1671 border-top: 1px solid rgba(0, 0, 0, 0.15); 1672 background-color: #ededed; 1673} 1674 1675.background.csd actionbar > revealer > box { 1676 border-radius: 0 0 6px 6px; 1677} 1678 1679headerbar { 1680 min-height: 34px; 1681 padding: 0 8px; 1682 background-image: linear-gradient(0deg, #d2d2d2 0%, #e2e2e2 50%, #e9e9e9 100%); 1683 color: #575757; 1684 background-color: #e5e5e5; 1685 border-bottom: 1px solid #a1a1a1; 1686} 1687 1688.csd headerbar { 1689 background-image: linear-gradient(0deg, #d2d2d2 0%, #e2e2e2 50%, #e9e9e9 100%); 1690 background-color: #e5e5e5; 1691 border-bottom: 1px solid #a1a1a1; 1692} 1693 1694headerbar:backdrop { 1695 transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); 1696 color: rgba(87, 87, 87, 0.7); 1697 background-image: linear-gradient(0deg, #F6F6F6 0%, #F6F6F6 100%); 1698 background-color: #F6F6F6; 1699 border-color: #c7c7c7; 1700} 1701 1702.csd headerbar:backdrop { 1703 background-color: #F6F6F6; 1704 border-color: #c7c7c7; 1705} 1706 1707headerbar .title { 1708 padding-left: 12px; 1709 padding-right: 12px; 1710} 1711 1712headerbar .subtitle { 1713 font-size: smaller; 1714 padding-left: 12px; 1715 padding-right: 12px; 1716 margin-top: -3px; 1717} 1718 1719headerbar button, headerbar spinbutton { 1720 margin-top: 6px; 1721 margin-bottom: 6px; 1722} 1723 1724headerbar .linked:not(.vertical) > button { 1725 min-width: 20px; 1726 border-right: 1px solid rgba(0, 0, 0, 0.15); 1727} 1728 1729headerbar .linked:not(.vertical) > button:not(:first-child):active { 1730 box-shadow: -1px 0 #747474; 1731} 1732 1733headerbar .linked:not(.vertical) > button:not(:first-child):checked { 1734 box-shadow: -1px 0 #585858; 1735} 1736 1737headerbar .linked:not(.vertical) > entry { 1738 color: #575757; 1739 background-color: white; 1740 background-image: linear-gradient(0deg, #f1f1f1 0%, #fdfdfd 95%, #fefefe 100%); 1741 margin-top: 6px; 1742 margin-bottom: 6px; 1743 padding: 0 8px; 1744 border-radius: 5px; 1745 border-width: 1px; 1746 border: 1px solid rgba(0, 0, 0, 0.15); 1747} 1748 1749headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { 1750 color: inherit; 1751} 1752 1753headerbar .linked:not(.vertical) > entry:focus { 1754 background-image: none; 1755 background-color: #ffffff; 1756 border-color: #f8d593; 1757} 1758 1759headerbar .linked:not(.vertical) > entry:disabled { 1760 color: rgba(87, 87, 87, 0.35); 1761 background-color: white; 1762} 1763 1764headerbar .linked:not(.vertical) > entry:backdrop { 1765 opacity: 0.65; 1766 background-image: none; 1767} 1768 1769headerbar stackswitcher > button { 1770 min-height: 24px; 1771 border-color: rgba(0, 0, 0, 0.15); 1772 color: #575757; 1773 background-color: white; 1774 background-image: linear-gradient(0deg, #f1f1f1 0%, #fdfdfd 95%, #fefefe 100%); 1775} 1776 1777headerbar stackswitcher > button:hover { 1778 border-color: rgba(0, 0, 0, 0.15); 1779 color: #525252; 1780 background-color: #fafafa; 1781 background-image: linear-gradient(0deg, #f8f8f8 0%, #ffffff 100%); 1782} 1783 1784headerbar stackswitcher > button:active { 1785 color: white; 1786 background-color: #888888; 1787 background-image: none; 1788 border-color: rgba(0, 0, 0, 0.15); 1789} 1790 1791headerbar stackswitcher > button:checked { 1792 color: white; 1793 background-color: #686868; 1794 background-image: linear-gradient(0deg, #656565 0%, #707070 100%); 1795 border-color: rgba(0, 0, 0, 0.15); 1796} 1797 1798headerbar stackswitcher > button:disabled { 1799 color: rgba(87, 87, 87, 0.45); 1800} 1801 1802headerbar stackswitcher > button:backdrop { 1803 opacity: 0.65; 1804 background-image: none; 1805} 1806 1807headerbar switch { 1808 margin-top: 8px; 1809 margin-bottom: 8px; 1810} 1811 1812headerbar switch:backdrop { 1813 opacity: 0.75; 1814} 1815 1816headerbar.titlebar headerbar:not(.titlebar) { 1817 background: none; 1818 box-shadow: none; 1819} 1820 1821headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) { 1822 border-radius: 0; 1823 margin-top: 0; 1824 margin-bottom: 0; 1825} 1826 1827headerbar.windowhandle > button.popup:hover { 1828 border-color: rgba(0, 0, 0, 0.15); 1829 color: #525252; 1830 background-color: #fafafa; 1831 background-image: linear-gradient(0deg, #f8f8f8 0%, #ffffff 100%); 1832} 1833 1834headerbar.windowhandle > button.popup:active { 1835 color: white; 1836 background-color: #888888; 1837 background-image: none; 1838 border-color: rgba(0, 0, 0, 0.15); 1839} 1840 1841headerbar.windowhandle > button.popup:checked { 1842 color: white; 1843 background-color: #686868; 1844 background-image: linear-gradient(0deg, #656565 0%, #707070 100%); 1845 border-color: rgba(0, 0, 0, 0.15); 1846} 1847 1848.selection-mode headerbar, headerbar.selection-mode { 1849 color: white; 1850 background-color: #6887cd; 1851 border-color: #597bc8; 1852 box-shadow: none; 1853 background-image: none; 1854 text-shadow: none; 1855} 1856 1857.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { 1858 background-color: #6887cd; 1859 color: rgba(255, 255, 255, 0.6); 1860 border-color: #597bc8; 1861} 1862 1863.selection-mode headerbar button, headerbar.selection-mode button { 1864 border-color: transparent; 1865 background-color: transparent; 1866 background-image: none; 1867 box-shadow: none; 1868} 1869 1870.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { 1871 box-shadow: none; 1872 padding-left: 10px; 1873 padding-right: 10px; 1874} 1875 1876.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { 1877 -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); 1878} 1879 1880headerbar.default-decoration { 1881 min-height: 26px; 1882 padding: 0 6px; 1883 background-color: #e5e5e5; 1884 background-image: linear-gradient(0deg, #e2e2e2 0%, #e9e9e9 100%); 1885} 1886 1887headerbar.default-decoration windowcontrols button, 1888headerbar.default-decoration windowcontrols menubutton { 1889 border: none; 1890 min-width: 16px; 1891 min-height: 16px; 1892 margin: 0; 1893 padding: 0; 1894} 1895 1896headerbar.default-decoration windowcontrols menubutton button { 1897 min-height: 20px; 1898 min-width: 20px; 1899 margin: 0; 1900 padding: 4px; 1901} 1902 1903headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { 1904 border: none; 1905} 1906 1907separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { 1908 border-top-left-radius: 6px; 1909} 1910 1911headerbar:last-child, headerbar:last-child:backdrop { 1912 border-top-right-radius: 6px; 1913} 1914 1915stack headerbar:first-child, stack headerbar:last-child { 1916 border-top-left-radius: 6px; 1917 border-top-right-radius: 6px; 1918} 1919 1920window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { 1921 border-top-left-radius: 6px; 1922} 1923 1924window headerbar:last-child:backdrop, window headerbar:last-child { 1925 border-top-right-radius: 6px; 1926} 1927 1928window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { 1929 border-top-left-radius: 6px; 1930 border-top-right-radius: 6px; 1931} 1932 1933.titlebar, .titlebar.background { 1934 border-top-left-radius: 6px; 1935 border-top-right-radius: 6px; 1936} 1937 1938.titlebar, .titlebar headerbar { 1939 box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); 1940} 1941 1942window.background > box.vertical > headerbar:not(.titlebar) { 1943 border-radius: 0 0 0 0; 1944 box-shadow: none; 1945} 1946 1947window.background > box.vertical > headerbar:not(.titlebar), window.background > box.vertical > headerbar:not(.titlebar):backdrop { 1948 background-image: linear-gradient(0deg, #d2d2d2 0%, #e2e2e2 100%); 1949} 1950 1951separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { 1952 border-top-left-radius: 0; 1953} 1954 1955window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { 1956 border-top-right-radius: 0; 1957} 1958 1959window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { 1960 padding: 0; 1961 background: none; 1962 border: none; 1963 box-shadow: none; 1964} 1965 1966.titlebar:not(headerbar) > separator { 1967 background-image: linear-gradient(0deg, #d2d2d2 0%, #e2e2e2 50%, #e9e9e9 100%); 1968 border-bottom: 1px solid #a1a1a1; 1969 box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); 1970} 1971 1972.titlebar:not(headerbar) > separator:backdrop { 1973 transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); 1974 background-image: none; 1975 background-image: image(#F6F6F6); 1976} 1977 1978headerbar > windowhandle > box, 1979headerbar > windowhandle > box > box.start, 1980headerbar > windowhandle > box > box.end { 1981 border-spacing: 6px; 1982} 1983 1984headerbar button { 1985 min-height: 24px; 1986 min-width: 22px; 1987} 1988 1989headerbar entry { 1990 min-height: 19px; 1991 margin-top: 4px; 1992 margin-bottom: 4px; 1993 margin-left: 0; 1994 margin-right: 0; 1995 padding: 2px 8px; 1996 border-radius: 7px; 1997} 1998 1999headerbar .linked:not(.vertical) > button, headerbar .linked:not(.vertical) > button:hover, headerbar .linked:not(.vertical) > button:active, headerbar .linked:not(.vertical) > button:checked, headerbar .linked:not(.vertical) > button:disabled, headerbar .linked:not(.vertical) > entry, headerbar .linked:not(.vertical) > entry:focus, headerbar .linked:not(.vertical) > entry:disabled { 2000 border-radius: 0; 2001 border-left-style: none; 2002 border-right-style: solid; 2003} 2004 2005headerbar .linked:not(.vertical) > button:first-child, headerbar .linked:not(.vertical) > entry:first-child { 2006 border-top-left-radius: 5px; 2007 border-bottom-left-radius: 5px; 2008 border-left-style: solid; 2009} 2010 2011headerbar .linked:not(.vertical) > button:last-child, headerbar .linked:not(.vertical) > entry:last-child { 2012 border-top-right-radius: 5px; 2013 border-bottom-right-radius: 5px; 2014} 2015 2016headerbar .linked:not(.vertical) > button:only-child, headerbar .linked:not(.vertical) > entry:only-child { 2017 border-radius: 5px; 2018 border-style: solid; 2019} 2020 2021headerbar separator.titlebutton { 2022 min-width: 0; 2023 min-height: 0; 2024 background: none; 2025 border: none; 2026} 2027 2028headerbar entry { 2029 color: #575757; 2030 background-color: white; 2031 background-image: linear-gradient(0deg, #f1f1f1 0%, #fdfdfd 95%, #fefefe 100%); 2032 border-radius: 7px; 2033 border: 3px solid transparent; 2034 border-image-width: 6px 6px 6px 6px; 2035 border-image-slice: 6 6 6 6; 2036 border-image-repeat: stretch; 2037 background-clip: padding-box; 2038 border-image-source: -gtk-scaled(url("assets/header-entry.png"), url("assets/header-entry@2.png")); 2039} 2040 2041headerbar entry image, headerbar entry image:hover { 2042 color: inherit; 2043} 2044 2045headerbar entry:backdrop { 2046 opacity: 0.65; 2047 background-image: none; 2048} 2049 2050headerbar entry:focus-within { 2051 background-image: none; 2052 background-color: #ffffff; 2053 box-shadow: none; 2054 border-radius: 7px; 2055 border-image-source: -gtk-scaled(url("assets/entry-focus.png"), url("assets/entry-focus@2.png")); 2056} 2057 2058headerbar entry > text > selection:focus { 2059 background-color: #F3BA4B; 2060 color: white; 2061} 2062 2063headerbar entry > progress { 2064 border-color: #F3BA4B; 2065 background-image: none; 2066 background-color: transparent; 2067} 2068 2069headerbar entry.warning { 2070 color: white; 2071 border-color: #F27835; 2072 background-color: #eda47b; 2073} 2074 2075headerbar entry.warning:focus-within { 2076 color: white; 2077 background-color: #F27835; 2078} 2079 2080headerbar entry.warning selection { 2081 background-color: white; 2082 color: #F27835; 2083} 2084 2085headerbar entry.error { 2086 color: white; 2087 border-color: #FC4138; 2088 background-color: #f3837d; 2089} 2090 2091headerbar entry.error:focus-within { 2092 color: white; 2093 background-color: #FC4138; 2094} 2095 2096headerbar entry.error selection { 2097 background-color: white; 2098 color: #FC4138; 2099} 2100 2101headerbar button { 2102 border-color: rgba(0, 0, 0, 0.15); 2103 color: #575757; 2104 background-color: white; 2105 background-image: linear-gradient(0deg, #f1f1f1 0%, #fdfdfd 95%, #fefefe 100%); 2106 box-shadow: none; 2107} 2108 2109headerbar button:backdrop { 2110 opacity: 0.65; 2111 background-image: none; 2112} 2113 2114headerbar button:hover { 2115 border-color: rgba(0, 0, 0, 0.15); 2116 color: #525252; 2117 background-color: #fafafa; 2118 background-image: linear-gradient(0deg, #f8f8f8 0%, #ffffff 100%); 2119 transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); 2120} 2121 2122headerbar button:active { 2123 color: white; 2124 background-color: #888888; 2125 background-image: none; 2126 border-color: rgba(0, 0, 0, 0.15); 2127 transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); 2128 transition-duration: 300ms; 2129 background-clip: border-box; 2130} 2131 2132headerbar button:checked { 2133 color: white; 2134 background-color: #686868; 2135 background-image: linear-gradient(0deg, #656565 0%, #707070 100%); 2136 border-color: rgba(0, 0, 0, 0.15); 2137 background-clip: border-box; 2138 transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); 2139 transition-duration: 300ms; 2140} 2141 2142headerbar button:checked:hover { 2143 background-image: none; 2144} 2145 2146headerbar button.flat { 2147 border-color: transparent; 2148 background-color: transparent; 2149 background-image: none; 2150 box-shadow: none; 2151} 2152 2153path-bar > button { 2154 min-width: 12px; 2155 min-height: 20px; 2156} 2157 2158path-bar > button.text-button, path-bar > button.image-button, path-bar > button { 2159 padding-left: 6px; 2160 padding-right: 6px; 2161} 2162 2163path-bar > button:hover { 2164 box-shadow: none; 2165} 2166 2167path-bar > button:active, path-bar > button:checked { 2168 color: white; 2169 background-color: #686868; 2170 background-image: linear-gradient(0deg, #656565 0%, #707070 100%); 2171 border-color: rgba(0, 0, 0, 0.15); 2172 border-color: rgba(0, 0, 0, 0.15); 2173} 2174 2175path-bar > button:disabled { 2176 border-color: rgba(0, 0, 0, 0.15); 2177} 2178 2179path-bar > button.text-button.image-button label { 2180 padding-left: 0; 2181 padding-right: 0; 2182} 2183 2184path-bar > button.text-button.image-button label:last-child, path-bar > button label:last-child { 2185 padding-right: 10px; 2186} 2187 2188path-bar > button.text-button.image-button label:first-child, path-bar > button label:first-child { 2189 padding-left: 10px; 2190} 2191 2192path-bar > button.slider-button, path-bar > button:not(.image-button):not(.text-button) { 2193 padding-left: 1px; 2194 padding-right: 1px; 2195} 2196 2197path-bar > button image { 2198 padding-left: 4px; 2199 padding-right: 4px; 2200} 2201 2202columnview.view, 2203treeview.view { 2204 border-left-color: #cfcfcf; 2205 border-top-color: #cfcfcf; 2206} 2207 2208columnview.view acceleditor > label, 2209treeview.view acceleditor > label { 2210 background-color: #F3BA4B; 2211} 2212 2213columnview.view:selected, columnview.view:selected:focus, 2214treeview.view:selected, 2215treeview.view:selected:focus { 2216 border-radius: 0; 2217 border-left-color: #f9dda5; 2218 border-top-color: rgba(36, 36, 36, 0.15); 2219} 2220 2221columnview.view:disabled, label:disabled selection.view, 2222treeview.view:disabled { 2223 color: rgba(36, 36, 36, 0.45); 2224} 2225 2226columnview.view:disabled:selected, label:disabled selection.view:selected, 2227treeview.view:disabled:selected { 2228 color: #f8d693; 2229} 2230 2231columnview.view.separator, 2232treeview.view.separator { 2233 min-height: 2px; 2234 color: rgba(0, 0, 0, 0.15); 2235} 2236 2237columnview.view > dndtarget:drop(active), 2238treeview.view > dndtarget:drop(active) { 2239 border-style: solid none; 2240 border-width: 1px; 2241 border-color: #8c6f38; 2242} 2243 2244columnview.view > dndtarget.after:drop(active), 2245treeview.view > dndtarget.after:drop(active) { 2246 border-top-style: none; 2247} 2248 2249columnview.view > dndtarget.before:drop(active), 2250treeview.view > dndtarget.before:drop(active) { 2251 border-bottom-style: none; 2252} 2253 2254columnview.view.expander, 2255treeview.view.expander { 2256 min-width: 16px; 2257 min-height: 16px; 2258 -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); 2259 color: #929292; 2260} 2261 2262columnview.view.expander:dir(rtl), 2263treeview.view.expander:dir(rtl) { 2264 -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); 2265} 2266 2267columnview.view.expander:hover, 2268treeview.view.expander:hover { 2269 color: #242424; 2270} 2271 2272columnview.view.expander:selected, 2273treeview.view.expander:selected { 2274 color: #fbeac9; 2275} 2276 2277columnview.view.expander:selected:hover, 2278treeview.view.expander:selected:hover { 2279 color: white; 2280} 2281 2282columnview.view.expander:checked, 2283treeview.view.expander:checked { 2284 -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); 2285} 2286 2287columnview.view.progressbar, columnview.view.progressbar:focus, 2288treeview.view.progressbar, 2289treeview.view.progressbar:focus { 2290 color: white; 2291 border-radius: 5px; 2292 background-color: #F3BA4B; 2293} 2294 2295columnview.view.progressbar:selected, columnview.view.progressbar:selected:focus, columnview.view.progressbar:focus:selected, columnview.view.progressbar:focus:selected:focus, 2296treeview.view.progressbar:selected, 2297treeview.view.progressbar:selected:focus, 2298treeview.view.progressbar:focus:selected, 2299treeview.view.progressbar:focus:selected:focus { 2300 color: #F3BA4B; 2301 box-shadow: none; 2302 background-color: white; 2303} 2304 2305columnview.view.trough, 2306treeview.view.trough { 2307 color: #242424; 2308 background-color: rgba(0, 0, 0, 0.15); 2309 border-radius: 5px; 2310 border-width: 0; 2311} 2312 2313columnview.view.trough:selected, columnview.view.trough:selected:focus, 2314treeview.view.trough:selected, 2315treeview.view.trough:selected:focus { 2316 color: white; 2317 background-color: rgba(0, 0, 0, 0.2); 2318 border-radius: 5px; 2319 border-width: 0; 2320} 2321 2322columnview.view > header > button, 2323treeview.view > header > button { 2324 min-height: 24px; 2325 min-width: 38px; 2326 padding: 0 6px; 2327 font-weight: bold; 2328 color: #505050; 2329 background-color: #ffffff; 2330 background-image: none; 2331 box-shadow: none; 2332 border-style: none solid none none; 2333 border-radius: 0; 2334 border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; 2335} 2336 2337columnview.view > header > button:hover, 2338treeview.view > header > button:hover { 2339 color: #F3BA4B; 2340} 2341 2342columnview.view > header > button:active, 2343treeview.view > header > button:active { 2344 color: #242424; 2345} 2346 2347columnview.view > header > button:active, columnview.view > header > button:hover, 2348treeview.view > header > button:active, 2349treeview.view > header > button:hover { 2350 background-color: #ffffff; 2351} 2352 2353columnview.view > header > button:disabled, 2354treeview.view > header > button:disabled { 2355 border-color: #f5f5f5; 2356 background-image: none; 2357} 2358 2359columnview.view > header > button:last-child, 2360treeview.view > header > button:last-child { 2361 border-right-style: none; 2362 border-image: none; 2363} 2364 2365columnview.view button.dnd, columnview.view button.dnd:selected, columnview.view button.dnd:hover, columnview.view button.dnd:active, 2366columnview.view header.button.dnd, 2367columnview.view header.button.dnd:selected, 2368columnview.view header.button.dnd:hover, 2369columnview.view header.button.dnd:active, 2370treeview.view button.dnd, 2371treeview.view button.dnd:selected, 2372treeview.view button.dnd:hover, 2373treeview.view button.dnd:active, 2374treeview.view header.button.dnd, 2375treeview.view header.button.dnd:selected, 2376treeview.view header.button.dnd:hover, 2377treeview.view header.button.dnd:active { 2378 padding: 0 6px; 2379 transition: none; 2380 color: white; 2381 background-color: #F3BA4B; 2382 border-radius: 0; 2383 border-style: none; 2384} 2385 2386menubar { 2387 padding: 0; 2388 background-color: #e5e5e5; 2389 background-image: linear-gradient(0deg, #d2d2d2 0%, #e2e2e2 100%); 2390 color: #575757; 2391 box-shadow: inset 0 -1px rgba(0, 0, 0, 0.15); 2392} 2393 2394menubar:backdrop { 2395 color: rgba(87, 87, 87, 0.8); 2396} 2397 2398menubar > item { 2399 transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); 2400 padding: 4px 8px; 2401} 2402 2403menubar > item:hover { 2404 transition: none; 2405 background-color: #F3BA4B; 2406 color: white; 2407} 2408 2409menubar > item:disabled { 2410 color: rgba(87, 87, 87, 0.4); 2411 border-color: transparent; 2412} 2413 2414menubar > item popover.menu.background > contents { 2415 padding: 5px; 2416 border-radius: 6px; 2417} 2418 2419menubar > item popover.menu popover.menu { 2420 padding: 0 0 4px 0; 2421} 2422 2423menubar > item popover.menu.background popover.menu.background > contents { 2424 margin: 0; 2425 border-radius: 6px; 2426} 2427 2428popover.background { 2429 font: initial; 2430} 2431 2432popover.background > arrow, 2433popover.background > contents { 2434 padding: 0; 2435 background-clip: border-box; 2436 background-color: rgba(255, 255, 255, 0.95); 2437 box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.03); 2438 border-radius: 6px; 2439 border: 1px solid rgba(0, 0, 0, 0.2); 2440} 2441 2442popover.background, popover.background:backdrop { 2443 background-color: transparent; 2444} 2445 2446popover.background > contents { 2447 padding: 6px; 2448 border-radius: 6px; 2449} 2450 2451popover.background > contents > list, 2452popover.background > contents > .view, 2453popover.background > contents > toolbar { 2454 border-style: none; 2455 background-color: transparent; 2456} 2457 2458popover.background > contents separator { 2459 background-color: rgba(0, 0, 0, 0.05); 2460 margin: 3px; 2461} 2462 2463popover.background > contents list separator { 2464 margin: 0; 2465} 2466 2467popover.background separator, popover.background separator, .csd popover.background separator { 2468 border: none; 2469 background-color: transparent; 2470} 2471 2472popover.background label.separator { 2473 color: #242424; 2474} 2475 2476popover.background > list, 2477popover.background > .view, 2478popover.background > toolbar, 2479popover.background > scrolledwindow > viewport > list { 2480 border-style: none; 2481 background-color: transparent; 2482} 2483 2484popover.background > scrolledwindow > viewport > list { 2485 margin: 6px; 2486} 2487 2488popover.background > scrolledwindow > viewport > list row { 2489 padding: 6px 12px; 2490 border-radius: 5px; 2491} 2492 2493popover.background.touch-selection, .csd popover.background.touch-selection { 2494 font: initial; 2495} 2496 2497magnifier { 2498 background-color: #ffffff; 2499} 2500 2501cursor-handle { 2502 background-color: transparent; 2503 background-image: none; 2504 box-shadow: none; 2505 border-style: none; 2506} 2507 2508cursor-handle.top { 2509 -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); 2510} 2511 2512cursor-handle.bottom { 2513 -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); 2514} 2515 2516popover.menu { 2517 padding: 0; 2518} 2519 2520popover.menu box.inline-buttons { 2521 padding: 0 6px; 2522} 2523 2524popover.menu box.inline-buttons button.image-button.model { 2525 border-color: transparent; 2526 background-color: transparent; 2527 background-image: none; 2528 box-shadow: none; 2529 min-height: 30px; 2530 min-width: 30px; 2531 padding: 0; 2532 border: none; 2533 outline: none; 2534 transition: none; 2535} 2536 2537popover.menu box.inline-buttons button.image-button.model:selected { 2538 color: white; 2539 background-image: image(#F3BA4B); 2540} 2541 2542popover.menu box.circular-buttons { 2543 padding: 6px; 2544} 2545 2546popover.menu box.circular-buttons button.circular.image-button.model { 2547 padding: 10px; 2548 border: none; 2549} 2550 2551popover.menu box.circular-buttons button.circular.image-button.model:focus { 2552 background-color: rgba(0, 0, 0, 0.15); 2553} 2554 2555popover.menu box.circular-buttons button.circular.image-button.model:active:focus { 2556 color: white; 2557 background-color: #F3BA4B; 2558} 2559 2560popover.menu > arrow, popover.menu.background > contents { 2561 background-color: rgba(255, 255, 255, 0.95); 2562 padding: 5px; 2563} 2564 2565popover.menu.background separator { 2566 margin: 6px 0; 2567} 2568 2569popover.menu accelerator { 2570 color: alpha(currentColor,0.55); 2571} 2572 2573popover.menu accelerator:dir(ltr) { 2574 margin-left: 6px; 2575} 2576 2577popover.menu accelerator:dir(rtl) { 2578 margin-right: 6px; 2579} 2580 2581popover.menu arrow.left, 2582popover.menu radio.left, 2583popover.menu check.left { 2584 margin-left: -2px; 2585 margin-right: 6px; 2586} 2587 2588popover.menu arrow.right, 2589popover.menu radio.right, 2590popover.menu check.right { 2591 margin-left: 6px; 2592 margin-right: -2px; 2593} 2594 2595popover.menu modelbutton { 2596 min-height: 26px; 2597 min-width: 38px; 2598 padding: 0 6px; 2599 border-radius: 3px; 2600} 2601 2602popover.menu modelbutton:selected { 2603 color: white; 2604 background-color: #F3BA4B; 2605} 2606 2607popover.menu modelbutton:selected:active { 2608 color: white; 2609 background-color: #f1b133; 2610} 2611 2612popover.menu label.title { 2613 font-weight: bold; 2614 padding: 4px 26px; 2615} 2616 2617notebook > header > tabs > tab { 2618 color: rgba(36, 36, 36, 0.45); 2619 background-color: rgba(255, 255, 255, 0); 2620 border: 1px solid transparent; 2621 transition: all 150ms ease-out; 2622} 2623 2624notebook > header > tabs > tab:hover:not(:checked) { 2625 color: rgba(36, 36, 36, 0.725); 2626 background-color: rgba(255, 255, 255, 0.2); 2627 border-color: #bfbfbf; 2628} 2629 2630notebook > header > tabs > tab:checked { 2631 color: #242424; 2632 background-color: #e5e5e5; 2633 border-color: #bfbfbf; 2634} 2635 2636notebook { 2637 padding: 0; 2638} 2639 2640notebook.frame { 2641 border: 1px solid #cfcfcf; 2642} 2643 2644notebook.frame > header.top tabs > tab:first-child, notebook.frame > header.bottom tabs > tab:first-child { 2645 border-left-style: none; 2646} 2647 2648notebook.frame > header.top tabs > tab:last-child, notebook.frame > header.bottom tabs > tab:last-child { 2649 border-right-style: solid; 2650} 2651 2652notebook.frame > header.left tabs > tab:first-child, notebook.frame > header.right tabs > tab:first-child { 2653 border-top-style: none; 2654} 2655 2656notebook.frame > header.left tabs > tab:last-child, notebook.frame > header.right tabs > tab:last-child { 2657 border-bottom-style: solid; 2658} 2659 2660notebook > stack:not(:only-child) { 2661 background-color: #ffffff; 2662} 2663 2664notebook:not(.frame), notebook:not(.frame) > stack { 2665 border-radius: 0 0 6px 6px; 2666} 2667 2668notebook > header { 2669 padding: 0; 2670 background-color: #cccccc; 2671} 2672 2673notebook > header.top { 2674 box-shadow: inset 0 1px #cfcfcf, inset 0 -1px rgba(0, 0, 0, 0.15); 2675 box-shadow: inset 0 1px rgba(0, 0, 0, 0.15), inset 0 -1px rgba(0, 0, 0, 0.15), 1px 0 rgba(0, 0, 0, 0.15), -1px 0 rgba(0, 0, 0, 0.15); 2676 margin-top: -1px; 2677} 2678 2679notebook > header.bottom { 2680 box-shadow: inset 0 1px rgba(0, 0, 0, 0.15), inset 0 -1px #cfcfcf; 2681 box-shadow: inset 0 1px rgba(0, 0, 0, 0.15), inset 0 -1px rgba(0, 0, 0, 0.15), 1px 0 rgba(0, 0, 0, 0.15), -1px 0 rgba(0, 0, 0, 0.15); 2682 margin-bottom: -1px; 2683} 2684 2685notebook > header.right { 2686 box-shadow: inset 1px 0 rgba(0, 0, 0, 0.15), inset -1px 0 #cfcfcf; 2687 box-shadow: inset 1px 0 rgba(0, 0, 0, 0.15), inset -1px 0 rgba(0, 0, 0, 0.15), 0 1px rgba(0, 0, 0, 0.15), 0 -1px rgba(0, 0, 0, 0.15); 2688 margin-right: -1px; 2689} 2690 2691notebook > header.left { 2692 box-shadow: inset 1px 0 #cfcfcf, inset -1px 0 rgba(0, 0, 0, 0.15); 2693 box-shadow: inset 1px 0 rgba(0, 0, 0, 0.15), inset -1px 0 rgba(0, 0, 0, 0.15), 0 1px rgba(0, 0, 0, 0.15), 0 -1px rgba(0, 0, 0, 0.15); 2694 margin-left: -1px; 2695} 2696 2697notebook > header button.flat.toggle.popup { 2698 min-width: 28px; 2699 border-radius: 0; 2700 padding: 0; 2701 border: none; 2702 box-shadow: none; 2703 margin: 0; 2704} 2705 2706notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { 2707 color: #242424; 2708 background-color: rgba(0, 0, 0, 0.2); 2709} 2710 2711notebook > header.top { 2712 padding: 0; 2713} 2714 2715notebook > header.top tab { 2716 padding: 2px 10px; 2717 min-width: 20px; 2718 min-height: 20px; 2719 border-radius: 0; 2720 outline-offset: -4px; 2721} 2722 2723notebook > header.top tab + tab { 2724 margin-left: -1px; 2725} 2726 2727notebook > header.bottom { 2728 padding: 0; 2729} 2730 2731notebook > header.bottom tab { 2732 padding: 2px 10px; 2733 min-width: 20px; 2734 min-height: 20px; 2735 border-radius: 0; 2736 outline-offset: -4px; 2737} 2738 2739notebook > header.bottom tab + tab { 2740 margin-left: -1px; 2741} 2742 2743notebook > header.right { 2744 padding: 0; 2745} 2746 2747notebook > header.right tab { 2748 padding: 2px 10px; 2749 min-width: 20px; 2750 min-height: 20px; 2751 border-radius: 0; 2752 outline-offset: -4px; 2753} 2754 2755notebook > header.right tab + tab { 2756 margin-top: -1px; 2757} 2758 2759notebook > header.left { 2760 padding: 0; 2761} 2762 2763notebook > header.left tab { 2764 padding: 2px 10px; 2765 min-width: 20px; 2766 min-height: 20px; 2767 border-radius: 0; 2768 outline-offset: -4px; 2769} 2770 2771notebook > header.left tab + tab { 2772 margin-top: -1px; 2773} 2774 2775notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { 2776 -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); 2777} 2778 2779notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { 2780 margin-left: 2px; 2781} 2782 2783notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { 2784 -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); 2785} 2786 2787notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { 2788 margin-right: 2px; 2789} 2790 2791notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { 2792 -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); 2793} 2794 2795notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { 2796 margin-top: 2px; 2797} 2798 2799notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { 2800 -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); 2801} 2802 2803notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { 2804 margin-bottom: 2px; 2805} 2806 2807notebook > header > tabs > arrow { 2808 color: rgba(36, 36, 36, 0.45); 2809} 2810 2811notebook > header > tabs > arrow:hover { 2812 color: rgba(36, 36, 36, 0.725); 2813} 2814 2815notebook > header > tabs > arrow:active { 2816 color: #242424; 2817} 2818 2819notebook > header > tabs > arrow:disabled { 2820 color: rgba(36, 36, 36, 0.15); 2821} 2822 2823notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { 2824 border-left-style: none; 2825} 2826 2827notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { 2828 border-right-style: none; 2829} 2830 2831notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { 2832 border-top-style: none; 2833} 2834 2835notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { 2836 border-bottom-style: none; 2837} 2838 2839notebook > header > tabs > tab button.flat { 2840 min-height: 16px; 2841 min-width: 16px; 2842 border-radius: 3px; 2843 padding: 0; 2844 margin-top: 2px; 2845 margin-bottom: 2px; 2846 color: #6d6d6d; 2847} 2848 2849notebook > header > tabs > tab button.flat:hover { 2850 color: #242424; 2851 background-color: rgba(0, 0, 0, 0.1); 2852} 2853 2854notebook > header > tabs > tab button.flat:active { 2855 color: #0b0b0b; 2856 background-color: rgba(0, 0, 0, 0.2); 2857} 2858 2859scrollbar { 2860 background-color: transparent; 2861 transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); 2862 border: none; 2863} 2864 2865scrollbar button { 2866 border: none; 2867} 2868 2869scrollbar.vertical button.down { 2870 -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); 2871} 2872 2873scrollbar.vertical button.up { 2874 -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); 2875} 2876 2877scrollbar.horizontal button.down { 2878 -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); 2879} 2880 2881scrollbar.horizontal button.up { 2882 -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); 2883} 2884 2885scrollbar > range > trough > slider { 2886 min-width: 4px; 2887 min-height: 4px; 2888 margin: -1px; 2889 border: 4px solid transparent; 2890 border-radius: 8px; 2891 background-clip: padding-box; 2892 background-color: #a1a1a1; 2893} 2894 2895scrollbar > range > trough > slider:hover { 2896 background-color: #b6b6b6; 2897} 2898 2899scrollbar > range > trough > slider:hover:active { 2900 background-color: #686868; 2901} 2902 2903scrollbar > range > trough > slider:disabled { 2904 background-color: transparent; 2905} 2906 2907scrollbar > range.fine-tune > trough > slider { 2908 min-width: 4px; 2909 min-height: 4px; 2910} 2911 2912scrollbar > range.fine-tune.horizontal > trough > slider { 2913 border-width: 5px 4px; 2914} 2915 2916scrollbar > range.fine-tune.vertical > trough > slider { 2917 border-width: 4px 5px; 2918} 2919 2920scrollbar.overlay-indicator:not(.dragging):not(.hovering) { 2921 opacity: 0.4; 2922 border-color: transparent; 2923 background-color: transparent; 2924} 2925 2926scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider { 2927 margin: 0; 2928 min-width: 4px; 2929 min-height: 4px; 2930 background-color: #636363; 2931 border: 1px solid rgba(0, 0, 0, 0.15); 2932} 2933 2934scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) > range > trough > slider { 2935 margin: 0 3px; 2936 min-width: 40px; 2937} 2938 2939scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) > range > trough > slider { 2940 margin: 3px 0; 2941 min-height: 40px; 2942} 2943 2944scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { 2945 opacity: 0.99; 2946} 2947 2948scrollbar.horizontal > range > trough > slider { 2949 min-width: 40px; 2950} 2951 2952scrollbar.vertical > range > trough > slider { 2953 min-height: 40px; 2954} 2955 2956switch { 2957 transition: all 150ms cubic-bezier(0, 0, 0.2, 1); 2958 border-radius: 9999px; 2959 background-color: transparent; 2960 background-clip: padding-box; 2961 color: transparent; 2962 min-width: 40px; 2963 min-height: 24px; 2964 font-size: 0; 2965 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); 2966 background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); 2967} 2968 2969switch:disabled { 2970 color: transparent; 2971 background-color: transparent; 2972 background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.1) 0%, rgba(36, 36, 36, 0.15) 100%); 2973} 2974 2975switch:checked { 2976 animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); 2977 background-color: transparent; 2978 color: transparent; 2979 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); 2980 transition: background-image 0.3s, box-shadow 0; 2981 background-image: linear-gradient(0deg, #f6cc7b 0%, #F3BA4B 100%), radial-gradient(circle farthest-corner at center, rgba(243, 186, 75, 0.75) 100%, transparent 0%); 2982} 2983 2984switch:checked:disabled, label:disabled selection:checked { 2985 background-color: transparent; 2986 background-image: linear-gradient(0deg, #fefaf2 0%, #fbe8c3 100%); 2987 color: transparent; 2988} 2989 2990switch > slider { 2991 transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; 2992 min-width: 22px; 2993 min-height: 22px; 2994 margin: 1px 0 1px 1px; 2995 border-radius: 9999px; 2996 background-color: white; 2997 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); 2998} 2999 3000switch:hover > slider { 3001 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); 3002} 3003 3004switch:checked > slider { 3005 margin: 1px 1px 1px 0; 3006 background-color: white; 3007} 3008 3009switch:checked:disabled > slider, label:disabled selection:checked > slider { 3010 animation: none; 3011} 3012 3013.check, 3014check, 3015treeview.check { 3016 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); 3017} 3018 3019.osd check { 3020 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); 3021} 3022 3023infobar check { 3024 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); 3025} 3026 3027.check:disabled, label:disabled selection.check, 3028check:disabled, 3029treeview.check:disabled { 3030 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); 3031} 3032 3033.osd check:disabled { 3034 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); 3035} 3036 3037infobar check:disabled { 3038 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); 3039} 3040 3041.check:indeterminate, 3042check:indeterminate, 3043treeview.check:indeterminate { 3044 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); 3045} 3046 3047.osd check:indeterminate { 3048 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); 3049} 3050 3051infobar check:indeterminate { 3052 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); 3053} 3054 3055.check:indeterminate:disabled, label:disabled selection:indeterminate, 3056check:indeterminate:disabled, 3057treeview.check:indeterminate:disabled { 3058 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); 3059} 3060 3061.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { 3062 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); 3063} 3064 3065infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { 3066 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); 3067} 3068 3069.check:checked, 3070check:checked, 3071treeview.check:checked { 3072 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); 3073} 3074 3075.osd check:checked { 3076 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); 3077} 3078 3079infobar check:checked { 3080 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); 3081} 3082 3083.check:checked:disabled, label:disabled selection:checked, 3084check:checked:disabled, 3085treeview.check:checked:disabled { 3086 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); 3087} 3088 3089.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { 3090 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); 3091} 3092 3093infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { 3094 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); 3095} 3096 3097.radio, 3098radio, 3099treeview.radio { 3100 -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); 3101} 3102 3103.osd radio { 3104 -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); 3105} 3106 3107infobar radio { 3108 -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); 3109} 3110 3111.radio:disabled, label:disabled selection.radio, 3112radio:disabled, 3113treeview.radio:disabled { 3114 -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); 3115} 3116 3117.osd radio:disabled { 3118 -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); 3119} 3120 3121infobar radio:disabled { 3122 -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); 3123} 3124 3125.radio:indeterminate, 3126radio:indeterminate, 3127treeview.radio:indeterminate { 3128 -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); 3129} 3130 3131.osd radio:indeterminate { 3132 -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); 3133} 3134 3135infobar radio:indeterminate { 3136 -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); 3137} 3138 3139.radio:indeterminate:disabled, label:disabled selection:indeterminate, 3140radio:indeterminate:disabled, 3141treeview.radio:indeterminate:disabled { 3142 -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); 3143} 3144 3145.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { 3146 -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); 3147} 3148 3149infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { 3150 -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); 3151} 3152 3153.radio:checked, 3154radio:checked, 3155treeview.radio:checked { 3156 -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); 3157} 3158 3159.osd radio:checked { 3160 -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); 3161} 3162 3163infobar radio:checked { 3164 -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); 3165} 3166 3167.radio:checked:disabled, label:disabled selection:checked, 3168radio:checked:disabled, 3169treeview.radio:checked:disabled { 3170 -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); 3171} 3172 3173.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { 3174 -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); 3175} 3176 3177infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { 3178 -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); 3179} 3180 3181.view.content-view.check:not(list) { 3182 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); 3183 background-color: transparent; 3184} 3185 3186.view.content-view.check:checked:not(list) { 3187 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); 3188 background-color: transparent; 3189} 3190 3191checkbutton.text-button, radiobutton.text-button { 3192 padding: 2px 0; 3193 outline-offset: 0; 3194} 3195 3196checkbutton.text-button:hover, radiobutton.text-button:hover { 3197 color: black; 3198} 3199 3200checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { 3201 color: rgba(36, 36, 36, 0.45); 3202} 3203 3204checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { 3205 margin-left: 4px; 3206} 3207 3208checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { 3209 margin-right: 4px; 3210} 3211 3212check, 3213radio { 3214 min-width: 16px; 3215 min-height: 16px; 3216 margin: 0 2px; 3217} 3218 3219check:only-child, popover.menu > contents check, 3220radio:only-child, popover.menu > contents radio { 3221 margin: 0; 3222} 3223 3224scale { 3225 min-height: 15px; 3226 min-width: 15px; 3227 padding: 3px; 3228} 3229 3230scale > trough > slider { 3231 min-height: 15px; 3232 min-width: 15px; 3233 margin: -7px; 3234} 3235 3236scale.fine-tune > trough > slider { 3237 margin: -4px; 3238} 3239 3240scale.fine-tune > trough > fill, 3241scale.fine-tune > trough > highlight, 3242scale.fine-tune > trough { 3243 border-radius: 5px; 3244} 3245 3246scale > trough { 3247 outline-offset: 2px; 3248 border-radius: 5px; 3249 background-color: rgba(0, 0, 0, 0.2); 3250} 3251 3252scale > trough:disabled { 3253 background-color: rgba(0, 0, 0, 0.12); 3254} 3255 3256.osd scale > trough { 3257 background-color: rgba(0, 0, 0, 0.2); 3258} 3259 3260.osd scale > trough highlight { 3261 background-color: #F3BA4B; 3262} 3263 3264modelbutton:hover scale > trough, row:selected scale > trough, infobar scale > trough { 3265 background-color: rgba(0, 0, 0, 0.2); 3266} 3267 3268modelbutton:hover scale > trough > trough > highlight, row:selected scale > trough > trough > highlight, infobar scale > trough > trough > highlight { 3269 background-color: white; 3270} 3271 3272modelbutton:hover scale > trough > trough > highlight:disabled, row:selected scale > trough > trough > highlight:disabled, infobar scale > trough > trough > highlight:disabled { 3273 background-color: #fae0ae; 3274} 3275 3276modelbutton:hover scale > trough:disabled, row:selected scale > trough:disabled, infobar scale > trough:disabled { 3277 background-color: rgba(0, 0, 0, 0.1); 3278} 3279 3280scale > trough > highlight { 3281 border-radius: 5px; 3282 background-color: #F3BA4B; 3283} 3284 3285scale > trough > highlight:disabled { 3286 background-color: rgba(243, 186, 75, 0.55); 3287} 3288 3289scale > trough > fill { 3290 border-radius: 5px; 3291 background-color: rgba(243, 186, 75, 0.5); 3292} 3293 3294scale > trough > fill:disabled { 3295 background-color: transparent; 3296} 3297 3298scale > trough > slider { 3299 background-color: white; 3300 border: 1px solid rgba(0, 0, 0, 0.15); 3301 border-radius: 100%; 3302 box-shadow: 0 1px 1px 0 rgba(16, 16, 16, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); 3303 transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); 3304 transition-property: background, border; 3305} 3306 3307scale > trough > slider:hover { 3308 background-color: white; 3309 border-color: rgba(0, 0, 0, 0.15); 3310 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); 3311} 3312 3313scale > trough > slider:active { 3314 background-clip: border-box; 3315 background-color: white; 3316 border-color: rgba(0, 0, 0, 0.15); 3317 box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); 3318} 3319 3320scale > trough > slider:disabled { 3321 background-color: #f2f2f2; 3322 border-color: rgba(0, 0, 0, 0.15); 3323} 3324 3325modelbutton:hover scale > trough > slider, row:selected scale > trough > slider, infobar scale > trough > slider { 3326 background-clip: border-box; 3327 background-color: white; 3328 border-color: white; 3329} 3330 3331modelbutton:hover scale > trough > slider:hover, row:selected scale > trough > slider:hover, infobar scale > trough > slider:hover { 3332 background-color: #fdf5e4; 3333 border-color: #fdf5e4; 3334} 3335 3336modelbutton:hover scale > trough > slider:active, row:selected scale > trough > slider:active, infobar scale > trough > slider:active { 3337 background-color: #f9dda5; 3338 border-color: #f9dda5; 3339} 3340 3341modelbutton:hover scale > trough > slider:disabled, row:selected scale > trough > slider:disabled, infobar scale > trough > slider:disabled { 3342 background-color: #fae0ae; 3343 border-color: #fae0ae; 3344} 3345 3346.osd scale > trough > slider { 3347 background-clip: border-box; 3348 background-color: white; 3349 border-color: rgba(0, 0, 0, 0.15); 3350} 3351 3352.osd scale > trough > slider:hover { 3353 background-color: white; 3354 border-color: rgba(0, 0, 0, 0.15); 3355 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); 3356} 3357 3358.osd scale > trough > slider:active { 3359 background-color: #f7f7f7; 3360 border-color: rgba(0, 0, 0, 0.15); 3361 box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); 3362} 3363 3364scale > value { 3365 color: alpha(currentColor,0.4); 3366} 3367 3368scale > marks { 3369 color: alpha(currentColor,0.4); 3370} 3371 3372scale > marks.top { 3373 margin-bottom: 1px; 3374 margin-top: -4px; 3375} 3376 3377scale > marks.bottom { 3378 margin-top: 1px; 3379 margin-bottom: -4px; 3380} 3381 3382scale > marks.top { 3383 margin-right: 1px; 3384 margin-left: -4px; 3385} 3386 3387scale > marks.bottom { 3388 margin-left: 1px; 3389 margin-right: -4px; 3390} 3391 3392scale.fine-tune > marks.top { 3393 margin-bottom: 0px; 3394 margin-top: -2px; 3395} 3396 3397scale.fine-tune > marks.bottom { 3398 margin-top: 0px; 3399 margin-bottom: -2px; 3400} 3401 3402scale.fine-tune > marks.top { 3403 margin-right: 0px; 3404 margin-left: -2px; 3405} 3406 3407scale.fine-tune > marks.bottom { 3408 margin-left: 0px; 3409 margin-right: -2px; 3410} 3411 3412scale.horizontal indicator { 3413 min-height: 3px; 3414 min-width: 1px; 3415} 3416 3417scale.horizontal.fine-tune indicator { 3418 min-height: 2px; 3419} 3420 3421scale.vertical indicator { 3422 min-height: 1px; 3423 min-width: 3px; 3424} 3425 3426scale.vertical.fine-tune indicator { 3427 min-width: 2px; 3428} 3429 3430scale.horizontal.marks-before:not(.marks-after) slider { 3431 margin: -10px; 3432 border-style: none; 3433 border-radius: 0; 3434 background-color: transparent; 3435 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); 3436 min-height: 26px; 3437 min-width: 24px; 3438 margin-top: -14px; 3439 background-position: top; 3440 background-repeat: no-repeat; 3441 box-shadow: none; 3442} 3443 3444scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { 3445 margin: -7px; 3446 margin-top: -11px; 3447} 3448 3449scale.horizontal.marks-before:not(.marks-after) slider:hover { 3450 margin: -10px; 3451 border-style: none; 3452 border-radius: 0; 3453 background-color: transparent; 3454 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); 3455 min-height: 26px; 3456 min-width: 24px; 3457 margin-top: -14px; 3458 background-position: top; 3459 background-repeat: no-repeat; 3460 box-shadow: none; 3461} 3462 3463scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { 3464 margin: -7px; 3465 margin-top: -11px; 3466} 3467 3468scale.horizontal.marks-before:not(.marks-after) slider:active { 3469 margin: -10px; 3470 border-style: none; 3471 border-radius: 0; 3472 background-color: transparent; 3473 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); 3474 min-height: 26px; 3475 min-width: 24px; 3476 margin-top: -14px; 3477 background-position: top; 3478 background-repeat: no-repeat; 3479 box-shadow: none; 3480} 3481 3482scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { 3483 margin: -7px; 3484 margin-top: -11px; 3485} 3486 3487scale.horizontal.marks-before:not(.marks-after) slider:disabled { 3488 margin: -10px; 3489 border-style: none; 3490 border-radius: 0; 3491 background-color: transparent; 3492 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); 3493 min-height: 26px; 3494 min-width: 24px; 3495 margin-top: -14px; 3496 background-position: top; 3497 background-repeat: no-repeat; 3498 box-shadow: none; 3499} 3500 3501scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { 3502 margin: -7px; 3503 margin-top: -11px; 3504} 3505 3506scale.horizontal.marks-after:not(.marks-before) slider { 3507 margin: -10px; 3508 border-style: none; 3509 border-radius: 0; 3510 background-color: transparent; 3511 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); 3512 min-height: 26px; 3513 min-width: 24px; 3514 margin-bottom: -14px; 3515 background-position: bottom; 3516 background-repeat: no-repeat; 3517 box-shadow: none; 3518} 3519 3520scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { 3521 margin: -7px; 3522 margin-bottom: -11px; 3523} 3524 3525scale.horizontal.marks-after:not(.marks-before) slider:hover { 3526 margin: -10px; 3527 border-style: none; 3528 border-radius: 0; 3529 background-color: transparent; 3530 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); 3531 min-height: 26px; 3532 min-width: 24px; 3533 margin-bottom: -14px; 3534 background-position: bottom; 3535 background-repeat: no-repeat; 3536 box-shadow: none; 3537} 3538 3539scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { 3540 margin: -7px; 3541 margin-bottom: -11px; 3542} 3543 3544scale.horizontal.marks-after:not(.marks-before) slider:active { 3545 margin: -10px; 3546 border-style: none; 3547 border-radius: 0; 3548 background-color: transparent; 3549 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); 3550 min-height: 26px; 3551 min-width: 24px; 3552 margin-bottom: -14px; 3553 background-position: bottom; 3554 background-repeat: no-repeat; 3555 box-shadow: none; 3556} 3557 3558scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { 3559 margin: -7px; 3560 margin-bottom: -11px; 3561} 3562 3563scale.horizontal.marks-after:not(.marks-before) slider:disabled { 3564 margin: -10px; 3565 border-style: none; 3566 border-radius: 0; 3567 background-color: transparent; 3568 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); 3569 min-height: 26px; 3570 min-width: 24px; 3571 margin-bottom: -14px; 3572 background-position: bottom; 3573 background-repeat: no-repeat; 3574 box-shadow: none; 3575} 3576 3577scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { 3578 margin: -7px; 3579 margin-bottom: -11px; 3580} 3581 3582scale.vertical.marks-before:not(.marks-after) slider { 3583 margin: -10px; 3584 border-style: none; 3585 border-radius: 0; 3586 background-color: transparent; 3587 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); 3588 min-height: 24px; 3589 min-width: 26px; 3590 margin-left: -14px; 3591 background-position: left bottom; 3592 background-repeat: no-repeat; 3593 box-shadow: none; 3594} 3595 3596scale.vertical.marks-before.fine-tune:not(.marks-after) slider { 3597 margin: -7px; 3598 margin-left: -11px; 3599} 3600 3601scale.vertical.marks-before:not(.marks-after) slider:hover { 3602 margin: -10px; 3603 border-style: none; 3604 border-radius: 0; 3605 background-color: transparent; 3606 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); 3607 min-height: 24px; 3608 min-width: 26px; 3609 margin-left: -14px; 3610 background-position: left bottom; 3611 background-repeat: no-repeat; 3612 box-shadow: none; 3613} 3614 3615scale.vertical.marks-before.fine-tune:not(.marks-after) slider { 3616 margin: -7px; 3617 margin-left: -11px; 3618} 3619 3620scale.vertical.marks-before:not(.marks-after) slider:active { 3621 margin: -10px; 3622 border-style: none; 3623 border-radius: 0; 3624 background-color: transparent; 3625 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); 3626 min-height: 24px; 3627 min-width: 26px; 3628 margin-left: -14px; 3629 background-position: left bottom; 3630 background-repeat: no-repeat; 3631 box-shadow: none; 3632} 3633 3634scale.vertical.marks-before.fine-tune:not(.marks-after) slider { 3635 margin: -7px; 3636 margin-left: -11px; 3637} 3638 3639scale.vertical.marks-before:not(.marks-after) slider:disabled { 3640 margin: -10px; 3641 border-style: none; 3642 border-radius: 0; 3643 background-color: transparent; 3644 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); 3645 min-height: 24px; 3646 min-width: 26px; 3647 margin-left: -14px; 3648 background-position: left bottom; 3649 background-repeat: no-repeat; 3650 box-shadow: none; 3651} 3652 3653scale.vertical.marks-before.fine-tune:not(.marks-after) slider { 3654 margin: -7px; 3655 margin-left: -11px; 3656} 3657 3658scale.vertical.marks-after:not(.marks-before) slider { 3659 margin: -10px; 3660 border-style: none; 3661 border-radius: 0; 3662 background-color: transparent; 3663 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); 3664 min-height: 24px; 3665 min-width: 26px; 3666 margin-right: -14px; 3667 background-position: right bottom; 3668 background-repeat: no-repeat; 3669 box-shadow: none; 3670} 3671 3672scale.vertical.marks-after.fine-tune:not(.marks-before) slider { 3673 margin: -7px; 3674 margin-right: -11px; 3675} 3676 3677scale.vertical.marks-after:not(.marks-before) slider:hover { 3678 margin: -10px; 3679 border-style: none; 3680 border-radius: 0; 3681 background-color: transparent; 3682 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); 3683 min-height: 24px; 3684 min-width: 26px; 3685 margin-right: -14px; 3686 background-position: right bottom; 3687 background-repeat: no-repeat; 3688 box-shadow: none; 3689} 3690 3691scale.vertical.marks-after.fine-tune:not(.marks-before) slider { 3692 margin: -7px; 3693 margin-right: -11px; 3694} 3695 3696scale.vertical.marks-after:not(.marks-before) slider:active { 3697 margin: -10px; 3698 border-style: none; 3699 border-radius: 0; 3700 background-color: transparent; 3701 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); 3702 min-height: 24px; 3703 min-width: 26px; 3704 margin-right: -14px; 3705 background-position: right bottom; 3706 background-repeat: no-repeat; 3707 box-shadow: none; 3708} 3709 3710scale.vertical.marks-after.fine-tune:not(.marks-before) slider { 3711 margin: -7px; 3712 margin-right: -11px; 3713} 3714 3715scale.vertical.marks-after:not(.marks-before) slider:disabled { 3716 margin: -10px; 3717 border-style: none; 3718 border-radius: 0; 3719 background-color: transparent; 3720 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); 3721 min-height: 24px; 3722 min-width: 26px; 3723 margin-right: -14px; 3724 background-position: right bottom; 3725 background-repeat: no-repeat; 3726 box-shadow: none; 3727} 3728 3729scale.vertical.marks-after.fine-tune:not(.marks-before) slider { 3730 margin: -7px; 3731 margin-right: -11px; 3732} 3733 3734progressbar { 3735 padding: 0; 3736 font-size: smaller; 3737 color: rgba(36, 36, 36, 0.7); 3738 font-feature-settings: "tnum"; 3739} 3740 3741progressbar.horizontal > trough { 3742 min-width: 150px; 3743} 3744 3745progressbar.horizontal > trough, progressbar.horizontal > trough > progress { 3746 min-height: 4px; 3747 border-radius: 2px; 3748} 3749 3750progressbar.vertical > trough { 3751 min-height: 80px; 3752} 3753 3754progressbar.vertical > trough, progressbar.vertical > trough > progress { 3755 min-width: 4px; 3756 border-radius: 2px; 3757} 3758 3759progressbar.osd { 3760 min-width: 3px; 3761 min-height: 3px; 3762 background-color: transparent; 3763} 3764 3765progressbar.osd > trough { 3766 border-style: none; 3767 background-color: transparent; 3768 box-shadow: none; 3769} 3770 3771progressbar.osd > progress { 3772 border-style: none; 3773 border-radius: 0; 3774} 3775 3776progressbar > trough > progress { 3777 min-height: 4px; 3778 min-width: 4px; 3779 background-color: #F3BA4B; 3780 border: none; 3781 border-radius: 5px; 3782 box-shadow: none; 3783} 3784 3785row:selected progressbar > trough > progress, infobar progressbar > trough > progress { 3786 background-color: white; 3787} 3788 3789progressbar > trough { 3790 min-height: 4px; 3791 min-width: 4px; 3792 border: none; 3793 border-radius: 5px; 3794 background-color: rgba(0, 0, 0, 0.15); 3795} 3796 3797row:selected progressbar > trough, infobar progressbar > trough { 3798 background-color: rgba(0, 0, 0, 0.2); 3799} 3800 3801levelbar block { 3802 min-width: 32px; 3803 min-height: 1px; 3804} 3805 3806levelbar.vertical block { 3807 min-width: 1px; 3808 min-height: 32px; 3809} 3810 3811levelbar trough { 3812 border: none; 3813 padding: 3px; 3814 border-radius: 5px; 3815 background-color: rgba(0, 0, 0, 0.15); 3816} 3817 3818levelbar.horizontal.discrete block { 3819 margin: 0 1px; 3820} 3821 3822levelbar.vertical.discrete block { 3823 margin: 1px 0; 3824} 3825 3826levelbar block:not(.empty) { 3827 border: 1px solid #F3BA4B; 3828 background-color: #F3BA4B; 3829 border-radius: 5px; 3830} 3831 3832levelbar block.low { 3833 border-color: #F27835; 3834 background-color: #F27835; 3835} 3836 3837levelbar block.high { 3838 border-color: #F3BA4B; 3839 background-color: #F3BA4B; 3840} 3841 3842levelbar block.full { 3843 border-color: #71c837; 3844 background-color: #71c837; 3845} 3846 3847levelbar block.empty { 3848 background-color: rgba(36, 36, 36, 0.2); 3849 border-color: rgba(36, 36, 36, 0.2); 3850} 3851 3852window.dialog.print drawing { 3853 color: #242424; 3854 background: none; 3855 border: none; 3856 padding: 0; 3857} 3858 3859window.dialog.print drawing paper { 3860 border: 1px solid rgba(0, 0, 0, 0.15); 3861 background: #ffffff; 3862 padding: 0; 3863} 3864 3865window.dialog.print .dialog-action-box { 3866 margin: 12px; 3867} 3868 3869frame, 3870.frame { 3871 border: 1px solid rgba(0, 0, 0, 0.15); 3872} 3873 3874frame > list, 3875.frame > list { 3876 border: none; 3877} 3878 3879frame { 3880 border-radius: 6px; 3881} 3882 3883frame > label { 3884 margin: 4px; 3885} 3886 3887scrolledwindow viewport.frame { 3888 border-style: none; 3889} 3890 3891scrolledwindow > overshoot.top { 3892 background-image: radial-gradient(farthest-side at top, rgba(0, 0, 0, 0.15) 85%, rgba(0, 0, 0, 0)), radial-gradient(farthest-side at top, rgba(36, 36, 36, 0.07), rgba(36, 36, 36, 0)); 3893 background-size: 100% 3%, 100% 50%; 3894 background-repeat: no-repeat; 3895 background-position: top; 3896 background-color: transparent; 3897 border: none; 3898 box-shadow: none; 3899} 3900 3901scrolledwindow > overshoot.bottom { 3902 background-image: radial-gradient(farthest-side at bottom, rgba(0, 0, 0, 0.15) 85%, rgba(0, 0, 0, 0)), radial-gradient(farthest-side at bottom, rgba(36, 36, 36, 0.07), rgba(36, 36, 36, 0)); 3903 background-size: 100% 3%, 100% 50%; 3904 background-repeat: no-repeat; 3905 background-position: bottom; 3906 background-color: transparent; 3907 border: none; 3908 box-shadow: none; 3909} 3910 3911scrolledwindow > overshoot.left { 3912 background-image: radial-gradient(farthest-side at left, rgba(0, 0, 0, 0.15) 85%, rgba(0, 0, 0, 0)), radial-gradient(farthest-side at left, rgba(36, 36, 36, 0.07), rgba(36, 36, 36, 0)); 3913 background-size: 3% 100%, 50% 100%; 3914 background-repeat: no-repeat; 3915 background-position: left; 3916 background-color: transparent; 3917 border: none; 3918 box-shadow: none; 3919} 3920 3921scrolledwindow > overshoot.right { 3922 background-image: radial-gradient(farthest-side at right, rgba(0, 0, 0, 0.15) 85%, rgba(0, 0, 0, 0)), radial-gradient(farthest-side at right, rgba(36, 36, 36, 0.07), rgba(36, 36, 36, 0)); 3923 background-size: 3% 100%, 50% 100%; 3924 background-repeat: no-repeat; 3925 background-position: right; 3926 background-color: transparent; 3927 border: none; 3928 box-shadow: none; 3929} 3930 3931scrolledwindow > undershoot.top { 3932 background-color: transparent; 3933 background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); 3934 padding-top: 1px; 3935 background-size: 10px 1px; 3936 background-repeat: repeat-x; 3937 background-origin: content-box; 3938 background-position: center top; 3939 border: none; 3940} 3941 3942scrolledwindow > undershoot.bottom { 3943 background-color: transparent; 3944 background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); 3945 padding-bottom: 1px; 3946 background-size: 10px 1px; 3947 background-repeat: repeat-x; 3948 background-origin: content-box; 3949 background-position: center bottom; 3950 border: none; 3951} 3952 3953scrolledwindow > undershoot.left { 3954 background-color: transparent; 3955 background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); 3956 padding-left: 1px; 3957 background-size: 1px 10px; 3958 background-repeat: repeat-y; 3959 background-origin: content-box; 3960 background-position: left center; 3961 border: none; 3962} 3963 3964scrolledwindow > undershoot.right { 3965 background-color: transparent; 3966 background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); 3967 padding-right: 1px; 3968 background-size: 1px 10px; 3969 background-repeat: repeat-y; 3970 background-origin: content-box; 3971 background-position: right center; 3972 border: none; 3973} 3974 3975scrolledwindow > junction { 3976 border-style: solid none none solid; 3977 border-width: 1px; 3978 border-color: rgba(0, 0, 0, 0.15); 3979 background-color: #fcfcfc; 3980} 3981 3982scrolledwindow > junction:dir(rtl) { 3983 border-style: solid solid none none; 3984} 3985 3986separator { 3987 background-color: rgba(0, 0, 0, 0.15); 3988 min-width: 1px; 3989 min-height: 1px; 3990} 3991 3992listview, 3993list { 3994 background-color: #ffffff; 3995 border-color: rgba(0, 0, 0, 0.15); 3996} 3997 3998listview > row, 3999list > row { 4000 padding: 2px; 4001} 4002 4003listview > row.expander, 4004list > row.expander { 4005 padding: 0px; 4006} 4007 4008listview > row.expander .row-header, 4009list > row.expander .row-header { 4010 padding: 2px; 4011} 4012 4013row.has-open-popup.activatable, row.activatable:hover { 4014 background-color: rgba(0, 0, 0, 0.05); 4015} 4016 4017row.activatable:active { 4018 color: #242424; 4019} 4020 4021row.activatable:disabled { 4022 color: rgba(36, 36, 36, 0.45); 4023} 4024 4025row.activatable:disabled image { 4026 color: inherit; 4027} 4028 4029row.activatable:selected:active { 4030 color: white; 4031} 4032 4033row.activatable.has-open-popup:selected, row.activatable:selected:hover { 4034 background-color: #dba744; 4035} 4036 4037row:not(:hover) { 4038 transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); 4039} 4040 4041columnview > listview > row { 4042 padding: 0; 4043} 4044 4045columnview > listview > row > cell { 4046 padding: 8px 6px; 4047} 4048 4049columnview > listview > row > cell:not(:first-child) { 4050 border-left: 1px solid transparent; 4051} 4052 4053columnview.column-separators > listview > row > cell { 4054 border-left-color: rgba(0, 0, 0, 0.15); 4055} 4056 4057columnview.data-table > listview > row > cell { 4058 padding-top: 2px; 4059 padding-bottom: 2px; 4060} 4061 4062treeexpander { 4063 border-spacing: 4px; 4064} 4065 4066columnview row:not(:selected) cell editablelabel:not(.editing):focus-within { 4067 outline: 2px solid rgba(0, 0, 0, 0.15); 4068} 4069 4070columnview row:not(:selected) cell editablelabel.editing:focus-within { 4071 outline: 2px solid #F3BA4B; 4072} 4073 4074columnview row:not(:selected) cell editablelabel.editing text selection { 4075 color: white; 4076 background-color: #F3BA4B; 4077} 4078 4079.rich-list { 4080 /* rich lists usually containing other widgets than just labels/text */ 4081} 4082 4083.rich-list > row { 4084 padding: 8px 12px; 4085 min-height: 32px; 4086 /* should be tall even when only containing a label */ 4087} 4088 4089.rich-list > row > box { 4090 border-spacing: 12px; 4091} 4092 4093.app-notification { 4094 padding: 16px; 4095 margin: 0 8px 8px 8px; 4096 color: #242424; 4097 background-color: rgba(245, 245, 245, 0.95); 4098 border-radius: 0 0 2px 2px; 4099 border: none; 4100 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.15); 4101} 4102 4103.app-notification border { 4104 border: none; 4105} 4106 4107.app-notification button:hover { 4108 color: #0b0b0b; 4109 background-color: rgba(0, 0, 0, 0.15); 4110 background-image: none; 4111} 4112 4113.app-notification button:active, .app-notification button:checked { 4114 background-image: none; 4115 color: white; 4116 background-color: rgba(0, 0, 0, 0.5); 4117} 4118 4119.app-notification button:disabled { 4120 background-color: transparent; 4121} 4122 4123.app-notification button:disabled label, .app-notification button:disabled { 4124 color: rgba(36, 36, 36, 0.45); 4125} 4126 4127expander arrow { 4128 min-width: 16px; 4129 min-height: 16px; 4130 -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); 4131} 4132 4133expander arrow:dir(rtl) { 4134 -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); 4135} 4136 4137expander arrow:hover { 4138 color: #717171; 4139} 4140 4141expander arrow:checked { 4142 -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); 4143} 4144 4145expander-widget > box > title { 4146 border-radius: 5px; 4147} 4148 4149expander-widget > box > title:hover > expander { 4150 color: #717171; 4151} 4152 4153 4154calendar { 4155 color: #242424; 4156 border: 1px solid rgba(0, 0, 0, 0.15); 4157 border-radius: 5px; 4158 padding: 2px 6px; 4159 margin: 0; 4160} 4161 4162 4163calendar > header { 4164 color: #242424; 4165 border-bottom: 1px solid rgba(0, 0, 0, 0.15); 4166} 4167 4168 4169calendar > header > button { 4170 border: none; 4171 box-shadow: none; 4172 background: none; 4173 border-radius: 0; 4174} 4175 4176 4177calendar > header > button:hover { 4178 background-color: rgba(36, 36, 36, 0.1); 4179} 4180 4181 4182calendar > header > button:active { 4183 background-color: #F3BA4B; 4184} 4185 4186 4187calendar > header > button:backdrop { 4188 background: none; 4189} 4190 4191 4192calendar > grid > label.today { 4193 background-color: rgba(36, 36, 36, 0.15); 4194 border-radius: 3px; 4195} 4196 4197 4198calendar > grid > label.today:selected { 4199 box-shadow: none; 4200} 4201 4202 4203calendar > grid > label:focus { 4204 outline-style: none; 4205} 4206 4207 4208calendar > grid > label.day-number { 4209 padding: 4px; 4210} 4211 4212 4213calendar > grid > label.day-number:selected { 4214 border-radius: 5px; 4215} 4216 4217 4218calendar > grid > label.day-number.other-month { 4219 color: alpha(currentColor,0.3); 4220} 4221 4222window.dialog.message.csd .dialog-action-area > button { 4223 border-radius: 0; 4224 border-right-style: none; 4225} 4226 4227window.dialog.message.csd .dialog-action-area > button:last-child { 4228 border-radius: 0 0 6px 0; 4229 border-right-style: none; 4230} 4231 4232window.dialog.message.csd .dialog-action-area > button:first-child { 4233 border-radius: 0 0 0 6px; 4234 border-left-style: none; 4235} 4236 4237window.dialog.message.csd .dialog-action-area > button:only-child { 4238 border-radius: 0 0 6px 6px; 4239 border-left-style: none; 4240 border-right-style: none; 4241} 4242 4243window.dialog.message .titlebar { 4244 min-height: 20px; 4245 background-color: #e5e5e5; 4246 border-bottom: 1px solid #a1a1a1; 4247} 4248 4249window.dialog.message box.dialog-vbox.vertical { 4250 border-spacing: 10px; 4251} 4252 4253window.dialog.message label.title { 4254 font-weight: 800; 4255 font-size: 15pt; 4256} 4257 4258window.dialog.message .dialog-action-area { 4259 padding: 6px; 4260} 4261 4262window.dialog.message .dialog-action-area > button { 4263 min-height: 16px; 4264 padding: 2px 8px; 4265 box-shadow: none; 4266} 4267 4268window.dialog.message .dialog-action-area > button:not(.suggested-action):not(.destructive-action) { 4269 background-color: white; 4270} 4271 4272window.dialog.message .dialog-action-area > button:not(.suggested-action):not(.destructive-action):hover { 4273 color: #0b0b0b; 4274 background-color: rgba(0, 0, 0, 0.15); 4275 background-image: none; 4276 border-color: rgba(0, 0, 0, 0.15); 4277 transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); 4278} 4279 4280window.dialog.message .dialog-action-area > button:not(.suggested-action):not(.destructive-action):active, window.dialog.message .dialog-action-area > button:not(.suggested-action):not(.destructive-action):checked { 4281 background-image: none; 4282 background-color: #F3BA4B; 4283 color: white; 4284 border-color: rgba(0, 0, 0, 0.15); 4285} 4286 4287window.dialog.message.csd.background { 4288 border-bottom-left-radius: 6px; 4289 border-bottom-right-radius: 6px; 4290 border: none; 4291} 4292 4293window.dialog.message.csd .dialog-action-area { 4294 padding: 0; 4295} 4296 4297window.dialog.message.csd .dialog-action-area > button { 4298 min-height: 16px; 4299 padding: 6px 12px; 4300 border-bottom: none; 4301 background-image: none; 4302} 4303 4304filechooser box#pathbarbox.view stack entry.search, filechooser box#pathbarbox.view stack entry.search:focus { 4305 background-color: #fafafa; 4306} 4307 4308filechooser box#pathbarbox.view stack entry.search:disabled, filechooser box#pathbarbox.view stack label:disabled selection.search, label:disabled filechooser box#pathbarbox.view stack selection.search { 4309 background-color: rgba(250, 250, 250, 0.55); 4310} 4311 4312filechooser #pathbarbox { 4313 border-bottom: 1px solid rgba(0, 0, 0, 0); 4314} 4315 4316filechooser stack.view { 4317 background-color: transparent; 4318} 4319 4320filechooser stack.view scrolledwindow { 4321 background-color: #ffffff; 4322 border-radius: 0 0 6px 6px; 4323} 4324 4325filechooser stack.view scrolledwindow list { 4326 background-color: transparent; 4327} 4328 4329filechooser stack.view scrolledwindow treeview.view { 4330 background-color: transparent; 4331} 4332 4333filechooser > box.vertical > paned.horizontal > separator, 4334filechooser > box.vertical > box.vertical > paned.horizontal > separator { 4335 border: none; 4336 background-color: transparent; 4337 background-image: image(#ffffff); 4338 background-size: 8px 8px; 4339 background-position: left bottom; 4340} 4341 4342filechooser > box.vertical > paned.horizontal > separator:dir(ltr), 4343filechooser > box.vertical > box.vertical > paned.horizontal > separator:dir(ltr) { 4344 margin-left: -1px; 4345} 4346 4347filechooser > box.vertical > paned.horizontal > separator:dir(rtl), 4348filechooser > box.vertical > box.vertical > paned.horizontal > separator:dir(rtl) { 4349 margin-right: -1px; 4350} 4351 4352filechooserbutton > button > box { 4353 border-spacing: 6px; 4354} 4355 4356filechooserbutton:drop(active) { 4357 box-shadow: none; 4358 border-color: transparent; 4359} 4360 4361.sidebar { 4362 border-style: none; 4363 background-color: #f5f5f5; 4364} 4365 4366.sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) { 4367 border-right: 1px solid rgba(0, 0, 0, 0.15); 4368 border-left-style: none; 4369} 4370 4371.sidebar:dir(rtl), .sidebar.right { 4372 border-left: 1px solid rgba(0, 0, 0, 0.15); 4373 border-right-style: none; 4374} 4375 4376.sidebar list { 4377 background-color: transparent; 4378} 4379 4380.sidebar list > separator { 4381 min-height: 0; 4382 background: none; 4383 border: none; 4384} 4385 4386paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { 4387 border-style: none; 4388} 4389 4390stacksidebar list.separators:not(.horizontal) > row:not(.separator) { 4391 border-bottom: none; 4392} 4393 4394stacksidebar row { 4395 padding: 4px 4px; 4396} 4397 4398stacksidebar row > label { 4399 padding-left: 6px; 4400 padding-right: 6px; 4401} 4402 4403stacksidebar row.needs-attention > label { 4404 background-size: 6px 6px, 0 0; 4405} 4406 4407.navigation-sidebar { 4408 padding: 3px 0; 4409} 4410 4411.navigation-sidebar > separator { 4412 margin: 3px; 4413} 4414 4415.navigation-sidebar > row { 4416 min-height: 36px; 4417 padding: 0 8px; 4418 border-radius: 5px; 4419 margin: 0 3px 2px; 4420} 4421 4422.navigation-sidebar > row:hover, .navigation-sidebar > row:focus-visible:focus-within { 4423 background-color: rgba(36, 36, 36, 0.1); 4424} 4425 4426.navigation-sidebar > row:active { 4427 color: #242424; 4428 background-color: rgba(36, 36, 36, 0.2); 4429} 4430 4431.navigation-sidebar > row:selected { 4432 color: #242424; 4433 background-color: rgba(36, 36, 36, 0.15); 4434} 4435 4436.navigation-sidebar > row:selected label { 4437 color: #242424; 4438} 4439 4440.navigation-sidebar > row:selected:hover { 4441 background-color: rgba(36, 36, 36, 0.2); 4442} 4443 4444.navigation-sidebar > row:selected:focus-visible:focus-within { 4445 outline-width: 0; 4446 color: white; 4447 background-color: #F3BA4B; 4448} 4449 4450.navigation-sidebar > row:selected:focus-visible:focus-within:hover { 4451 background-color: #f0a81b; 4452} 4453 4454.navigation-sidebar > row:disabled { 4455 color: rgba(36, 36, 36, 0.45); 4456} 4457 4458placessidebar > viewport.frame { 4459 border-style: none; 4460} 4461 4462placessidebar .navigation-sidebar > row { 4463 min-height: 24px; 4464 padding: 2px 2px 2px 10px; 4465} 4466 4467placessidebar .navigation-sidebar > row > revealer { 4468 padding: 0 10px; 4469} 4470 4471placessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) { 4472 padding-right: 8px; 4473} 4474 4475placessidebar .navigation-sidebar > row image.sidebar-icon:dir(rtl) { 4476 padding-left: 8px; 4477} 4478 4479placessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) { 4480 padding-right: 2px; 4481} 4482 4483placessidebar .navigation-sidebar > row label.sidebar-label:dir(rtl) { 4484 padding-left: 2px; 4485} 4486 4487button.sidebar-button { 4488 min-width: 22px; 4489 min-height: 22px; 4490 margin-top: 2px; 4491 margin-bottom: 2px; 4492 padding: 0; 4493 border-radius: 100px; 4494} 4495 4496button.sidebar-button > image { 4497 opacity: 0.85; 4498} 4499 4500button.sidebar-button:active, button.sidebar-button:checked { 4501 background-image: none; 4502 color: white; 4503 background-color: rgba(0, 0, 0, 0.5); 4504 border-color: rgba(0, 0, 0, 0.3); 4505} 4506 4507button.sidebar-button:not(:hover):not(:active) > image { 4508 opacity: 0.65; 4509} 4510 4511placessidebar .navigation-sidebar > row:selected button.sidebar-button { 4512 color: #242424; 4513 border-color: rgba(0, 0, 0, 0.15); 4514 border-top-color: rgba(0, 0, 0, 0.15); 4515 border-bottom-color: rgba(0, 0, 0, 0.27); 4516 background-color: white; 4517 box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); 4518} 4519 4520placessidebar .navigation-sidebar > row:selected button.sidebar-button:active, placessidebar .navigation-sidebar > row:selected button.sidebar-button:checked { 4521 background-image: none; 4522 color: white; 4523 background-color: rgba(0, 0, 0, 0.5); 4524 border-color: rgba(0, 0, 0, 0.3); 4525} 4526 4527placessidebar .navigation-sidebar > row.sidebar-placeholder-row { 4528 padding: 0 8px; 4529 min-height: 2px; 4530 background-image: linear-gradient(to bottom, #F08437, #F08437); 4531 background-clip: content-box; 4532} 4533 4534placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row { 4535 color: #F3BA4B; 4536} 4537 4538placessidebar .navigation-sidebar > row:drop(active):not(:disabled) { 4539 box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; 4540} 4541 4542placessidebar .navigation-sidebar > row:drop(active):not(:disabled), placessidebar .navigation-sidebar > row:drop(active):not(:disabled) label, placessidebar .navigation-sidebar > row:drop(active):not(:disabled) image { 4543 color: #F08437; 4544} 4545 4546placessidebar .navigation-sidebar > row:drop(active):not(:disabled):selected { 4547 background-color: #F08437; 4548} 4549 4550placessidebar .navigation-sidebar > row:drop(active):not(:disabled):selected, placessidebar .navigation-sidebar > row:drop(active):not(:disabled):selected label, placessidebar .navigation-sidebar > row:drop(active):not(:disabled):selected image { 4551 color: #363636; 4552} 4553 4554placesview .server-list-button > image { 4555 -gtk-icon-transform: rotate(0turn); 4556} 4557 4558placesview .server-list-button:checked > image { 4559 transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); 4560 -gtk-icon-transform: rotate(-0.5turn); 4561} 4562 4563placesview > actionbar > revealer > box > label { 4564 padding-left: 8px; 4565 padding-right: 8px; 4566} 4567 4568paned > separator { 4569 min-width: 1px; 4570 min-height: 1px; 4571 -gtk-icon-source: none; 4572 border-style: none; 4573 background-color: transparent; 4574 background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)); 4575 background-size: 1px 1px; 4576} 4577 4578paned > separator:selected { 4579 background-image: linear-gradient(to bottom, #F3BA4B, #F3BA4B); 4580} 4581 4582paned > separator.wide { 4583 min-width: 5px; 4584 min-height: 5px; 4585 background-color: #f5f5f5; 4586 background-image: linear-gradient(to bottom, #cfcfcf, #cfcfcf), linear-gradient(to bottom, #cfcfcf, #cfcfcf); 4587 background-size: 1px 1px, 1px 1px; 4588} 4589 4590paned.horizontal > separator { 4591 background-repeat: repeat-y; 4592} 4593 4594paned.horizontal > separator:dir(ltr) { 4595 margin: 0 -8px 0 0; 4596 padding: 0 8px 0 0; 4597 background-position: left; 4598} 4599 4600paned.horizontal > separator:dir(rtl) { 4601 margin: 0 0 0 -8px; 4602 padding: 0 0 0 8px; 4603 background-position: right; 4604} 4605 4606paned.horizontal > separator.wide { 4607 margin: 0; 4608 padding: 0; 4609 background-repeat: repeat-y, repeat-y; 4610 background-position: left, right; 4611} 4612 4613paned.vertical > separator { 4614 margin: 0 0 -8px 0; 4615 padding: 0 0 8px 0; 4616 background-repeat: repeat-x; 4617 background-position: top; 4618} 4619 4620paned.vertical > separator.wide { 4621 margin: 0; 4622 padding: 0; 4623 background-repeat: repeat-x, repeat-x; 4624 background-position: bottom, top; 4625} 4626 4627infobar { 4628 border-style: none; 4629 background-color: #f5f5f5; 4630 margin-bottom: 0; 4631} 4632 4633infobar.info > revealer > box { 4634 background-color: #F3BA4B; 4635} 4636 4637infobar.question > revealer > box { 4638 background-color: #3484e2; 4639} 4640 4641infobar.warning > revealer > box { 4642 background-color: #F27835; 4643} 4644 4645infobar.error > revealer > box { 4646 background-color: #FC4138; 4647} 4648 4649infobar.info > revealer > box, infobar.question > revealer > box, infobar.warning > revealer > box, infobar.error > revealer > box { 4650 color: white; 4651 caret-color: currentColor; 4652} 4653 4654infobar.info > revealer > box button, infobar.question > revealer > box button, infobar.warning > revealer > box button, infobar.error > revealer > box button { 4655 min-height: 28px; 4656} 4657 4658infobar.info > revealer > box selection, infobar.question > revealer > box selection, infobar.warning > revealer > box selection, infobar.error > revealer > box selection { 4659 color: #F3BA4B; 4660 background-color: white; 4661} 4662 4663.selection-mode headerbar button, headerbar.selection-mode button, row:selected button, infobar.info > revealer > box button, infobar.question > revealer > box button, infobar.warning > revealer > box button, infobar.error > revealer > box button { 4664 color: white; 4665 background-color: rgba(255, 255, 255, 0); 4666 border-color: rgba(255, 255, 255, 0.5); 4667 background-image: none; 4668 box-shadow: none; 4669} 4670 4671.selection-mode headerbar button.flat, headerbar.selection-mode button.flat, row:selected button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { 4672 border-color: transparent; 4673 background-color: transparent; 4674 background-image: none; 4675 box-shadow: none; 4676 color: white; 4677 background-color: rgba(255, 255, 255, 0); 4678 background-image: none; 4679 box-shadow: none; 4680} 4681 4682.selection-mode headerbar button:hover, headerbar.selection-mode button:hover, row:selected button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { 4683 box-shadow: none; 4684 color: white; 4685 background-color: rgba(255, 255, 255, 0.2); 4686 border-color: rgba(255, 255, 255, 0.5); 4687} 4688 4689.selection-mode headerbar button:active, headerbar.selection-mode button:active, row:selected button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, row:selected button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { 4690 box-shadow: none; 4691 color: white; 4692 background-color: rgba(255, 255, 255, 0.4); 4693 border-color: rgba(255, 255, 255, 0.5); 4694} 4695 4696tooltip { 4697 border-radius: 5px; 4698 box-shadow: none; 4699} 4700 4701tooltip.background { 4702 background-color: #444444; 4703 background-clip: padding-box; 4704 border-radius: 5px; 4705 color: #dadada; 4706} 4707 4708tooltip.background label { 4709 padding: 4px; 4710} 4711 4712tooltip > box { 4713 border-spacing: 6px; 4714} 4715 4716colorswatch, colorswatch:drop(active) { 4717 border-style: none; 4718} 4719 4720colorswatch.top { 4721 border-top-left-radius: 2.5px; 4722 border-top-right-radius: 2.5px; 4723} 4724 4725colorswatch.top overlay { 4726 border-top-left-radius: 2px; 4727 border-top-right-radius: 2px; 4728} 4729 4730colorswatch.bottom { 4731 border-bottom-left-radius: 2.5px; 4732 border-bottom-right-radius: 2.5px; 4733} 4734 4735colorswatch.bottom overlay { 4736 border-bottom-left-radius: 2px; 4737 border-bottom-right-radius: 2px; 4738} 4739 4740colorswatch.left, colorswatch:first-child:not(.top) { 4741 border-top-left-radius: 2.5px; 4742 border-bottom-left-radius: 2.5px; 4743} 4744 4745colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { 4746 border-top-left-radius: 2px; 4747 border-bottom-left-radius: 2px; 4748} 4749 4750colorswatch.right, colorswatch:last-child:not(.bottom) { 4751 border-top-right-radius: 2.5px; 4752 border-bottom-right-radius: 2.5px; 4753} 4754 4755colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { 4756 border-top-right-radius: 2px; 4757 border-bottom-right-radius: 2px; 4758} 4759 4760colorswatch.dark overlay { 4761 color: rgba(255, 255, 255, 0.7); 4762} 4763 4764colorswatch.dark overlay:hover { 4765 border-color: rgba(0, 0, 0, 0.5); 4766} 4767 4768colorswatch.light overlay { 4769 color: rgba(0, 0, 0, 0.7); 4770} 4771 4772colorswatch.light overlay:hover { 4773 border-color: rgba(0, 0, 0, 0.3); 4774} 4775 4776colorswatch overlay { 4777 border: 1px solid rgba(0, 0, 0, 0.15); 4778} 4779 4780colorswatch overlay:hover { 4781 background-color: rgba(255, 255, 255, 0.2); 4782} 4783 4784colorswatch:disabled { 4785 opacity: 0.5; 4786} 4787 4788colorswatch:disabled overlay { 4789 border-color: rgba(0, 0, 0, 0.6); 4790 box-shadow: none; 4791} 4792 4793colorswatch#add-color-button { 4794 border-style: solid; 4795 border-width: 1px; 4796 color: #242424; 4797 border-color: rgba(0, 0, 0, 0.15); 4798 border-top-color: rgba(0, 0, 0, 0.15); 4799 border-bottom-color: rgba(0, 0, 0, 0.27); 4800 background-color: white; 4801 box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); 4802} 4803 4804colorswatch#add-color-button:hover { 4805 color: #0b0b0b; 4806 border-color: rgba(0, 0, 0, 0.15); 4807 border-top-color: rgba(0, 0, 0, 0.15); 4808 border-bottom-color: rgba(0, 0, 0, 0.27); 4809 background-color: #f7f7f7; 4810 box-shadow: none; 4811} 4812 4813colorswatch#add-color-button overlay { 4814 border-color: transparent; 4815 background-color: transparent; 4816 background-image: none; 4817 box-shadow: none; 4818} 4819 4820button.color { 4821 padding: 0; 4822} 4823 4824button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { 4825 margin: 4px; 4826 border-radius: 0; 4827} 4828 4829colorchooser .popover.osd { 4830 border-radius: 5px; 4831} 4832 4833.content-view { 4834 background-color: #ffffff; 4835} 4836 4837.scale-popup button:hover { 4838 color: #0b0b0b; 4839 border-color: rgba(0, 0, 0, 0.15); 4840 border-top-color: rgba(0, 0, 0, 0.15); 4841 border-bottom-color: rgba(0, 0, 0, 0.27); 4842 background-color: #f7f7f7; 4843 box-shadow: none; 4844} 4845 4846.context-menu { 4847 font: initial; 4848} 4849 4850.monospace { 4851 font-family: Monospace; 4852} 4853 4854stackswitcher button.circular, 4855stackswitcher button.text-button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), 4856button.circular { 4857 border-radius: 100px; 4858 padding: 0 0 0 0; 4859 min-height: 28px; 4860 min-width: 28px; 4861} 4862 4863button.close:active, searchbar button.flat:active, .app-notification button.image-button:active:not(.text-button), button.close:checked, searchbar button.flat:checked, .app-notification button.image-button:checked:not(.text-button), 4864button.circular:active, 4865button.circular:checked { 4866 background-image: none; 4867 color: white; 4868 background-color: rgba(0, 0, 0, 0.5); 4869 border-color: rgba(0, 0, 0, 0.2); 4870} 4871 4872.keycap { 4873 min-width: 16px; 4874 min-height: 20px; 4875 padding: 3px 6px 4px 6px; 4876 color: #242424; 4877 background-color: #ffffff; 4878 border: 1px solid rgba(0, 0, 0, 0.15); 4879 border-radius: 5px; 4880 box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); 4881} 4882 4883stackswitcher button.text-button { 4884 min-width: 80px; 4885} 4886 4887*:drop(active):focus, 4888*:drop(active) { 4889 box-shadow: inset 0 0 0 1px #F08437; 4890} 4891 4892window { 4893 border-width: 0; 4894} 4895 4896window.csd { 4897 transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); 4898 border-radius: 6px; 4899 box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 rgba(0, 0, 0, 0.15), 0 16px 16px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); 4900 margin: 6px; 4901} 4902 4903window.csd:backdrop { 4904 box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); 4905} 4906 4907window.csd.popup { 4908 border-radius: 6px; 4909 box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); 4910} 4911 4912window.csd.dialog.message { 4913 border-radius: 6px; 4914} 4915 4916.solid-csd window.csd { 4917 border: 1px solid #a1a1a1; 4918 border-radius: 0; 4919 margin: 0; 4920 background-color: #e5e5e5; 4921 box-shadow: none; 4922} 4923 4924window.popup { 4925 box-shadow: none; 4926} 4927 4928window.ssd { 4929 box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15); 4930} 4931 4932windowcontrols { 4933 border-spacing: 6px; 4934 margin-right: 6px; 4935 margin-left: 6px; 4936} 4937 4938windowcontrols button { 4939 margin: 0; 4940 padding: 0; 4941} 4942 4943windowcontrols button.close, windowcontrols button.close:hover, windowcontrols button.close:active, windowcontrols button.close:active:hover, windowcontrols button.maximize, windowcontrols button.maximize:hover, windowcontrols button.maximize:active, windowcontrols button.maximize:active:hover, windowcontrols button.minimize, windowcontrols button.minimize:hover, windowcontrols button.minimize:active, windowcontrols button.minimize:active:hover, windowcontrols button.restore, windowcontrols button.restore:hover, windowcontrols button.restore:active, windowcontrols button.restore:active:hover { 4944 min-width: 16px; 4945 min-height: 16px; 4946 margin: 0; 4947 padding: 0; 4948 color: transparent; 4949 background-color: transparent; 4950 background-position: center; 4951 background-repeat: no-repeat; 4952 background-size: auto; 4953 border-width: 0; 4954 box-shadow: none; 4955} 4956 4957windowcontrols button.close:backdrop, windowcontrols button.maximize:backdrop, windowcontrols button.minimize:backdrop, windowcontrols button.restore:backdrop { 4958 opacity: 1; 4959} 4960 4961windowcontrols button.close { 4962 background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); 4963} 4964 4965windowcontrols button.close:backdrop { 4966 background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop.png"), url("windows-assets/titlebutton-close-backdrop@2.png")); 4967} 4968 4969windowcontrols button.close:backdrop:hover { 4970 background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover.png"), url("windows-assets/titlebutton-close-backdrop-hover@2.png")); 4971} 4972 4973windowcontrols button.close:hover { 4974 background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); 4975} 4976 4977windowcontrols button.close:active { 4978 background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); 4979} 4980 4981windowcontrols button.maximize { 4982 background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); 4983} 4984 4985windowcontrols button.maximize:backdrop { 4986 background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop.png"), url("windows-assets/titlebutton-maximize-backdrop@2.png")); 4987} 4988 4989windowcontrols button.maximize:backdrop:hover { 4990 background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover.png"), url("windows-assets/titlebutton-maximize-backdrop-hover@2.png")); 4991} 4992 4993windowcontrols button.maximize:hover { 4994 background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); 4995} 4996 4997windowcontrols button.maximize:active { 4998 background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); 4999} 5000 5001windowcontrols button.minimize { 5002 background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); 5003} 5004 5005windowcontrols button.minimize:backdrop { 5006 background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop.png"), url("windows-assets/titlebutton-minimize-backdrop@2.png")); 5007} 5008 5009windowcontrols button.minimize:backdrop:hover { 5010 background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover.png"), url("windows-assets/titlebutton-minimize-backdrop-hover@2.png")); 5011} 5012 5013windowcontrols button.minimize:hover { 5014 background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); 5015} 5016 5017windowcontrols button.minimize:active { 5018 background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); 5019} 5020 5021windowcontrols button.restore { 5022 background-image: -gtk-scaled(url("windows-assets/titlebutton-restore.png"), url("windows-assets/titlebutton-restore@2.png")); 5023} 5024 5025windowcontrols button.restore:backdrop { 5026 background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop.png"), url("windows-assets/titlebutton-restore-backdrop@2.png")); 5027} 5028 5029windowcontrols button.restore:backdrop:hover { 5030 background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover.png"), url("windows-assets/titlebutton-restore-backdrop-hover@2.png")); 5031} 5032 5033windowcontrols button.restore:hover { 5034 background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover.png"), url("windows-assets/titlebutton-restore-hover@2.png")); 5035} 5036 5037windowcontrols button.restore:active { 5038 background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active.png"), url("windows-assets/titlebutton-restore-active@2.png")); 5039} 5040 5041.fullscreen windowcontrols button.maximize, .maximized windowcontrols button.maximize { 5042 background-image: -gtk-scaled(url("windows-assets/titlebutton-restore.png"), url("windows-assets/titlebutton-restore@2.png")); 5043} 5044 5045.fullscreen windowcontrols button.maximize:backdrop, .maximized windowcontrols button.maximize:backdrop { 5046 background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop.png"), url("windows-assets/titlebutton-restore-backdrop@2.png")); 5047} 5048 5049.fullscreen windowcontrols button.maximize:backdrop:hover, .maximized windowcontrols button.maximize:backdrop:hover { 5050 background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover.png"), url("windows-assets/titlebutton-restore-backdrop-hover@2.png")); 5051} 5052 5053.fullscreen windowcontrols button.maximize:hover, .maximized windowcontrols button.maximize:hover { 5054 background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover.png"), url("windows-assets/titlebutton-restore-hover@2.png")); 5055} 5056 5057.fullscreen windowcontrols button.maximize:active, .maximized windowcontrols button.maximize:active { 5058 background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active.png"), url("windows-assets/titlebutton-restore-active@2.png")); 5059} 5060 5061popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover, .view:selected:focus, textview > text selection:focus, textview > text selection, iconview:selected:focus, flowbox > flowboxchild:selected, gridview > child:selected, label:disabled selection, entry > text > selection:focus, entry > text > selection, modelbutton.flat:active, modelbutton.flat:active arrow, modelbutton.flat:selected, modelbutton.flat:selected arrow, columnview.view:selected, columnview.view:selected:focus, 5062treeview.view:selected, 5063treeview.view:selected:focus, row:selected, 5064calendar > grid > label.day-number:selected { 5065 background-color: #F3BA4B; 5066 color: white; 5067} 5068 5069popover.emoji-picker emoji:disabled:focus, popover.emoji-picker emoji:disabled:hover { 5070 color: #f9dda5; 5071} 5072 5073row:selected label, label:selected { 5074 color: white; 5075} 5076 5077/********* 5078 * Emoji * 5079 *********/ 5080popover.emoji-picker { 5081 padding: 0; 5082 border-radius: 6px; 5083} 5084 5085popover.emoji-picker > contents { 5086 padding: 0; 5087} 5088 5089.emoji-searchbar { 5090 padding: 6px; 5091 border-spacing: 6px; 5092 border-bottom: 1px solid rgba(0, 0, 0, 0.15); 5093} 5094 5095.emoji-toolbar { 5096 padding: 6px; 5097 border-spacing: 6px; 5098 border-top: 1px solid rgba(0, 0, 0, 0.15); 5099} 5100 5101button.emoji-section { 5102 margin: 3px 1px; 5103 padding: 1px 12px; 5104 border-radius: 5px; 5105 border: none; 5106 outline-offset: -2px; 5107 box-shadow: none; 5108 transition: none; 5109 animation: none; 5110} 5111 5112button.emoji-section:first-child { 5113 margin-left: 6px; 5114} 5115 5116button.emoji-section:last-child { 5117 margin-right: 6px; 5118} 5119 5120popover.emoji-picker emoji { 5121 font-size: x-large; 5122 padding: 6px; 5123 border-radius: 5px; 5124} 5125 5126emoji-completion-row > box { 5127 border-spacing: 10px; 5128 padding: 2px 10px; 5129} 5130 5131emoji-completion-row:focus, 5132emoji-completion-row:hover { 5133 background-color: #F3BA4B; 5134 color: white; 5135} 5136 5137emoji-completion-row emoji:focus, 5138emoji-completion-row emoji:hover { 5139 background-color: rgba(0, 0, 0, 0.15); 5140} 5141 5142popover.entry-completion > contents { 5143 padding: 0; 5144} 5145 5146statusbar { 5147 padding: 6px 10px 6px 10px; 5148} 5149 5150@define-color theme_fg_color #242424; 5151@define-color theme_text_color #363636; 5152@define-color theme_bg_color #f5f5f5; 5153@define-color theme_base_color #ffffff; 5154@define-color theme_selected_bg_color #F3BA4B; 5155@define-color theme_selected_fg_color white; 5156@define-color fg_color #242424; 5157@define-color text_color #363636; 5158@define-color bg_color #f5f5f5; 5159@define-color base_color #ffffff; 5160@define-color selected_bg_color #F3BA4B; 5161@define-color selected_fg_color white; 5162@define-color insensitive_bg_color rgba(36, 36, 36, 0.45); 5163@define-color insensitive_fg_color alpha(rgba(36, 36, 36, 0.45), 0.5); 5164@define-color insensitive_base_color #ffffff; 5165@define-color theme_unfocused_fg_color #242424; 5166@define-color theme_unfocused_text_color #363636; 5167@define-color theme_unfocused_bg_color #f5f5f5; 5168@define-color theme_unfocused_base_color #ffffff; 5169@define-color borders rgba(0, 0, 0, 0.15); 5170@define-color unfocused_borders rgba(0, 0, 0, 0.15); 5171@define-color warning_color #F27835; 5172@define-color error_color #FC4138; 5173@define-color success_color #71c837; 5174@define-color placeholder_text_color #A8A8A8; 5175@define-color link_color #3484e2; 5176@define-color content_view_bg #ffffff; 5177/* Very contrasty background for text views (@theme_text_color foreground) */ 5178@define-color text_view_bg #ffffff; 5179@define-color wm_title alpha(#575757, 0.8); 5180@define-color wm_unfocused_title alpha(#575757, 0.5); 5181@define-color wm_bg #e5e5e5; 5182@define-color wm_bg_unfocused #f6f6f6; 5183@define-color wm_highlight white; 5184@define-color wm_shadow alpha(black, 0.75); 5185@define-color wm_button_close_bg #f46067; 5186@define-color wm_button_close_hover_bg #f68086; 5187@define-color wm_button_close_active_bg #f13039; 5188@define-color wm_icon_close_bg #F8F8F9; 5189@define-color wm_button_hover_bg #fdfdfd; 5190@define-color wm_button_active_bg #F3BA4B; 5191@define-color wm_button_hover_border #D1D3DA; 5192@define-color wm_icon_bg #90949E; 5193@define-color wm_icon_unfocused_bg #B6B8C0; 5194@define-color wm_icon_hover_bg #7A7F8B; 5195@define-color wm_icon_active_bg white; 5196@define-color titlebar_gradient_a #f5f5f5; 5197@define-color titlebar_gradient_b #e2e2e2; 5198@define-color budgie_tasklist_indicator_color #F3BA4B; 5199@define-color budgie_tasklist_indicator_color_active #F3BA4B; 5200@define-color budgie_tasklist_indicator_color_active_window rgba(242, 207, 139, 0.931); 5201@define-color budgie_tasklist_indicator_color_attention #F27835; 5202@define-color STRAWBERRY_100 #FF9262; 5203@define-color STRAWBERRY_300 #FF793E; 5204@define-color STRAWBERRY_500 #F15D22; 5205@define-color STRAWBERRY_700 #CF3B00; 5206@define-color STRAWBERRY_900 #AC1800; 5207@define-color ORANGE_100 #FFDB91; 5208@define-color ORANGE_300 #FFCA40; 5209@define-color ORANGE_500 #FAA41A; 5210@define-color ORANGE_700 #DE8800; 5211@define-color ORANGE_900 #C26C00; 5212@define-color BANANA_100 #FFFFA8; 5213@define-color BANANA_300 #FFFA7D; 5214@define-color BANANA_500 #FFCE51; 5215@define-color BANANA_700 #D1A023; 5216@define-color BANANA_900 #A27100; 5217@define-color LIME_100 #A2F3BE; 5218@define-color LIME_300 #8ADBA6; 5219@define-color LIME_500 #73C48F; 5220@define-color LIME_700 #479863; 5221@define-color LIME_900 #1C6D38; 5222@define-color BLUEBERRY_100 #94A6FF; 5223@define-color BLUEBERRY_300 #6A7CE0; 5224@define-color BLUEBERRY_500 #3F51B5; 5225@define-color BLUEBERRY_700 #213397; 5226@define-color BLUEBERRY_900 #031579; 5227@define-color GRAPE_100 #D25DE6; 5228@define-color GRAPE_300 #B84ACB; 5229@define-color GRAPE_500 #9C27B0; 5230@define-color GRAPE_700 #830E97; 5231@define-color GRAPE_900 #6A007E; 5232@define-color COCOA_100 #9F9792; 5233@define-color COCOA_300 #7B736E; 5234@define-color COCOA_500 #574F4A; 5235@define-color COCOA_700 #463E39; 5236@define-color COCOA_900 #342C27; 5237@define-color SILVER_100 #EEE; 5238@define-color SILVER_300 #CCC; 5239@define-color SILVER_500 #AAA; 5240@define-color SILVER_700 #888; 5241@define-color SILVER_900 #666; 5242@define-color SLATE_100 #888; 5243@define-color SLATE_300 #666; 5244@define-color SLATE_500 #444; 5245@define-color SLATE_700 #222; 5246@define-color SLATE_900 #111; 5247@define-color BLACK_100 #474341; 5248@define-color BLACK_300 #403C3A; 5249@define-color BLACK_500 #393634; 5250@define-color BLACK_700 #33302F; 5251@define-color BLACK_900 #2B2928; 5252