1/******************************************************* 2 * Blue-Submarine * 3 * Part of https://github.com/mate-desktop/mate-themes * 4 * Author Wolfgang Ulbrich * 5 *******************************************************/ 6 7* { 8 padding: 0; 9 background-clip: padding-box; 10 -GtkDialog-button-spacing: 4; /* ie. logout dialog */ 11 -GtkDialog-action-area-border: 10; /* ie. logout dialog */ 12 -GtkHTML-link-color: @link_color; 13 -GtkIMHtml-hyperlink-color: @link_color; 14 -GtkScrollbar-activate-slider: 1; 15 -GtkScrolledWindow-scrollbar-spacing: 0; 16 -GtkTextView-error-underline-color: @error_color; 17 -GtkToolButton-icon-spacing: 4; 18 -GtkToolItemGroup-expander-size: 6; 19 -GtkTreeView-expander-size: 12; /* arrow size in list/tree views */ 20 -GtkTreeView-horizontal-separator: 4; 21 -GtkTreeView-vertical-separator: 4; 22 -WnckTasklist-fade-overlay-rect: 0; 23 /* Highlight drag-drop destination */ 24 outline-color: alpha(currentColor, 0.3); 25 outline-style: dashed; 26 outline-offset: -3px; 27 outline-width: 1px; 28 -gtk-outline-radius: 2px; 29 -gtk-icon-style: regular; /* no symbolic icons */ 30} 31 32/*************** 33 * Base States * 34 ***************/ 35window { 36 color: @theme_fg_color; 37} 38 39/* exclude widget for mate-menu */ 40.background:not(widget) { 41 color: @theme_fg_color; 42 background-color: @theme_bg_color; 43} 44 45/* override previous setting for rubberband of mate-screenshot */ 46.background.rubberband { 47 background-color: transparent; 48} 49 50.background:backdrop { 51 text-shadow: none; 52 -gtk-icon-shadow: none; 53} 54 55*:active { 56/* background-color: alpha(shade(@theme_selected_bg_color, 1.90), 0.015);*/ 57} 58 59*:hover:active:disabled { 60} 61 62*:active:disabled { 63} 64 65*:hover { 66/* background-color: alpha(shade(@menu_bg_color, 1.05), 0.0);*/ 67} 68 69*:hover:disabled { 70} 71 72/* seems like firefox needs this stupid wildcard in several places */ 73*:selected:focus { 74 background-color: @theme_selected_bg_color; 75 color: @theme_selected_fg_color; 76} 77 78*:disabled { 79 /* inherit the color from parent by default */ 80/* background-color: inherit;*/ 81 color: @insensitive_fg_color; 82 border-color: @insensitive_border_color; 83 box-shadow: none; 84} 85 86*:backdrop { 87} 88 89.gtkstyle-fallback { 90 background-color: @theme_bg_color; 91 color: @theme_fg_color; 92} 93 94.gtkstyle-fallback:hover { 95 background-color: shade(@theme_bg_color, 1.10); 96 color: @theme_fg_color; 97} 98 99.gtkstyle-fallback:active { 100 background-color: shade(@theme_bg_color, 0.90); 101 color: @theme_fg_color; 102} 103 104.gtkstyle-fallback:disabled { 105 background-color: @insensitive_bg_color; 106 color: @insensitive_fg_color; 107} 108 109.gtkstyle-fallback:selected { 110 background-color: @theme_selected_bg_color; 111 color: @theme_selected_fg_color; 112} 113 114/* Fix for applications that have issues finding a default monospace font */ 115.monospace { 116 font-family: Monospace; 117} 118 119/********* 120 * label * 121 *********/ 122/* 123label, 124label:disabled { 125 background-color: transparent; 126} 127*/ 128.grip { 129 background-color: transparent; 130 background-image: url("assets/resize-grip.svg"); 131} 132 133/* ie. selection mouse retancle in caja */ 134view.rubberband, 135rubberband, 136.view.rubberband, 137.rubberband { 138 background-color: alpha (@theme_selected_bg_color, 0.35); 139 background-image: linear-gradient(to bottom, 140 alpha (@theme_selected_bg_color, 0.35), 141 alpha (@theme_selected_bg_color, 0.35)); 142 border-color: @theme_selected_bg_color; 143 border-style: solid; 144 border-width: 1px; 145 border-radius: 2px; 146} 147 148/************ 149 * Tooltips * 150 ************/ 151 152tooltip, 153.tooltip { 154 border-width: 0px; 155 border-style: none; 156 border-radius: 2px; 157 border-color: transparent; 158} 159 160tooltip.background, 161.tooltip.background { 162 background-color: alpha(@theme_tooltip_bg_color, 1.00); 163 background-clip: padding-box; 164 border-width: 1px; 165 border-style: solid; 166 border-radius: 2px; 167 border-color: @theme_fg_color; 168} 169 170tooltip label, 171.tooltip label { 172 color: shade(@theme_tooltip_fg_color, 0.90); 173 text-shadow: none; 174/* this controls the tooltip size */ 175 padding: 6px; 176} 177 178/* needed for override CSD setting */ 179tooltip decoration, 180.tooltip decoration, 181tooltip.csd decoration, 182.tooltip.csd decoration, 183tooltip.ssd decoration, 184.tooltip.ssd decoration, 185tooltip.solid-csd decoration, 186.tooltip.solid-csd decoration, 187tooltip.background.csd decoration, 188.tooltip.background.csd decoration, 189tooltip.background.ssd decoration, 190.tooltip.background.ssd decoration, 191tooltip.background.solid-csd decoration, 192.tooltip.background.solid-csd decoration { 193 background-color: alpha(shade(@theme_selected_bg_color, 1.3), 0.6); 194 border-width: 1px; 195 border-style: solid; 196 border-radius: 2px; 197 border-color: @theme_fg_color; 198 box-shadow: 0 1px 5px shade (@theme_selected_bg_color, 1.3); 199 padding: 1px; 200} 201 202/************* 203 * separator * 204 *************/ 205 206separator { 207 border-width: 1px; 208 border-style: solid; 209 border-image: none; 210 border-color: mix(@theme_fg_color, @theme_bg_color, 0.95); 211 border-bottom-color: alpha (shade (@theme_bg_color, 1.26), 0.15); 212 border-right-color: alpha (shade (@theme_bg_color, 1.26), 0.15); 213} 214 215separator:hover { 216 color: shade (@theme_bg_color, 0.92); 217 border-color: mix(@theme_fg_color, @theme_bg_color, 0.95); 218 border-image: none; 219} 220 221treeview.view.separator, 222treeview.separator, 223treeview.view.separator:hover, 224treeview.separator:hover { 225 border-style: solid; 226 border-width: 0px 0px 1px 0px; 227 border-color: @notebook_border; 228} 229 230separator.horizontal { 231 border-width: 1px 0 1px 0; 232} 233 234separator.vertical { 235 border-width: 0 1px 0 1px; 236} 237 238button separator, 239button.separator { 240 border-color: alpha (#000, 0.00); 241} 242 243button separator:disabled, 244button.separator:disabled { 245 border-color: alpha (#000, 0.00); 246} 247 248statusbar { 249 padding: 2px; 250 margin: -2px 0 -2px 0; 251 color: @theme_fg_color; 252 font-size: smaller; 253} 254 255.dnd { 256 border-width: 1px; 257 border-style: solid; 258 border-color: @theme_selected_bg_color; 259 border-radius: 0px; 260} 261 262/********* 263 * Paned * 264 *********/ 265 266/* the small line between sidebar and view */ 267paned > separator { 268 min-width: 3px; 269 min-height: 3px; 270 -gtk-icon-source: none; 271 border-style: none; 272 background-color: @theme_bg_color; 273 background-size: 1px 1px; 274 } 275 276paned > separator:hover, 277paned > separator:selected { 278 background-color: @theme_bg_color; 279} 280 281paned > separator:backdrop { 282} 283 284paned > separator.wide { 285 margin: 0; 286 padding: 0; 287 min-width: 5px; 288 min-height: 5px; 289 background-size: 1px 1px, 1px 1px; 290} 291 292paned > separator.wide:backdrop { 293} 294 295/**************** 296 * Text Entries * 297 ****************/ 298 299entry { 300 min-height: 17px; 301} 302 303entry, 304entry.combo { 305 background-color: shade (@bg_color, 1.1); 306 padding: 6px 4px; 307 color: @entry_text_color; 308 background-image: -gtk-gradient(linear, 309 left top, left bottom, 310 from (shade(@theme_base_color, 0.86)), 311 color-stop (0.15, shade(@theme_base_color, 0.96)), 312 color-stop (0.50, shade(@theme_base_color, 0.98)), 313 to (shade(@theme_base_color, 1.00))); 314 /* outer */ 315 border-width: 2px; 316 border-style: solid; 317 border-radius: 6px; 318 border-top-color: transparent; 319 border-right-color: alpha(#fff, 0.02); 320 border-left-color: alpha(#fff, 0.02); 321 border-bottom-color: alpha(#fff, 0.03); 322 /* border */ 323 box-shadow: inset 0px 3px alpha(#000, 0.03), 324 inset 0px 2px alpha(#000, 0.05), 325 inset 2px 0px alpha(#000, 0.04), 326 inset -2px 0px alpha(#000, 0.04), 327 inset 0px -2px alpha(#000, 0.03), 328 inset 0px 1px shade(@button_border, 0.80), 329 inset 1px 0px shade(@button_border, 0.90), 330 inset -1px 0px shade(@button_border, 0.90), 331 inset 0px -1px shade(@button_border, 1.05); 332} 333 334entry:focus { 335 box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), 336 inset 1px 0px shade (@theme_selected_bg_color, 1.3), 337 inset -1px 0px shade (@theme_selected_bg_color, 1.3), 338 inset 0px -1px shade (@theme_selected_bg_color, 1.3); 339} 340 341entry:disabled, 342entry.combo:disabled { 343 color: @insensitive_fg_color; 344 background-image: none; 345 background-color: @insensitive_bg_color; 346 border-style: solid; 347 border-color: alpha (#000, 0.00); 348 border-bottom-color: alpha (#000, 0.00); 349 border-image: none; 350 box-shadow: inset 0px 1px @insensitive_border_color, 351 inset 1px 0px @insensitive_border_color, 352 inset -1px 0px @insensitive_border_color, 353 inset 0px -1px @insensitive_border_color; 354} 355 356entry selection, 357entry selection:focus { 358 background-color: @theme_selected_bg_color; 359 color: @theme_selected_fg_color; 360} 361 362entry progressbar { 363 background-color: @theme_selected_bg_color; 364 color: @theme_selected_fg_color; 365 border-width: 1px; 366 border-radius: 3px; 367} 368 369entry image.left { 370 padding-right: 6px; 371} 372 373entry image.right { 374 padding-left: 6px; 375} 376 377/**************** 378 * Progress bar * 379 ****************/ 380 381progressbar { 382 border-radius: 3px; 383 padding: 0; 384 font-size: smaller; 385} 386 387/* progress component */ 388progressbar.horizontal trough { 389 min-height: 18px; 390 border-radius: 3px; 391} 392 393progressbar.horizontal progress { 394 min-height: 16px; 395 border-radius: 3px; 396} 397 398progressbar.vertical trough { 399 min-width: 18px; 400 border-radius: 3px; 401} 402 403progressbar.vertical progress { 404 min-width: 16px; 405 border-radius: 3px; 406} 407 408progressbar progress.left { 409 border-top-left-radius: 3px; 410 border-bottom-left-radius: 3px; 411} 412 413progressbar progress.right { 414 border-top-right-radius: 3px; 415 border-bottom-right-radius: 3px; 416} 417 418progressbar progress.top { 419 border-top-right-radius: 3px; 420 border-top-left-radius: 3px; 421} 422 423progressbar progress.bottom { 424 border-bottom-right-radius: 3px; 425 border-bottom-left-radius: 3px; 426} 427 428treeview.view.progressbar, 429treeview.view.progressbar:hover, 430progressbar.horizontal progress { 431 background-image: linear-gradient(to right, 432 alpha (#000, 0.00), 433 alpha (#000, 0.00) 48%, 434 alpha (#004, 0.12) 48%, 435 alpha (#004, 0.12) 50%, 436 alpha (#000, 0.00) 50%, 437 alpha (#000, 0.00) 98%, 438 alpha (#004, 0.12) 98%, 439 alpha (#004, 0.12)), 440 linear-gradient(to bottom, 441 alpha (#000, 0.20), 442 alpha (#000, 0.05) 50%, 443 alpha (#000, 0.00)), 444 linear-gradient(to right, 445 @progressbar_fill_a, 446 @progressbar_fill_b); 447 background-size: 40px auto, auto, auto; 448 box-shadow: inset 0px 1px alpha(black, 0.03), 449 inset 1px 0px alpha(black, 0.03), 450 inset -1px 0px alpha(black, 0.03), 451 inset 0px -1px alpha(white, 0.10); 452 border-width: 1px; 453 border-style: solid; 454 border-radius: 3px; 455 border-top-color: shade(@button_border_active, 0.80); 456 border-left-color: shade(@button_border_active, 0.85); 457 border-right-color: shade(@button_border_active, 0.85); 458 border-bottom-color: shade(@button_border_active, 1.00); 459} 460 461treeview.view.progressbar:selected, 462treeview.view.progressbar:selected:hover { 463 background-image: linear-gradient(to right, 464 alpha (#000, 0.00), 465 alpha (#000, 0.00) 48%, 466 alpha (#004, 0.12) 48%, 467 alpha (#004, 0.12) 50%, 468 alpha (#000, 0.00) 50%, 469 alpha (#000, 0.00) 98%, 470 alpha (#004, 0.12) 98%, 471 alpha (#004, 0.12)), 472 linear-gradient(to bottom, 473 alpha (#000, 0.20), 474 alpha (#000, 0.05) 50%, 475 alpha (#000, 0.00)), 476 linear-gradient(to right, 477 shade(@progressbar_fill_a, 1.29), 478 shade(@progressbar_fill_b, 1.29)); 479 background-size: 40px auto, auto, auto; 480 border-width: 1px; 481 border-style: solid; 482 border-radius: 3px; 483 border-top-color: shade(@button_border_active, 0.80); 484 border-left-color: shade(@button_border_active, 0.85); 485 border-right-color: shade(@button_border_active, 0.85); 486 border-bottom-color: shade(@button_border_active, 1.00); 487} 488 489progressbar.vertical progress { 490 background-image: linear-gradient(to top, 491 alpha (#000, 0.00), 492 alpha (#000, 0.00) 48%, 493 alpha (#004, 0.12) 48%, 494 alpha (#004, 0.12) 50%, 495 alpha (#000, 0.00) 50%, 496 alpha (#000, 0.00) 98%, 497 alpha (#004, 0.12) 98%, 498 alpha (#004, 0.12)), 499 linear-gradient(to right, 500 alpha (#000, 0.20), 501 alpha (#000, 0.05) 50%, 502 alpha (#000, 0.00)), 503 linear-gradient(to top, 504 @progressbar_fill_a, 505 @progressbar_fill_b); 506 background-size: auto 40px, auto, auto; 507 box-shadow: inset 0px 1px alpha(black, 0.03), 508 inset 1px 0px alpha(black, 0.03), 509 inset -1px 0px alpha(white, 0.10), 510 inset 0px -1px alpha(black, 0.03); 511 border-width: 1px; 512 border-style: solid; 513 border-radius: 3px; 514 border-top-color: shade(@button_border_active, 0.85); 515 border-left-color: shade(@button_border_active, 0.80); 516 border-right-color: shade(@button_border_active, 1.00); 517 border-bottom-color: shade(@button_border_active, 0.85); 518} 519 520treeview.view.progressbar, 521treeview.view.progressbar:hover, 522notebook treeview.view.progressbar:hover { 523 color: @theme_selected_fg_color; 524} 525 526treeview.view.progressbar:hover { 527 color: @theme_fg_color; 528} 529 530treeview.view.trough, 531progressbar trough { 532 background-image: -gtk-gradient (linear, 533 left top, left bottom, 534 from (alpha (#000, 0.18)), 535 color-stop (0.20, alpha (#000, 0.14)), 536 to (alpha (#000, 0.04))); 537 border-style: none; 538 border-width: 0px; 539 border-radius: 3px; 540 padding: 0 0 1px 0; 541 box-shadow: inset 1px 1px alpha(#000, 0.15), 542 inset -1px -1px alpha(#000, 0.15); 543 text-shadow: none; 544} 545 546treeview.view.trough:selected, 547notebook treeview.view.trough:selected:hover { 548 background-image: -gtk-gradient(linear, 549 left top, left bottom, 550 from (shade(@theme_base_color, 0.80)), 551 color-stop (0.15, shade(@theme_base_color, 0.90)), 552 color-stop (0.50, shade(@theme_base_color, 0.92)), 553 to (shade(@theme_base_color, 0.94))); 554 border-width: 1px; 555 border-style: solid; 556 border-radius: 3px; 557 border-top-color: shade(@button_border_active, 0.80); 558 border-left-color: shade(@button_border_active, 0.85); 559 border-right-color: shade(@button_border_active, 0.85); 560 border-bottom-color: shade(@button_border_active, 1.00); 561 padding: 0 0 0px 0; 562 box-shadow: inset 1px 1px alpha(#000, 0.15), 563 inset -1px -1px alpha(#000, 0.15); 564 text-shadow: none; 565 color: @theme_fg_color; 566} 567 568progressbar.vertical trough { 569 background-image: -gtk-gradient (linear, 570 left top, right top, 571 from (alpha (#000, 0.18)), 572 color-stop (0.20, alpha (#000, 0.14)), 573 to (alpha (#000, 0.04))); 574 border-radius: 2px; 575 padding: 0 0 1px 0; 576 text-shadow: none; 577} 578 579/* level bars as used for password quality or remaining power */ 580levelbar { 581 min-width: 34px; 582 min-height: 3px; 583} 584 585levelbar.vertical { 586 min-width: 3px; 587 min-height: 34px; 588} 589 590levelbar trough { 591 padding: 2px; 592 border-radius: 2px; 593 background-image: linear-gradient(to bottom, 594 @trough_bg_color_a, 595 @trough_bg_color_b); 596 background-color: transparent; 597 box-shadow: inset 1px 1px alpha(#000, 0.15), 598 inset -1px -1px alpha(#000, 0.15); 599} 600 601levelbar block.filled { 602 border-width: 2px; 603 border-style: solid; 604 border-color: @button_border_active; 605 background-image: -gtk-gradient (linear, 606 0.45 top, 0.55 bottom, 607 from (shade (@button_bg_active, 1.30)), 608 color-stop (0.40, shade (@button_bg_active, 1.04)), 609 color-stop (0.60, shade (@button_bg_active, 0.92)), 610 to (shade (@button_bg_active, 1.20))); 611} 612 613levelbar.continuous block.filled { 614 padding: 1px; 615 border-radius: 2px; 616} 617 618levelbar.discrete.horizontal block.filled { 619 margin: 0 1px; 620} 621 622levelbar.discrete.vertical block.filled { 623 margin: 1px 0; 624} 625 626.level-bar.indicator-discrete.fill-block.horizontal:first-child { 627 border-radius: 2px 0 0 2px; 628} 629 630.level-bar.indicator-discrete.fill-block.horizontal:last-child { 631 border-radius: 0 2px 2px 0; 632} 633 634.level-bar.indicator-discrete.fill-block.vertical:first-child { 635 border-radius: 2px 2px 0 0; 636} 637 638.level-bar.indicator-discrete.fill-block.vertical:last-child { 639 border-radius: 0 0 2px 2px; 640} 641 642levelbar block.low { 643 border-color: shade(@warning_color, 0.80); 644 background-image: linear-gradient(to bottom, 645 shade(@warning_color, 1.3), 646 @warning_color 75%, 647 shade(@warning_color, 0.90)); 648} 649 650levelbar block.high { 651 border-color: shade(@success_color, 0.85); 652 background-image: linear-gradient(to bottom, 653 shade(@success_color, 1.2), 654 @success_color 75%, 655 shade(@success_color, 0.95)); 656} 657 658levelbar block.full { 659 border-color: shade(@success_color, 0.95); 660 background-image: linear-gradient(to bottom, 661 shade(@success_color, 1.2), 662 @success_color 75%, 663 shade(@success_color, 0.95)); 664} 665 666levelbar block.empty { 667 border: 1px solid #2a76c6; 668 border-radius: 1px; 669 background-color: transparent; 670 border-color: rgba(46, 52, 54, 0.2); 671 box-shadow: none; 672} 673 674levelbar block.empty:backdrop { 675 border-color: rgba(139, 142, 143, 0.15); 676} 677 678/************ 679 * GtkScale * 680 ************/ 681 682scale.vertical { 683 min-width: 10px; 684 padding: 0px 4px; 685} 686 687scale.horizontal { 688 min-height: 10px; 689 padding: 6px 0px; 690} 691 692scale.horizontal trough { 693 min-height: 3px; 694 margin-left: 8px; 695 margin-right: 8px; 696} 697 698scale.vertical trough { 699 min-width: 3px; 700 margin-top: 8px; 701 margin-bottom: 8px; 702} 703 704scale trough { 705 border-radius: 8px; 706 border-style: solid; 707 border-width: 1px; 708 background-image: -gtk-gradient (linear, 709 left top, 710 left bottom, 711 from (alpha (#000, 0.20)), 712 color-stop (0.20, alpha (#000, 0.16)), 713 to (alpha (#000, 0.06))); 714 box-shadow: inset 1px 1px alpha(#000, 0.08), 715 inset -1px -1px alpha(#000, 0.08); 716} 717 718scale trough, 719scale.horizontal trough, 720scale.vertical trough { 721 border-color: @scale_border_b; 722} 723 724scale trough:disabled { 725 background-image: -gtk-gradient (linear, 726 left top, 727 left bottom, 728 from (alpha (#000, 0.03)), 729 to (alpha (#000, 0.03))); 730 border-style: none; 731 box-shadow: inset 1px 1px alpha(#000, 0.15), 732 inset -1px -1px alpha(#000, 0.15); 733} 734 735scale trough highlight, 736scale.vertical trough highlight, 737scale.horizontal trough highlight { 738 border-style: solid; 739 border-color: @scale_highlight_border; 740 border-radius: 8px; 741 background-color: @scale_highlight_bg; 742} 743 744scale trough highlight:disabled, 745scale.vertical trough highlight:disabled, 746scale.horizontal trough highlight:disabled { 747 background-color: transparent; 748} 749 750scale highlight.left { 751 background-image: -gtk-gradient (linear, 752 left top, left bottom, 753 from (shade (@scale_fill, 0.90)), 754 to (shade (@scale_fill, 1.31))); 755 border-style: none; 756 border-width: 0px; 757 border-radius: 8px; 758 box-shadow: inset 1px 1px alpha(#000, 0.08), 759 inset -1px -1px alpha(#000, 0.08); 760 color: @theme_selected_fg_color; 761 text-shadow: none; 762} 763 764scale highlight.bottom { 765 background-image: -gtk-gradient (linear, 766 left top, right top, 767 from (shade (@scale_fill, 0.90)), 768 to (shade (@scale_fill, 1.31))); 769 border-style: none; 770 border-width: 0px; 771 border-radius: 8px; 772 box-shadow: inset 1px 1px alpha(#000, 0.08), 773 inset -1px -1px alpha(#000, 0.08); 774 color: @theme_selected_fg_color; 775 text-shadow: none; 776} 777 778scale highlight.left:disabled { 779 background-image: -gtk-gradient (linear, left top, left bottom, 780 from (shade (@theme_bg_color, 0.85)), 781 to (shade (@theme_bg_color, 0.85))); 782 box-shadow: inset 1px 1px alpha(#000, 0.02), 783 inset -1px -1px alpha(#000, 0.02); 784} 785 786scale highlight.bottom:disabled { 787 background-image: -gtk-gradient (linear, left top, right top, 788 from (shade (@theme_bg_color, 0.85)), 789 to (shade (@theme_bg_color, 0.85))); 790 box-shadow: inset 1px 1px alpha(#000, 0.02), 791 inset -1px -1px alpha(#000, 0.02); 792} 793 794scale marks { 795 color: mix(@theme_bg_color, @theme_text_color, 0.56); 796 background-color: transparent; 797} 798 799scale marks.top, 800scale.fine-tune marks.top { 801 margin-bottom: 6px; 802} 803 804scale marks.bottom, 805scale.fine-tune marks.bottom { 806 margin-top: 6px; 807} 808 809/* this makes marks visible */ 810scale.horizontal indicator, 811scale.horizontal.fine-tune indicator { 812 min-height: 8px; 813 min-width: 1px; 814} 815 816scale.vertical indicator, 817scale.vertical.fine-tune indicator { 818 min-height: 1px; 819 min-width: 8px; 820} 821 822scale slider, 823scale slider:hover, 824scale slider:disabled { 825 border-radius: 8px; 826 border-style: none; 827} 828 829scale.horizontal slider { 830 /* background-image in -assets variant */ 831 background-color: transparent; 832 background-size: 105%; 833 background-repeat: no-repeat; 834 background-position: center; 835 min-height: 18px; 836 min-width: 18px; 837 margin: -9px 0px -9px 0px; 838} 839 840scale.horizontal.fine-tune slider:active, 841scale.horizontal.fine-tune slider:hover:active { 842 background-size: 90%; 843 background-repeat: no-repeat; 844 background-position: center; 845} 846 847scale.horizontal.marks-after slider { 848 min-height: 22px 849} 850 851/* Why different values ? */ 852scale.vertical slider { 853 /* background-image in -assets variant */ 854 background-size: 110%; 855 background-repeat: no-repeat; 856 background-position: center; 857 min-height: 18px; 858 min-width: 18px; 859 margin: 0px -9px 0px -9px; 860} 861 862scale.vertical.fine-tune slider:active, 863scale.vertical.fine-tune slider:hover:active { 864 background-size: 95%; 865 background-repeat: no-repeat; 866 background-position: center; 867} 868 869scale.horizontal.color.marks-before, 870scale.vertical.color.marks-after { 871 margin: 0px 0px 0px 0px; 872 padding: 0px; 873} 874 875scale.horizontal.color.marks-before trough, 876scale.vertical.color.marks-after trough { 877 border-color: @notebook_border; 878 border-radius: 5px; 879 background-repeat: no-repeat; 880} 881 882scale.vertical.color.marks-after slider { 883 min-height: 20px; 884 min-width: 22px; 885 padding: 0px; 886 background-size: 100%; 887 background-repeat: no-repeat; 888 background-position: center; 889 margin: 0px 0px 0px 0px; 890} 891 892scale.horizontal.color.marks-before slider { 893 min-height: 14px; 894 min-width: 20px; 895 margin: 0px 0px 0px 0px; 896 padding: 5px 0px; 897 background-size: 100%; 898 background-repeat: no-repeat; 899 background-position: center; 900} 901 902scale.horizontal.color.marks-before slider:hover, 903scale.vertical.color.marks-after slider:hover { 904 background-size: 105%; 905} 906 907scale.horizontal.color.marks-before.fine-tune slider, 908scale.vertical.color.marks-after.fine-tune slider { 909 background-size: 85%; 910} 911 912/********** 913 * Frames * 914 **********/ 915 916.frame, 917frame > border { /* firefox location entry */ 918 padding: 0px; 919 border-width: 1px; 920 border-radius: 4px; 921 border-style: solid; 922 border-color: shade (@theme_bg_color, 0.85); 923 color: mix(@theme_selected_bg_color, @theme_fg_color, 0.70); 924} 925 926.frame.flat, 927frame > border.flat, 928overlay > frame > border { 929 border-style: none; 930} 931 932/*********** 933 * Buttons * 934 ***********/ 935 936button, 937button.raised { 938 padding: 5px; 939 min-height: 20px; 940 min-width: 20px; 941} 942 943button.combo { 944 min-height: 22px; 945 min-width: 20px; 946} 947 948/* needed with new button padding */ 949button label { 950 padding: 2px 0px; 951} 952 953button { 954 transition: all 400ms ease-out; 955 background-image: -gtk-gradient (linear, 956 left top, left bottom, 957 from (@button_gradient1), 958 color-stop (0.50, @button_gradient3), 959 to (@button_gradient4)); 960 border-width: 1px; 961 border-radius: 5px; 962 border-style: solid; 963 /* outer */ 964 border-top-color: transparent; 965 border-left-color: alpha (#000, 0.01); 966 border-right-color: alpha (#000, 0.01); 967 border-bottom-color: alpha (#000, 0.03); 968 box-shadow: inset 0px 1px alpha(shade(@button_border, 1.00), 0.70), 969 inset 1px 0px alpha(shade(@button_border, 0.94), 0.80), 970 inset -1px 0px alpha(shade(@button_border, 0.94), 0.80), 971 inset 0px -1px alpha(shade(@button_border, 0.88), 0.90); 972/* box-shadow Syntax */ 973/* box-shadow: [ inset ] horizontal_offset vertical_offset [ blur_radius ] [ spread ] color */ 974 color: @theme_fg_color; 975 text-shadow: none; 976 outline-style: none; 977} 978 979button.default { 980 text-shadow: none; 981 color: @theme_fg_color; 982} 983 984/* ie. mate-control-center */ 985button.flat { 986 transition: all 400ms ease-out; 987 border-radius: 5px; 988 padding: 4px; 989 border-color: transparent; 990 background-color: transparent; 991 background-image: none; 992 box-shadow: inset 0 1px rgba(255,255,255,0), 0 1px rgba(255,255,255,0); 993 text-shadow: none; 994 -gtk-icon-shadow: none; 995 border-image: none; 996} 997 998/* ie. caja location drop down button */ 999button.flat.toggle { 1000 padding: 5px; 1001} 1002 1003/* ie. controls gnome-mplayer, virtual-manager */ 1004button.flat.image-button, 1005button.flat.image-button:focus, 1006button.flat.image-button:hover, 1007button.flat.scale { 1008 padding: 5px; 1009} 1010 1011button:hover { 1012 background-image: -gtk-gradient (linear, 1013 left top, left bottom, 1014 from (shade(@button_gradient1, 1.03)), 1015 color-stop (0.50, shade(@button_gradient3, 1.03)), 1016 to (shade(@button_gradient4, 1.01))); 1017 box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), 1018 inset 1px 0px shade (@theme_selected_bg_color, 1.3), 1019 inset -1px 0px shade (@theme_selected_bg_color, 1.3), 1020 inset 0px -1px shade (@theme_selected_bg_color, 1.3); 1021} 1022 1023button:hover:active, 1024button:focus:hover:active, 1025button:checked, 1026button:checked:hover, 1027button:checked:hover:active { 1028 background-image: -gtk-gradient (linear, 1029 left top, left bottom, 1030 from (shade (@theme_bg_color, 1.20)), 1031 color-stop (0.50, shade (@theme_bg_color, 1.00)), 1032 color-stop (0.50, shade (@theme_bg_color, 0.99)), 1033 to (shade (@theme_bg_color, 0.80))); 1034 border-radius: 5px; 1035 box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), 1036 inset 1px 0px shade (@theme_selected_bg_color, 1.3), 1037 inset -1px 0px shade (@theme_selected_bg_color, 1.3), 1038 inset 0px -1px shade (@theme_selected_bg_color, 1.3); 1039} 1040 1041button:focus, 1042button.default { 1043 border-color: transparent; 1044 box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), 1045 inset 1px 0px shade (@theme_selected_bg_color, 1.3), 1046 inset -1px 0px shade (@theme_selected_bg_color, 1.3), 1047 inset 0px -1px shade (@theme_selected_bg_color, 1.3); 1048} 1049 1050button:hover:active, 1051button:checked, 1052button:checked:hover, 1053button:checked:hover:active { 1054 text-shadow: none; 1055} 1056 1057button:disabled { 1058 background-image: none; 1059 background-color: @insensitive_bg_color; 1060 border-color: alpha (#000, 0.00); 1061 border-bottom-color: alpha (#000, 0.00); 1062 border-image: none; 1063 box-shadow: inset 0px 1px @insensitive_border_color, 1064 inset 1px 0px @insensitive_border_color, 1065 inset -1px 0px @insensitive_border_color, 1066 inset 0px -1px @insensitive_border_color; 1067 color: @insensitive_fg_color; 1068 text-shadow: none; 1069} 1070 1071button:disabled image, 1072.button:disabled image, 1073button:active:disabled image, 1074.button:active:disabled image{ 1075 opacity: 0.5; 1076} 1077 1078 1079toolbar.vertical > button.image-button.flat { 1080 padding: 5px; 1081} 1082 1083button.text-button, 1084button.text-button:focus, 1085button.text-button:hover, 1086button.file, 1087combobox > button.combo, 1088combobox > button.combo:hover { 1089 padding: 5px; 1090} 1091 1092button.font, 1093button.color { 1094 padding: 5px 4px; 1095} 1096 1097.path-bar > button, 1098.linked.path-bar > button, 1099.linked.path-bar > button:hover, 1100.linked.path-bar > button:hover:active, 1101.linked.path-bar > button:checked, 1102.linked.path-bar > button:checked:hover, 1103.linked.path-bar > button:checked:hover:active { 1104 padding: 5px; 1105 border-color: transparent; 1106} 1107 1108/* slider (left/right arrow) button */ 1109.linked.path-bar > button.slider-button:first-child { 1110 border-width: 1px 0px 1px 1px; 1111 border-radius: 4px 0px 0px 4px; 1112 padding: 5px 1px; 1113} 1114 1115.linked.path-bar > button.slider-button:last-child { 1116 border-width: 1px 1px 1px 0px; 1117 border-radius: 0px 4px 4px 0px; 1118 padding: 5px 1px; 1119} 1120 1121.titlebar .path-bar > button.slider-button:disabled { 1122 box-shadow: none; 1123} 1124 1125.titlebar .path-bar > button.toggle, 1126.titlebar .path-bar > button.toggle:hover, 1127.titlebar .path-bar > button.toggle:checked:active { 1128 border-radius: 0px; 1129 border-width: 1px 0px; 1130} 1131 1132/***************************/ 1133/* Linked toolbars-buttons */ 1134/***************************/ 1135 1136/* Middle toolbar-button */ 1137toolbar menubar .linked button, 1138toolbar menubar .linked button:focus, 1139toolbar menubar .linked button:hover, 1140toolbar menubar .linked button:hover:active, 1141toolbar menubar .linked button:checked, 1142toolbar menubar .linked button:checked:focus, 1143toolbar menubar .linked button:checked:hover, 1144toolbar menubar .linked button:checked:hover:active, 1145toolbar menubar .linked button:disabled, 1146toolbar button.raised.linked, 1147toolbar button.raised.linked:focus, 1148toolbar button.raised.linked:hover, 1149toolbar button.raised.linked:hover:active, 1150toolbar button.raised.linked:checked, 1151toolbar button.raised.linked:checked:focus, 1152toolbar button.raised.linked:checked:hover, 1153toolbar button.raised.linked:checked:hover:active, 1154toolbar button.raised.linked:disabled, 1155toolbar .raised.linked button, 1156toolbar .raised.linked button:focus, 1157toolbar .raised.linked button:hover, 1158toolbar .raised.linked button:hover:active, 1159toolbar .raised.linked button:checked, 1160toolbar .raised.linked button:checked:focus, 1161toolbar .raised.linked button:checked:hover, 1162toolbar .raised.linked button:checked:hover:active, 1163toolbar .raised.linked button:disabled, 1164toolbar.primary-toolbar .linked entry, 1165toolbar.primary-toolbar .linked entry:disabled, 1166toolbar.primary-toolbar .linked button, 1167toolbar.primary-toolbar .linked button:focus, 1168toolbar.primary-toolbar .linked button:hover, 1169toolbar.primary-toolbar .linked button:hover:active, 1170toolbar.primary-toolbar .linked button:checked, 1171toolbar.primary-toolbar .linked button:checked:focus, 1172toolbar.primary-toolbar .linked button:checked:hover, 1173toolbar.primary-toolbar .linked button:checked:hover:active, 1174toolbar.primary-toolbar .linked button:disabled { 1175 padding: 2px 4px 4px 2px; 1176 border-radius: 0px; 1177 border-width: 1px 0px 1px 0px; 1178} 1179 1180/* Middle toolbar-button hover */ 1181toolbar menubar .linked button:hover, 1182toolbar .raised.linked button:hover, 1183toolbar.primary-toolbar .linked button:hover { 1184 background-image: -gtk-gradient (linear, 1185 left top, left bottom, 1186 from (shade(@menu_bg_dark_color, 2.03)), 1187 to (shade(@menu_bg_dark_color, 1.17))); 1188 box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), 1189 inset 1px 0px shade (@theme_selected_bg_color, 1.3), 1190 inset -1px 0px shade (@theme_selected_bg_color, 1.3), 1191 inset 0px -1px shade (@theme_selected_bg_color, 1.3); 1192} 1193 1194/* Middle toolbar-button active */ 1195toolbar menubar .linked button:hover:active, 1196toolbar menubar .linked button:checked, 1197toolbar menubar .linked button:checked:focus, 1198toolbar menubar .linked button:checked:hover, 1199toolbar menubar .linked button:checked:hover:active, 1200toolbar button.raised.linked:hover:active, 1201toolbar button.raised.linked:checked, 1202toolbar button.raised.linked:checked:focus, 1203toolbar button.raised.linked:checked:hover, 1204toolbar button.raised.linked:checked:hover:active, 1205toolbar .raised.linked button:hover:active, 1206toolbar .raised.linked button:checked, 1207toolbar .raised.linked button:checked:focus, 1208toolbar .raised.linked button:checked:hover, 1209toolbar .raised.linked button:checked:hover:active, 1210toolbar.primary-toolbar .linked button:hover:active, 1211toolbar.primary-toolbar .linked button:checked, 1212toolbar.primary-toolbar .linked button:checked:focus, 1213toolbar.primary-toolbar .linked button:checked:hover, 1214toolbar.primary-toolbar .linked button:checked:hover:active { 1215 box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), 1216 inset 1px 0px shade (@theme_selected_bg_color, 1.3), 1217 inset -1px 0px shade (@theme_selected_bg_color, 1.3), 1218 inset 0px -1px shade (@theme_selected_bg_color, 1.3); 1219} 1220 1221/* Middle toolbar-button disabled */ 1222toolbar menubar .linked button:disabled, 1223toolbar button.raised.linked:disabled, 1224toolbar .raised.linked button:disabled, 1225toolbar.primary-toolbar .linked button:disabled, 1226toolbar.primary-toolbar .linked entry:disabled { 1227 /* remove outer */ 1228 border-color: alpha (#fff, 0.00); 1229 /* Remove right border */ 1230 box-shadow: inset 0px 1px shade(@theme_button_border_dark, 1.10), 1231 inset 1px 0px shade(@theme_button_border_dark, 1.05), 1232 inset 0px -1px shade(@theme_button_border_dark, 1.00); 1233} 1234 1235/* Leftmost toolbars-button */ 1236toolbar menubar .linked button:first-child, 1237toolbar menubar .linked button:focus:first-child, 1238toolbar menubar .linked button:hover:first-child, 1239toolbar menubar .linked button:hover:active:first-child, 1240toolbar menubar .linked button:checked:first-child, 1241toolbar menubar .linked button:checked:focus:first-child, 1242toolbar menubar .linked button:checked:hover:first-child, 1243toolbar menubar .linked button:checked:hover:active:first-child, 1244toolbar menubar .linked button:disabled:first-child, 1245toolbar button.raised.linked:first-child, 1246toolbar button.raised.linked:focus:first-child, 1247toolbar button.raised.linked:hover:first-child, 1248toolbar button.raised.linked:hover:active:first-child, 1249toolbar button.raised.linked:checked:first-child, 1250toolbar button.raised.linked:checked:focus:first-child, 1251toolbar button.raised.linked:checked:hover:first-child, 1252toolbar button.raised.linked:checked:hover:active:first-child, 1253toolbar button.raised.linked:disabled:first-child, 1254toolbar .raised.linked button:first-child, 1255toolbar .raised.linked button:focus:first-child, 1256toolbar .raised.linked button:hover:first-child, 1257toolbar .raised.linked button:hover:active:first-child, 1258toolbar .raised.linked button:checked:first-child, 1259toolbar .raised.linked button:checked:focus:first-child, 1260toolbar .raised.linked button:checked:hover:first-child, 1261toolbar .raised.linked button:checked:hover:active:first-child, 1262toolbar .raised.linked button:disabled:first-child, 1263toolbar.primary-toolbar .linked entry:first-child, 1264toolbar.primary-toolbar .linked button:first-child, 1265toolbar.primary-toolbar .linked button:focus:first-child, 1266toolbar.primary-toolbar .linked button:hover:first-child, 1267toolbar.primary-toolbar .linked button:hover:active:first-child, 1268toolbar.primary-toolbar .linked button:checked:first-child, 1269toolbar.primary-toolbar .linked button:checked:focus:first-child, 1270toolbar.primary-toolbar .linked button:checked:hover:first-child, 1271toolbar.primary-toolbar .linked button:checked:hover:active:first-child, 1272toolbar.primary-toolbar .linked button:disabled:first-child, 1273toolbar.primary-toolbar .linked entry:disabled:first-child { 1274 padding: 2px 4px 4px 2px; 1275 border-radius: 5px 0px 0px 5px; 1276 border-width: 1px 0px 1px 1px; 1277} 1278 1279/* Leftmost toolbars-button hover */ 1280toolbar menubar .linked button:hover:first-child, 1281toolbar .raised.linked button:hover:first-child, 1282toolbar.primary-toolbar .linked button:hover:first-child { 1283 background-image: -gtk-gradient (linear, 1284 left top, left bottom, 1285 from (shade(@menu_bg_dark_color, 2.03)), 1286 to (shade(@menu_bg_dark_color, 1.17))); 1287 box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), 1288 inset 1px 0px shade (@theme_selected_bg_color, 1.3), 1289 inset -1px 0px shade (@theme_selected_bg_color, 1.3), 1290 inset 0px -1px shade (@theme_selected_bg_color, 1.3); 1291} 1292 1293/* Leftmost toolbars-button active */ 1294toolbar menubar .linked button:hover:active:first-child, 1295toolbar menubar .linked button:checked:first-child, 1296toolbar menubar .linked button:checked:focus:first-child, 1297toolbar menubar .linked button:checked:hover:first-child, 1298toolbar menubar .linked button:checked:hover:active:first-child, 1299toolbar button.raised.linked:hover:active:first-child, 1300toolbar button.raised.linked:checked:first-child, 1301toolbar button.raised.linked:checked:focus:first-child, 1302toolbar button.raised.linked:checked:hover:first-child, 1303toolbar button.raised.linked:checked:hover:active:first-child, 1304toolbar .raised.linked button:hover:active:first-child, 1305toolbar .raised.linked button:checked:first-child, 1306toolbar .raised.linked button:checked:focus:first-child, 1307toolbar .raised.linked button:checked:hover:first-child, 1308toolbar .raised.linked button:checked:hover:active:first-child, 1309toolbar.primary-toolbar .linked button:hover:active:first-child, 1310toolbar.primary-toolbar .linked button:checked:first-child, 1311toolbar.primary-toolbar .linked button:checked:focus:first-child, 1312toolbar.primary-toolbar .linked button:checked:hover:first-child, 1313toolbar.primary-toolbar .linked button:checked:hover:active:first-child { 1314 box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), 1315 inset 1px 0px shade (@theme_selected_bg_color, 1.3), 1316 inset -1px 0px shade (@theme_selected_bg_color, 1.3), 1317 inset 0px -1px shade (@theme_selected_bg_color, 1.3); 1318} 1319 1320/* Leftmost toolbars-button disabled */ 1321toolbar menubar .linked button:disabled:first-child, 1322toolbar button.raised.linked:disabled:first-child, 1323toolbar .raised.linked button:disabled:first-child, 1324toolbar.primary-toolbar .linked button:disabled:first-child, 1325toolbar.primary-toolbar .linked entry:disabled:first-child { 1326 /* remove outer */ 1327 border-color: alpha (#fff, 0.00); 1328 /* Remove right border */ 1329 box-shadow: inset 0px 1px shade(@theme_button_border_dark, 1.10), 1330 inset 1px 0px shade(@theme_button_border_dark, 1.05), 1331 inset 0px -1px shade(@theme_button_border_dark, 1.00); 1332} 1333 1334/* Rightmost toolbar-button */ 1335toolbar menubar .linked button:last-child, 1336toolbar menubar .linked button:focus:last-child, 1337toolbar menubar .linked button:hover:last-child, 1338toolbar menubar .linked button:hover:active:last-child, 1339toolbar menubar .linked button:checked:last-child, 1340toolbar menubar .linked button:checked:focus:last-child, 1341toolbar menubar .linked button:checked:hover:last-child, 1342toolbar menubar .linked button:checked:hover:active:last-child, 1343toolbar menubar .linked button:disabled:last-child, 1344toolbar button.raised.linked:last-child, 1345toolbar button.raised.linked:focus:last-child, 1346toolbar button.raised.linked:hover:last-child, 1347toolbar button.raised.linked:hover:active:last-child, 1348toolbar button.raised.linked:checked:last-child, 1349toolbar button.raised.linked:checked:focus:last-child, 1350toolbar button.raised.linked:checked:hover:last-child, 1351toolbar button.raised.linked:checked:hover:active:last-child, 1352toolbar button.raised.linked:disabled:last-child, 1353toolbar .raised.linked button:last-child, 1354toolbar .raised.linked button:focus:last-child, 1355toolbar .raised.linked button:hover:last-child, 1356toolbar .raised.linked button:hover:active:last-child, 1357toolbar .raised.linked button:checked:last-child, 1358toolbar .raised.linked button:checked:focus:last-child, 1359toolbar .raised.linked button:checked:hover:last-child, 1360toolbar .raised.linked button:checked:hover:active:last-child, 1361toolbar .raised.linked button:disabled:last-child, 1362toolbar.primary-toolbar .linked entry:last-child, 1363toolbar.primary-toolbar .linked button:last-child, 1364toolbar.primary-toolbar .linked button:focus:last-child, 1365toolbar.primary-toolbar .linked button:hover:last-child, 1366toolbar.primary-toolbar .linked button:hover:active:last-child, 1367toolbar.primary-toolbar .linked button:checked:last-child, 1368toolbar.primary-toolbar .linked button:checked:focus:last-child, 1369toolbar.primary-toolbar .linked button:checked:hover:last-child, 1370toolbar.primary-toolbar .linked button:checked:hover:active:last-child, 1371toolbar.primary-toolbar .linked button:disabled:last-child, 1372toolbar.primary-toolbar .linked entry:disabled:last-child { 1373 padding: 2px 4px 4px 2px; 1374 border-radius: 0px 5px 5px 0px; 1375 border-width: 1px 1px 1px 0px; 1376} 1377 1378/* Rightmost toolbars-button hover */ 1379toolbar menubar .linked button:hover:last-child, 1380toolbar .raised.linked button:hover:last-child, 1381toolbar.primary-toolbar .linked button:hover:last-child { 1382 background-image: -gtk-gradient (linear, 1383 left top, left bottom, 1384 from (shade(@menu_bg_dark_color, 2.03)), 1385 to (shade(@menu_bg_dark_color, 1.17))); 1386 box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), 1387 inset 1px 0px shade (@theme_selected_bg_color, 1.3), 1388 inset -1px 0px shade (@theme_selected_bg_color, 1.3), 1389 inset 0px -1px shade (@theme_selected_bg_color, 1.3); 1390} 1391 1392/* Rightmost toolbar-button active */ 1393toolbar menubar .linked button:hover:active:last-child, 1394toolbar menubar .linked button:checked:last-child, 1395toolbar menubar .linked button:checked:focus:last-child, 1396toolbar menubar .linked button:checked:hover:last-child, 1397toolbar menubar .linked button:checked:hover:active:last-child, 1398toolbar button.raised.linked:hover:active:last-child, 1399toolbar button.raised.linked:checked:last-child, 1400toolbar button.raised.linked:checked:focus:last-child, 1401toolbar button.raised.linked:checked:hover:last-child, 1402toolbar button.raised.linked:checked:hover:active:last-child, 1403toolbar .raised.linked button:hover:active:last-child, 1404toolbar .raised.linked button:checked:last-child, 1405toolbar .raised.linked button:checked:focus:last-child, 1406toolbar .raised.linked button:checked:hover:last-child, 1407toolbar .raised.linked button:checked:hover:active:last-child, 1408toolbar.primary-toolbar .linked button:hover:active:last-child, 1409toolbar.primary-toolbar .linked button:checked:last-child, 1410toolbar.primary-toolbar .linked button:checked:focus:last-child, 1411toolbar.primary-toolbar .linked button:checked:hover:last-child, 1412toolbar.primary-toolbar .linked button:checked:hover:active:last-child { 1413 box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), 1414 inset 1px 0px shade (@theme_selected_bg_color, 1.3), 1415 inset -1px 0px shade (@theme_selected_bg_color, 1.3), 1416 inset 0px -1px shade (@theme_selected_bg_color, 1.3); 1417} 1418 1419/* Rightmost toolbar-button disabled */ 1420toolbar menubar .linked button:disabled:last-child, 1421toolbar button.raised.linked:disabled:last-child, 1422toolbar .raised.linked button:disabled:last-child, 1423toolbar.primary-toolbar .linked button:disabled:last-child, 1424toolbar.primary-toolbar .linked entry:disabled:last-child { 1425 border-color: alpha (#fff, 0.00); /* Quita outer */ 1426 box-shadow: inset 0px 1px shade(@theme_button_border_dark, 1.10), 1427 inset 1px 0px shade(@theme_button_border_dark, 1.05), 1428 inset -1px 0px shade(@theme_button_border_dark, 1.05), 1429 inset 0px -1px shade(@theme_button_border_dark, 1.00); 1430} 1431 1432/* Linked single toolbar-button */ 1433toolbar menubar .linked button:only-child, 1434toolbar menubar .linked button:hover:only-child, 1435toolbar menubar .linked button:hover:active:only-child, 1436toolbar menubar .linked button:checked:only-child, 1437toolbar menubar .linked button:checked:focus:only-child, 1438toolbar menubar .linked button:checked:hover:only-child, 1439toolbar menubar .linked button:checked:hover:active:only-child, 1440toolbar menubar .linked button:disabled:only-child, 1441toolbar button.raised.linked:only-child, 1442toolbar button.raised.linked:hover:only-child, 1443toolbar button.raised.linked:hover:active:only-child, 1444toolbar button.raised.linked:checked:only-child, 1445toolbar button.raised.linked:checked:focus:only-child, 1446toolbar button.raised.linked:checked:hover:only-child, 1447toolbar button.raised.linked:checked:hover:active:only-child, 1448toolbar button.raised.linked:disabled:only-child, 1449toolbar .raised.linked button:only-child, 1450toolbar .raised.linked button:hover:only-child, 1451toolbar .raised.linked button:hover:active:only-child, 1452toolbar .raised.linked button:checked:only-child, 1453toolbar .raised.linked button:checked:focus:only-child, 1454toolbar .raised.linked button:checked:hover:only-child, 1455toolbar .raised.linked button:checked:hover:active:only-child, 1456toolbar .raised.linked button:disabled:only-child, 1457toolbar.primary-toolbar .linked entry:only-child, 1458toolbar.primary-toolbar .linked button:only-child, 1459toolbar.primary-toolbar .linked button:hover:only-child, 1460toolbar.primary-toolbar .linked button:hover:active:only-child, 1461toolbar.primary-toolbar .linked button:checked:only-child, 1462toolbar.primary-toolbar .linked button:checked:focus:only-child, 1463toolbar.primary-toolbar .linked button:checked:hover:only-child, 1464toolbar.primary-toolbar .linked button:checked:hover:active:only-child, 1465toolbar.primary-toolbar .linked entry:disabled:only-child, 1466toolbar.primary-toolbar .linked button:disabled:only-child { 1467 border-width: 1px; 1468 border-radius: 5px; 1469 padding: 2px 4px 4px 2px; 1470} 1471 1472/* Linked single toolbar-button hover */ 1473toolbar .raised.linked button:hover:only-child, 1474toolbar menubar .linked button:hover:only-child, 1475toolbar.primary-toolbar .linked button:hover:only-child { 1476 background-image: -gtk-gradient (linear, 1477 left top, left bottom, 1478 from (shade(@menu_bg_dark_color, 2.03)), 1479 to (shade(@menu_bg_dark_color, 1.17))); 1480 box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), 1481 inset 1px 0px shade (@theme_selected_bg_color, 1.3), 1482 inset -1px 0px shade (@theme_selected_bg_color, 1.3), 1483 inset 0px -1px shade (@theme_selected_bg_color, 1.3); 1484} 1485 1486/* Linked single toolbar-button active */ 1487toolbar menubar .linked button:hover:active:only-child, 1488toolbar menubar .linked button:checked:only-child, 1489toolbar menubar .linked button:checked:focus:only-child, 1490toolbar menubar .linked button:checked:hover:only-child, 1491toolbar menubar .linked button:checked:hover:active:only-child, 1492toolbar button.raised.linked:hover:active:only-child, 1493toolbar button.raised.linked:checked:only-child, 1494toolbar button.raised.linked:checked:focus:only-child, 1495toolbar button.raised.linked:checked:hover:only-child, 1496toolbar button.raised.linked:checked:hover:active:only-child, 1497toolbar .raised.linked button:hover:active:only-child, 1498toolbar .raised.linked button:checked:only-child, 1499toolbar .raised.linked button:checked:focus:only-child, 1500toolbar .raised.linked button:checked:hover:only-child, 1501toolbar .raised.linked button:checked:hover:active:only-child, 1502toolbar.primary-toolbar .linked button:hover:active:only-child, 1503toolbar.primary-toolbar .linked button:checked:only-child, 1504toolbar.primary-toolbar .linked button:checked:focus:only-child, 1505toolbar.primary-toolbar .linked button:checked:hover:only-child, 1506toolbar.primary-toolbar .linked button:checked:hover:active:only-child { 1507 box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), 1508 inset 1px 0px shade (@theme_selected_bg_color, 1.3), 1509 inset -1px 0px shade (@theme_selected_bg_color, 1.3), 1510 inset 0px -1px shade (@theme_selected_bg_color, 1.3); 1511} 1512 1513/* Linked single toolbar-button disabled */ 1514toolbar menubar .linked button:disabled:only-child, 1515toolbar button.raised.linked:disabled:only-child, 1516toolbar .raised.linked button:disabled:only-child, 1517toolbar.primary-toolbar .linked entry:disabled:only-child, 1518toolbar.primary-toolbar .linked button:disabled:only-child { 1519 border-color: alpha (#fff, 0.00); /* Quita outer */ 1520 box-shadow: inset 0px 1px shade(@theme_button_border_dark, 1.10), 1521 inset 1px 0px shade(@theme_button_border_dark, 1.05), 1522 inset -1px 0px shade(@theme_button_border_dark, 1.05), 1523 inset 0px -1px shade(@theme_button_border_dark, 1.00); 1524} 1525 1526/* nth-child for linked areas */ 1527toolbar .raised.linked.button, 1528toolbar .raised.linked.button:hover:active, 1529toolbar .raised.linked.button:checked, 1530toolbar .raised.linked.button:checked:hover, 1531toolbar .raised.linked.button:checked:hover:active, 1532toolbar .raised.linked button, 1533toolbar .raised.linked button:hover:active, 1534toolbar .raised.linked button:checked, 1535toolbar .raised.linked button:checked:hover, 1536toolbar .raised.linked button:checked:hover:active { 1537} 1538 1539toolbar .raised.linked.button:nth-child(first) , 1540toolbar .raised.linked.button:hover:active:nth-child(first), 1541toolbar .raised.linked.button:checked:nth-child(first), 1542toolbar .raised.linked.button:checked:hover:nth-child(first), 1543toolbar .raised.linked:nth-child(first) button, 1544toolbar .raised.linked:nth-child(first) button:hover:active, 1545toolbar .raised.linked:nth-child(first) button:checked, 1546toolbar .raised.linked:nth-child(first) button:checked:hover { 1547} 1548 1549toolbar .raised.linked.button:nth-child(last), 1550toolbar .raised.linked.button:hover:active:nth-child(last), 1551toolbar .raised.linked.button:checked:nth-child(last), 1552toolbar .raised.linked.button:checked:hover:nth-child(last), 1553toolbar .raised.linked:nth-child(last) button, 1554toolbar .raised.linked:nth-child(last) button:hover:active, 1555toolbar .raised.linked:nth-child(last) button:checked, 1556toolbar .raised.linked:nth-child(last) button:checked:hover { 1557} 1558 1559/***************************/ 1560/* Linked standard buttons */ 1561/***************************/ 1562 1563.linked entry, 1564.linked > combobox > button.combo, 1565.linked > combobox > button.combo:focus 1566.linked > combobox > button.combo:checked, 1567.linked > combobox > button.combo:hover, 1568.linked > combobox > button.combo:focus:hover, 1569.linked > combobox > button.combo:disabled, 1570.linked button, 1571.linked button:focus, 1572.linked button:checked, 1573.linked button:hover, 1574.linked button:focus:hover, 1575.linked button:hover:active, 1576.linked button:checked:hover, 1577.linked button:checked:hover:active, 1578.linked button:disabled { 1579 background-color: transparent; 1580 border-width: 1px; 1581 border-radius: 5px; 1582 color: @theme_fg_color; 1583 text-shadow: none; 1584 box-shadow: none; 1585} 1586 1587.linked entry { 1588 padding: 7px 6px; 1589} 1590 1591.linked button, 1592.linked button:focus, 1593.linked button:hover, 1594.linked button:checked, 1595.linked button:focus:active, 1596.linked button:focus:hover:active, 1597.linked button:hover:active, 1598.linked button:checked:hover, 1599.linked button:checked:hover:active, 1600.linked button:disabled { 1601 padding: 4px; 1602} 1603 1604.linked > combobox > button.combo:disabled, 1605.linked button:disabled { 1606 background-image: none; 1607 background-color: @insensitive_bg_color; 1608 border-color: alpha (#000, 0.00); 1609 border-bottom-color: alpha (#000, 0.00); 1610 color: @insensitive_fg_color; 1611} 1612 1613.linked > combobox > button.combo, 1614.linked > combobox > button.combo:focus, 1615.linked button, 1616.linked button:focus { 1617 background-image: -gtk-gradient (linear, 1618 left top, left bottom, 1619 from (@button_gradient1), 1620 color-stop (0.50, @button_gradient3), 1621 to (@button_gradient4)); 1622 1623} 1624 1625.linked > combobox > button.combo:hover, 1626.linked > combobox > button.combo:focus:hover, 1627.linked button:hover, 1628.linked button:focus:hover, 1629.linked button:checked:hover { 1630 background-image: -gtk-gradient (linear, 1631 left top, left bottom, 1632 from (shade(@button_gradient1, 1.03)), 1633 color-stop (0.50, shade(@button_gradient3, 1.03)), 1634 to (shade(@button_gradient4, 1.01))); 1635} 1636 1637.linked > combobox > button.combo:checked, 1638.linked > combobox > button.combo:checked:hover:active, 1639.linked button:checked, 1640.linked button:checked:hover:active { 1641 background-image: -gtk-gradient (linear, 1642 left top, left bottom, 1643 from (shade (@theme_bg_color, 1.20)), 1644 color-stop (0.50, shade (@theme_bg_color, 1.00)), 1645 color-stop (0.50, shade (@theme_bg_color, 0.99)), 1646 to (shade (@theme_bg_color, 0.80))); 1647} 1648 1649/* default button */ 1650.linked button.default, 1651.linked button.default:focus, 1652.linked button.default:first-child, 1653.linked button.default:focus:first-child { 1654 box-shadow: inset 0px 1px shade(@selected_bg_color, 1.3), 1655 inset 1px 0px shade(@selected_bg_color, 1.3), 1656 inset -1px 0px rgba(255,255,255,0), 0 1px rgba(255,255,255,0), 1657 inset 0px -1px shade(@selected_bg_color, 1.3); 1658} 1659 1660.linked button.default:last-child, 1661.linked button.default:focus:last-child, 1662.linked button.default:only-child, 1663.linked button.default:focus:only-child { 1664 box-shadow: inset 0px 1px shade(@selected_bg_color, 1.3), 1665 inset 1px 0px shade(@selected_bg_color, 1.3), 1666 inset -1px 0px shade(@selected_bg_color, 1.3), 1667 inset 0px -1px shade(@selected_bg_color, 1.3); 1668} 1669 1670/* Middle button */ 1671.linked entry, 1672.linked button, 1673.linked button:focus { 1674 box-shadow: inset 0px 1px alpha(shade(@button_border, 1.00), 0.70), 1675 inset 1px 0px alpha(shade(@button_border, 0.94), 0.80), 1676 inset -1px 0px rgba(255,255,255,0), 0 1px rgba(255,255,255,0), 1677 inset 0px -1px alpha(shade(@button_border, 0.88), 0.90); 1678 border-width: 1px 0px 1px 0px; 1679 border-radius: 0; 1680} 1681 1682 /* Middle Button active/hover */ 1683.linked button:hover, 1684.linked button:checked:hover, 1685.linked button:focus:active, 1686.linked button:hover:active, 1687.linked button:checked, 1688.linked button:checked:hover:active { 1689 box-shadow: inset 0px 1px shade(@selected_bg_color, 1.3), 1690 inset 1px 0px shade(@selected_bg_color, 1.3), 1691 inset -1px 0px rgba(255,255,255,0), 0 1px rgba(255,255,255,0), 1692 inset 0px -1px shade(@selected_bg_color, 1.3); 1693 border-width: 1px 0px 1px 0px; 1694 border-radius: 0; 1695} 1696 1697/* Middle button disabled */ 1698.linked button:disabled { 1699 box-shadow: inset 0px 1px @insensitive_border_color, 1700 inset 1px 0px @insensitive_border_color, 1701 inset -1px 0px rgba(255,255,255,0), 0 1px rgba(255,255,255,0), 1702 inset 0px -1px @insensitive_border_color; 1703 border-width: 1px 0px 1px 0px; 1704 border-radius: 0; 1705} 1706 1707/* Leftmost button */ 1708.linked entry:first-child, 1709.linked button:first-child, 1710.linked button:focus:first-child { 1711 box-shadow: inset 0px 1px alpha(shade(@button_border, 1.00), 0.70), 1712 inset 1px 0px alpha(shade(@button_border, 0.94), 0.80), 1713 inset -1px 0px rgba(255,255,255,0), 0 1px rgba(255,255,255,0), 1714 inset 0px -1px alpha(shade(@button_border, 0.88), 0.90); 1715 border-radius: 5px 0 0 5px; 1716 border-width: 1px 0px 1px 1px; 1717} 1718 1719/* Leftmost button active/hover */ 1720.linked button:hover:first-child, 1721.linked button:checked:hover:first-child, 1722.linked button:focus:active:first-child, 1723.linked button:hover:active:first-child, 1724.linked button:checked:first-child, 1725.linked button:checked:hover:active:first-child { 1726 box-shadow: inset 0px 1px shade(@selected_bg_color, 1.3), 1727 inset 1px 0px shade(@selected_bg_color, 1.3), 1728 inset -1px 0px rgba(255,255,255,0), 0 1px rgba(255,255,255,0), 1729 inset 0px -1px shade(@selected_bg_color, 1.3); 1730 border-radius: 5px 0 0 5px; 1731 border-width: 1px 0px 1px 1px; 1732} 1733 1734/* Leftmost button disabled */ 1735.linked button:disabled:first-child { 1736 box-shadow: inset 0px 1px @insensitive_border_color, 1737 inset 1px 0px @insensitive_border_color, 1738 inset -1px 0px rgba(255,255,255,0), 0 1px rgba(255,255,255,0), 1739 inset 0px -1px @insensitive_border_color; 1740 border-radius: 5px 0 0 5px; 1741 border-width: 1px 0px 1px 1px; 1742} 1743 1744/* Rightmost button */ 1745.linked entry:last-child, 1746.linked button:last-child, 1747.linked button:focus:last-child { 1748 box-shadow: inset 0px 1px alpha(shade(@button_border, 1.00), 0.70), 1749 inset 1px 0px alpha(shade(@button_border, 0.94), 0.80), 1750 inset -1px 0px alpha(shade(@button_border, 0.94), 0.80), 1751 inset 0px -1px alpha(shade(@button_border, 0.88), 0.90); 1752 border-radius: 0 5px 5px 0; 1753 border-width: 1px 1px 1px 0px; 1754} 1755 1756/* Rightmost button active/hover */ 1757.linked button:hover:last-child, 1758.linked button:checked:hover:last-child, 1759.linked button:focus:active:last-child, 1760.linked button:hover:active:last-child, 1761.linked button:checked:last-child, 1762.linked button:checked:hover:active:last-child { 1763 box-shadow: inset 0px 1px shade(@selected_bg_color, 1.3), 1764 inset 1px 0px shade(@selected_bg_color, 1.3), 1765 inset -1px 0px shade(@selected_bg_color, 1.3), 1766 inset 0px -1px shade(@selected_bg_color, 1.3); 1767 border-radius: 0 5px 5px 0; 1768 border-width: 1px 1px 1px 0px; 1769} 1770 1771/* Rightmost button disabled */ 1772.linked button.combo:disabled:last-child { 1773 box-shadow: inset 0px 1px @insensitive_border_color, 1774 inset 1px 0px @insensitive_border_color, 1775 inset -1px 0px @insensitive_border_color, 1776 inset 0px -1px @insensitive_border_color; 1777} 1778 1779/* Linked single button */ 1780.linked entry:only-child, 1781.linked button:only-child, 1782.linked button:hover:only-child, 1783.linked button:checked:only-child, 1784.linked button:focus:only-child, 1785.linked button:focus:hover:only-child { 1786 border-radius: 5px; 1787 border-width: 1px; 1788} 1789 1790.linked button:hover:only-child, 1791.linked button:hover:active:only-child, 1792.linked button:focus:active:only-child, 1793.linked button:checked:only-child, 1794.linked button:checked:hover:only-child, 1795.linked button:checked:hover:active:only-child { 1796 box-shadow: inset 0px 1px shade(@selected_bg_color, 1.3), 1797 inset 1px 0px shade(@selected_bg_color, 1.3), 1798 inset -1px 0px shade(@selected_bg_color, 1.3), 1799 inset 0px -1px shade(@selected_bg_color, 1.3); 1800 border-radius: 5px; 1801} 1802 1803/* Linked single button disabled */ 1804.linked button:disabled:only-child { 1805 box-shadow: inset 0px 1px @insensitive_border_color, 1806 inset 1px 0px @insensitive_border_color, 1807 inset -1px 0px @insensitive_border_color, 1808 inset 0px -1px @insensitive_border_color; 1809 border-radius: 5px; 1810} 1811 1812/* vertical */ 1813/* Middle button */ 1814.vertical.linked button, 1815.vertical.linked button:focus { 1816 box-shadow: inset 0px 1px alpha(shade(@button_border, 1.00), 0.90), 1817 inset 1px 0px alpha(shade(@button_border, 0.94), 0.90), 1818 inset -1px 0px alpha(shade(@button_border, 0.88), 0.90), 1819 inset 0px -1px alpha(shade(@button_border, 0.88), 0.90); 1820 border-radius: 0px; 1821 border-width: 0px 1px 1px 1px; 1822} 1823 1824.vertical.linked button:hover, 1825.vertical.linked button:checked, 1826.vertical.linked button:focus:hover, 1827.vertical.linked button:focus:hover:active, 1828.vertical.linked button:hover:active, 1829.vertical.linked button:checked:active, 1830.vertical.linked button:checked:hover:active { 1831 box-shadow: inset 0px 1px shade(@selected_bg_color, 1.3), 1832 inset 1px 0px shade(@selected_bg_color, 1.3), 1833 inset -1px 0px shade(@selected_bg_color, 1.3), 1834 inset 0px -1px shade(@selected_bg_color, 1.3); 1835 border-radius: 0px; 1836 border-width: 0px 1px 1px 1px; 1837} 1838 1839.vertical.linked button:disabled { 1840 box-shadow: inset 0px 1px @insensitive_border_color, 1841 inset 1px 0px @insensitive_border_color, 1842 inset -1px 0px @insensitive_border_color, 1843 inset 0px -1px @insensitive_border_color; 1844 border-radius: 0px; 1845 border-width: 0px 1px 1px 1px; 1846} 1847 1848/* Top button */ 1849 1850.vertical.linked button:first-child, 1851.vertical.linked button:focus:first-child { 1852 box-shadow: inset 0px 1px alpha(shade(@button_border, 1.00), 0.70), 1853 inset 1px 0px alpha(shade(@button_border, 0.94), 0.90), 1854 inset -1px 0px alpha(shade(@button_border, 0.88), 0.90); 1855 border-radius: 5px 5px 0 0; 1856 border-width: 1px 1px 1px 1px; 1857} 1858 1859.vertical.linked button:hover:first-child, 1860.vertical.linked button:checked:first-child, 1861.vertical.linked button:focus:hover:first-child, 1862.vertical.linked button:focus:hover:active:first-child, 1863.vertical.linked button:hover:active:first-child, 1864.vertical.linked button:checked:active:first-child, 1865.vertical.linked button:checked:hover:active:first-child { 1866 box-shadow: inset 0px 1px shade(@selected_bg_color, 1.3), 1867 inset 1px 0px shade(@selected_bg_color, 1.3), 1868 inset -1px 0px shade(@selected_bg_color, 1.3); 1869 border-radius: 5px 5px 0 0; 1870 border-width: 1px 1px 1px 1px; 1871} 1872 1873.vertical.linked button:disabled:first-child { 1874 box-shadow: inset 0px 1px @insensitive_border_color, 1875 inset 1px 0px @insensitive_border_color, 1876 inset -1px 0px @insensitive_border_color; 1877 border-radius: 5px 5px 0 0; 1878 border-width: 1px 1px 1px 1px; 1879} 1880 1881/* Bottom button */ 1882 1883.vertical.linked button:last-child, 1884.vertical.linked button:focus:last-child { 1885 box-shadow: inset 1px 0px alpha(shade(@button_border, 0.94), 0.90), 1886 inset -1px 0px alpha(shade(@button_border, 0.94), 0.90), 1887 inset 0px -1px alpha(shade(@button_border, 0.88), 0.70); 1888 border-radius: 0 0 5px 5px; 1889 border-width: 0px 1px 1px 1px; 1890} 1891 1892.vertical.linked button:hover:last-child, 1893.vertical.linked button:checked:last-child, 1894.vertical.linked button:focus:hover:last-child, 1895.vertical.linked button:focus:hover:active:last-child, 1896.vertical.linked button:hover:active:last-child, 1897.vertical.linked button:checked:active:last-child, 1898.vertical.linked button:checked:hover:active:last-child { 1899 box-shadow: inset 1px 0px shade(@selected_bg_color, 1.3), 1900 inset -1px 0px shade(@selected_bg_color, 1.3), 1901 inset 0px -1px shade(@selected_bg_color, 1.3); 1902 border-radius: 0 0 5px 5px; 1903 border-width: 0px 1px 1px 1px; 1904} 1905 1906.vertical.linked button:disabled:last-child { 1907 box-shadow: inset 1px 0px @insensitive_border_color, 1908 inset -1px 0px @insensitive_border_color, 1909 inset 0px -1px @insensitive_border_color; 1910 border-radius: 0 0 5px 5px; 1911 border-width: 0px 1px 1px 1px; 1912} 1913 1914/* Single button */ 1915 1916.vertical.linked button:only-child, 1917.vertical.linked button:focus:only-child { 1918 box-shadow: inset 0px 1px alpha(shade(@button_border, 0.94), 0.90), 1919 inset 1px 0px alpha(shade(@button_border, 0.94), 0.90), 1920 inset -1px 0px alpha(shade(@button_border, 0.94), 0.90), 1921 inset 0px -1px alpha(shade(@button_border, 0.94), 0.90); 1922 border-radius: 5px; 1923 border-width: 1px; 1924} 1925 1926.vertical.linked button:hover:only-child, 1927.vertical.linked button:checked:only-child, 1928.vertical.linked button:focus:hover:only-child, 1929.vertical.linked button:focus:hover:active:only-child, 1930.vertical.linked button:hover:active:only-child, 1931.vertical.linked button:checked:active:only-child, 1932.vertical.linked button:checked:hover:active:only-child { 1933 box-shadow: inset 0px 1px shade(@selected_bg_color, 1.3), 1934 inset 1px 0px shade(@selected_bg_color, 1.3), 1935 inset -1px 0px shade(@selected_bg_color, 1.3), 1936 inset 0px -1px shade(@selected_bg_color, 1.3); 1937 border-radius: 5px; 1938 border-width: 1px; 1939} 1940 1941.vertical.linked button:disabled:only-child { 1942 box-shadow: inset 0px 1px @insensitive_border_color, 1943 inset 1px 0px @insensitive_border_color, 1944 inset -1px 0px @insensitive_border_color, 1945 inset 0px -1px @insensitive_border_color; 1946 border-radius: 5px; 1947 border-width: 1px; 1948} 1949 1950/*************************/ 1951/* linked inline buttons */ 1952/*************************/ 1953 1954/* Middle button */ 1955toolbar.inline-toolbar button, 1956toolbar.inline-toolbar button:checked, 1957toolbar.inline-toolbar button:disabled, 1958toolbar.inline-toolbar toolbutton > button, 1959toolbar.inline-toolbar toolbutton > button:checked, 1960toolbar.inline-toolbar toolbutton > button:disabled { 1961 /* outer */ 1962 border-width: 0px; 1963 border-right-width: 0px; 1964 border-left-width: 0px; 1965 border-radius: 0; 1966 /* border and inset */ 1967 box-shadow: inset 0px 1px alpha(#fff, 0.09), 1968 inset 2px 0px alpha(#fff, 0.07), 1969 inset 1px 0px shade(@button_border, 1.10), 1970 inset -1px 0px alpha(#fff, 0.07), 1971 inset 0px -1px alpha(#fff, 0.05); 1972} 1973 1974toolbar.inline-toolbar button:hover:active, 1975toolbar.inline-toolbar button:checked, 1976toolbar.inline-toolbar button:checked:hover, 1977toolbar.inline-toolbar button:checked:hover:active, 1978toolbar.inline-toolbar toolbutton > button:checked { 1979 background-color: transparent; 1980 box-shadow: inset 0px 1px alpha(#000, 0.05), 1981 inset 2px 0px alpha(#000, 0.03), 1982 inset 1px 0px shade(@button_border, 0.80), 1983 inset -1px 0px alpha(#000, 0.03), 1984 inset 0px -1px alpha(#000, 0.02); 1985} 1986 1987toolbar.inline-toolbar button:disabled, 1988toolbar.inline-toolbar toolbutton > button:disabled { 1989 box-shadow: inset 1px 0px shade(@button_border, 1.10); 1990} 1991 1992/* Leftmost button */ 1993toolbar.inline-toolbar button:first-child, 1994toolbar.inline-toolbar button:checked:first-child, 1995toolbar.inline-toolbar button:disabled:first-child, 1996toolbar.inline-toolbar toolbutton:first-child > button, 1997toolbar.inline-toolbar toolbutton:first-child > button:checked, 1998toolbar.inline-toolbar toolbutton:first-child > button:disabled { 1999 border-width: 0px; 2000 border-radius: 0px; 2001 box-shadow: inset 0px 1px alpha(#fff, 0.09), 2002 inset 1px 0px alpha(#fff, 0.07), 2003 inset -1px 0px alpha(#fff, 0.07), 2004 inset 0px -1px alpha(#fff, 0.05); 2005} 2006 2007toolbar.inline-toolbar button:hover:active:first-child, 2008toolbar.inline-toolbar button:checked:first-child, 2009toolbar.inline-toolbar button:checked:hover:first-child, 2010toolbar.inline-toolbar button:checked:hover:active:first-child, 2011toolbar.inline-toolbar toolbutton:first-child > button:checked { 2012 background-color: transparent; 2013 box-shadow: inset 0px 1px alpha(#000, 0.05), 2014 inset 1px 0px alpha(#000, 0.03), 2015 inset -1px 0px alpha(#000, 0.03), 2016 inset 0px -1px alpha(#000, 0.02); 2017} 2018 2019toolbar.inline-toolbar button:disabled:first-child, 2020toolbar.inline-toolbar toolbutton:first-child > button:disabled { 2021 box-shadow: none; 2022} 2023 2024/* Rightmost button */ 2025toolbar.inline-toolbar button:last-child, 2026toolbar.inline-toolbar button:checked:last-child, 2027toolbar.inline-toolbar button:disabled:last-child, 2028toolbar.inline-toolbar toolbutton:last-child > button, 2029toolbar.inline-toolbar toolbutton:last-child > button:checked, 2030toolbar.inline-toolbar toolbutton:last-child > button:disabled { 2031 border-width: 0px; 2032 border-radius: 0px; 2033 box-shadow: inset 0px 1px alpha(#fff, 0.09), 2034 inset 2px 0px alpha(#fff, 0.07), 2035 inset 1px 0px shade(@button_border, 1.10), 2036 inset -2px 0px alpha(#fff, 0.07), 2037 inset -1px 0px shade(@button_border, 1.10), 2038 inset 0px -1px alpha(#fff, 0.05); 2039} 2040 2041toolbar.inline-toolbar button:hover:active:last-child, 2042toolbar.inline-toolbar button:checked:last-child, 2043toolbar.inline-toolbar button:checked:hover:last-child, 2044toolbar.inline-toolbar button:checked:hover:active:last-child, 2045toolbar.inline-toolbar toolbutton:last-child > button:checked { 2046 background-color: transparent; 2047 box-shadow: inset 0px 1px alpha(#000, 0.05), 2048 inset 2px 0px alpha(#000, 0.03), 2049 inset 1px 0px shade(@button_border, 0.80), 2050 inset -2px 0px alpha(#000, 0.03), 2051 inset -1px 0px shade(@button_border, 0.80), 2052 inset 0px -1px alpha(#000, 0.02); 2053} 2054 2055toolbar.inline-toolbar button:disabled:last-child, 2056toolbar.inline-toolbar toolbutton:last-child > button:disabled { 2057 box-shadow: inset 1px 0px shade(@button_border, 1.10), 2058 inset -1px 0px shade(@button_border, 1.10); 2059} 2060 2061/* Single button */ 2062toolbar.inline-toolbar button:only-child, 2063toolbar.inline-toolbar button:checked:only-child, 2064toolbar.inline-toolbar button:disabled:only-child, 2065toolbar.inline-toolbar toolbutton:only-child > button, 2066toolbar.inline-toolbar toolbutton:only-child > button:checked, 2067toolbar.inline-toolbar toolbutton:only-child > button:disabled { 2068 border-radius: 0px; 2069 border-width: 0px; 2070 box-shadow: inset 0px 1px alpha(#fff, 0.09), 2071 inset -1px 0px alpha(#fff, 0.07), 2072 inset 0px -1px alpha(#fff, 0.05), 2073 inset 1px 0px shade(@button_border, 1.10); 2074} 2075 2076toolbar.inline-toolbar button:hover:active:only-child, 2077toolbar.inline-toolbar button:checked:only-child, 2078toolbar.inline-toolbar button:checked:hover:only-child, 2079toolbar.inline-toolbar button:checked:hover:active:only-child, 2080toolbar.inline-toolbar toolbutton:only-child > button:checked { 2081 background-color: transparent; 2082 box-shadow: inset 0px 1px alpha(#000, 0.05), 2083 inset -1px 0px alpha(#000, 0.03), 2084 inset 0px -1px alpha(#000, 0.02), 2085 inset 1px 0px shade(@button_border, 0.80); 2086} 2087 2088toolbar.inline-toolbar button:disabled:only-child, 2089toolbar.inline-toolbar toolbutton:only-child > button:disabled { 2090 box-shadow: inset 1px 0px shade(@button_border, 1.10); 2091} 2092 2093/************** 2094 * ComboBoxes * 2095 **************/ 2096 2097combobox { 2098 padding: 0px; 2099} 2100 2101combobox cellview { 2102 /* color combobox read-only */ 2103 color: @theme_fg_color; 2104 text-shadow: none; 2105} 2106 2107combobox separator { 2108 /* always disable separators */ 2109 -GtkWidget-horizontal-separator: 0; 2110 -GtkWidget-vertical-separator: 0; 2111} 2112 2113combobox entry.combo, 2114combobox entry.combo:nth-child(first) { 2115 border-width: 1px 0px 1px 1px; /* remove right-outer */ 2116 border-radius: 5px 0px 0px 5px; 2117 /* remove right-border */ 2118 box-shadow: inset 0px 3px alpha(#000, 0.03), 2119 inset 0px 2px alpha(#000, 0.05), 2120 inset 2px 0px alpha(#000, 0.04), 2121 inset -1px 0px alpha(#000, 0.04), 2122 inset 0px -2px alpha(#000, 0.03), 2123 inset 0px 1px shade(@button_border, 0.90), 2124 inset 1px 0px shade(@button_border, 0.99), 2125 inset 0px -1px shade(@button_border, 1.10); 2126} 2127 2128combobox entry.combo:focus { 2129 box-shadow: inset 0px 3px alpha(#000, 0.03), 2130 inset 0px 2px alpha(#000, 0.05), 2131 inset 2px 0px alpha(#000, 0.04), 2132 inset -1px 0px alpha(#000, 0.04), 2133 inset 0px -2px alpha(#000, 0.03), 2134 inset 0px 1px alpha(@focused_entry_border, 0.95), 2135 inset 1px 0px alpha(@focused_entry_border, 0.95), 2136 inset 0px -1px alpha(@focused_entry_border, 0.95); 2137} 2138 2139/* for RTL languages */ 2140combobox entry.combo:nth-child(last) { 2141 border-width: 1px 1px 1px 0px; 2142 border-radius: 0px 5px 5px 0px; 2143} 2144 2145combobox button.combo { 2146 color: @internal_element_color; 2147} 2148 2149combobox button.combo:hover { 2150 color: @theme_text_color; 2151} 2152 2153combobox button.combo:focus, 2154combobox .linked button.combo:focus { 2155 box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), 2156 inset 1px 0px shade (@theme_selected_bg_color, 1.3), 2157 inset -1px 0px shade (@theme_selected_bg_color, 1.3), 2158 inset 0px -1px shade (@theme_selected_bg_color, 1.3); 2159} 2160 2161toolbar combobox cellview { 2162 /* color combobox read-only */ 2163 color: shade(@toolbar_fg_color, 0.94); 2164 text-shadow: none; 2165} 2166 2167/* ie. atril */ 2168.primary-toolbar toolbar combobox cellview, 2169toolbar.primary-toolbar combobox cellview { 2170 /* color combobox read-only */ 2171 color: shade(@theme_fg_dark_color, 0.94); 2172 text-shadow: none; 2173} 2174 2175.primary-toolbar toolbar combobox cellview:hover, 2176toolbar.primary-toolbar combobox cellview:hover { 2177 color: shade (@theme_selected_bg_color, 1.6); 2178} 2179 2180toolbar combobox button.combo:disabled, 2181toolbar.primary-toolbar combobox button.combo:disabled, 2182toolbar combobox .linked button.combo:disabled, 2183toolbar.primary-toolbar combobox .linked button.combo:disabled, 2184toolbar combobox .linked button.combo:disabled:first-child, 2185toolbar.primary-toolbar .linked combobox button.combo:disabled:first-child, 2186toolbar combobox .linked button.combo:disabled:last-child, 2187toolbar.primary-toolbar combobox .linked button.combo:disabled:last-child, 2188toolbar combobox .linked button.combo:disabled:only-child, 2189toolbar.primary-toolbar combobox button.combo:disabled:only-child { 2190 color: shade (@insensitive_fg_color, 1.0); 2191 background-color: transparent; 2192 box-shadow: none; 2193} 2194 2195toolbar toolitem entry:disabled, 2196toolbar.primary-toolbar toolitem entry:disabled { 2197 color: shade (@insensitive_fg_color, 1.0); 2198 background-color: transparent; 2199} 2200 2201toolbar combobox entry.combo, 2202toolbar combobox entry.combo:focus { 2203 border-width: 1px 0px 1px 1px; /* remove rightr */ 2204 border-top-color: shade(@toolbar_gradient_base, 0.60); 2205 border-left-color: shade(@toolbar_gradient_base, 0.70); 2206 border-bottom-color: shade(@toolbar_gradient_base, 0.80); 2207 box-shadow: inset 0px 3px alpha(#000, 0.02), 2208 inset 0px 2px alpha(#000, 0.04), 2209 inset 0px 1px alpha(#000, 0.06), 2210 inset 1px 0px alpha(#000, 0.05), 2211 inset -1px 0px alpha(#000, 0.05); 2212} 2213 2214toolbar combobox button.combo { 2215 background-image: -gtk-gradient (linear, 2216 left top, left bottom, 2217 from (alpha(#fff, 0.04)), 2218 to (alpha(#000, 0.07))); 2219 border-top-color: alpha (#000, 0.15); 2220 border-left-color: alpha (#000, 0.20); 2221 border-right-color: alpha (#000, 0.20); 2222 border-bottom-color: alpha (#000, 0.25); 2223} 2224 2225toolbar combobox button.combo:checked { 2226 background-image: -gtk-gradient (linear, 2227 left top, left bottom, 2228 from (alpha(#000, 0.20)), 2229 to (alpha(#000, 0.06))); 2230 border-top-color: alpha (#000, 0.40); 2231 border-left-color: alpha (#000, 0.31); 2232 border-right-color: alpha (#000, 0.31); 2233 border-bottom-color: alpha (#000, 0.22); 2234 box-shadow: inset 0px 2px alpha(#000, 0.02), 2235 inset 0px 1px alpha(#000, 0.06), 2236 inset 2px 0px alpha(#000, 0.02), 2237 inset 1px 0px alpha(#000, 0.04), 2238 inset -2px 0px alpha(#000, 0.02), 2239 inset -1px 0px alpha(#000, 0.04), 2240 inset 0px -1px alpha(#fff, 0.01); 2241} 2242 2243toolbar combobox button.combo, 2244toolbar combobox button.combo:hover, 2245toolbar combobox button.combo:checked, 2246toolbar combobox button.combo:disabled, 2247toolbar combobox button.combo:nth-child(last), 2248toolbar.primary-toolbar combobox button.combo, 2249toolbar.primary-toolbar combobox button.combo:hover, 2250toolbar.primary-toolbar combobox button.combo:checked, 2251toolbar.primary-toolbar combobox button.combo:disabled, 2252toolbar.primary-toolbar combobox button.combo:nth-child(last) { 2253 border-radius: 5px; 2254 border-width: 1px 1px 1px 1px; 2255 padding: 8px 6px; 2256} 2257 2258combobox > button.combo, 2259combobox > button.combo:focus, 2260combobox > button.combo:focus:hover, 2261combobox > button.combo:hover, 2262combobox > button.combo:hover:active, 2263combobox > button.combo:checked, 2264combobox > button.combo:checked:hover, 2265combobox > button.combo:checked:hover:active, 2266combobox > button.combo:disabled { 2267 border-width: 1px; 2268 border-radius: 5px; 2269 border-width: 1px; 2270 padding: 5px 4px; 2271} 2272 2273combobox > .horizontal.linked button.combo, 2274combobox > .horizontal.linked entry.combo, 2275.linked.horizontal > combobox > .linked.horizontal > button.combo, 2276.linked.horizontal > combobox > .linked.horizontal > button.combo:focus { 2277 padding: 4px; 2278 border-radius: 0px; 2279 border-width: 1px 0px 1px 0px; 2280} 2281 2282combobox > .horizontal.linked button.combo:first-child, 2283combobox > .horizontal.linked entry.combo:first-child, 2284.linked.horizontal > combobox:first-child > .linked.horizontal > button.combo:first-child, 2285.linked.horizontal > combobox:first-child > .linked.horizontal > button.combo:focus:first-child { 2286 border-radius: 5px 0px 0px 5px; 2287 border-width: 1px 0px 1px 1px; 2288} 2289 2290combobox > .horizontal.linked button.combo:last-child, 2291combobox > .horizontal.linked entry.combo:last-child, 2292.linked.horizontal > combobox:last-child > .linked.horizontal > button.combo:last-child, 2293.linked.horizontal > combobox:last-child > .linked.horizontal > button.combo:focus:last-child { 2294 border-radius: 0px 5px 5px 0px; 2295 border-width: 1px 1px 1px 0px; 2296} 2297 2298combobox > .horizontal.linked button.combo:only-child, 2299combobox > .horizontal.linked entry.combo:only-child, 2300.linked.horizontal > combobox:only-child > .linked.horizontal > button.combo:only-child, 2301.linked.horizontal > combobox:only-child > .linked.horizontal > button.combo:focus:only-child { 2302 border-radius: 5px; 2303 border-width: 1px; 2304} 2305 2306combobox > .linked button.combo:checked { 2307 box-shadow: inset 0px 1px shade(@selected_bg_color, 1.3), 2308 inset 1px 0px shade(@selected_bg_color, 1.3), 2309 inset -1px 0px shade(@selected_bg_color, 1.3), 2310 inset 0px -1px shade(@selected_bg_color, 1.3); 2311} 2312 2313/* Middle button */ 2314.linked.horizontal > combobox > .linked.horizontal > button.combo, 2315.linked.horizontal > combobox > .linked.horizontal > button.combo:focus { 2316 box-shadow: inset 0px 1px alpha(shade(@button_border, 1.00), 0.70), 2317 inset 1px 0px alpha(shade(@button_border, 0.94), 0.80), 2318 inset -1px 0px rgba(255,255,255,0), 0 1px rgba(255,255,255,0), 2319 inset 0px -1px alpha(shade(@button_border, 0.88), 0.90); 2320} 2321 2322 /* Middle Button active/hover */ 2323.linked.horizontal > combobox > .linked.horizontal > button.combo:hover, 2324.linked.horizontal > combobox > .linked.horizontal > button.combo:focus:hover, 2325.linked.horizontal > combobox > .linked.horizontal > button.combo:hover:active, 2326.linked.horizontal > combobox > .linked.horizontal > button.combo:checked, 2327.linked.horizontal > combobox > .linked.horizontal > button.combo:checked:hover, 2328.linked.horizontal > combobox > .linked.horizontal > button.combo:checked:hover:active { 2329 box-shadow: inset 0px 1px shade(@selected_bg_color, 1.3), 2330 inset 1px 0px shade(@selected_bg_color, 1.3), 2331 inset -1px 0px rgba(255,255,255,0), 0 1px rgba(255,255,255,0), 2332 inset 0px -1px shade(@selected_bg_color, 1.3); 2333} 2334 2335/* Middle button disabled */ 2336.linked.horizontal > combobox > .linked.horizontal > button.combo:disabled { 2337 box-shadow: inset 0px 1px @insensitive_border_color, 2338 inset 1px 0px @insensitive_border_color, 2339 inset -1px 0px rgba(255,255,255,0), 0 1px rgba(255,255,255,0), 2340 inset 0px -1px @insensitive_border_color; 2341} 2342 2343/* Leftmost button */ 2344.linked.horizontal > combobox:first-child > .linked.horizontal > button.combo:first-child, 2345.linked.horizontal > combobox:first-child > .linked.horizontal > button.combo:focus:first-child { 2346 box-shadow: inset 0px 1px alpha(shade(@button_border, 1.00), 0.70), 2347 inset 1px 0px alpha(shade(@button_border, 0.94), 0.80), 2348 inset -1px 0px rgba(255,255,255,0), 0 1px rgba(255,255,255,0), 2349 inset 0px -1px alpha(shade(@button_border, 0.88), 0.90); 2350} 2351 2352/* Leftmost button active/active */ 2353.linked.horizontal > combobox:first-child > .linked.horizontal > button.combo:hover:first-child, 2354.linked.horizontal > combobox:first-child > .linked.horizontal > button.combo:focus:hover:first-child, 2355.linked.horizontal > combobox:first-child > .linked.horizontal > button.combo:hover:active:first-child, 2356.linked.horizontal > combobox:first-child > .linked.horizontal > button.combo:checked:first-child, 2357.linked.horizontal > combobox:first-child > .linked.horizontal > button.combo:checked:hover:first-child, 2358.linked.horizontal > combobox:first-child > .linked.horizontal > button.combo:checked:hover:active:first-child { 2359 box-shadow: inset 0px 1px shade(@selected_bg_color, 1.3), 2360 inset 1px 0px shade(@selected_bg_color, 1.3), 2361 inset -1px 0px rgba(255,255,255,0), 0 1px rgba(255,255,255,0), 2362 inset 0px -1px shade(@selected_bg_color, 1.3); 2363} 2364 2365/* Leftmost button disabled */ 2366.linked.horizontal > combobox:first-child > .linked.horizontal > button.combo:disabled:first-child { 2367 box-shadow: inset 0px 1px @insensitive_border_color, 2368 inset 1px 0px @insensitive_border_color, 2369 inset -1px 0px rgba(255,255,255,0), 0 1px rgba(255,255,255,0), 2370 inset 0px -1px @insensitive_border_color; 2371} 2372 2373/* Rightmost button */ 2374.linked.horizontal > combobox:last-child > .linked.horizontal > button.combo:last-child, 2375.linked.horizontal > combobox:last-child > .linked.horizontal > button.combo:focus:last-child { 2376 box-shadow: inset 0px 1px alpha(shade(@button_border, 1.00), 0.70), 2377 inset 1px 0px alpha(shade(@button_border, 0.94), 0.80), 2378 inset -1px 0px alpha(shade(@button_border, 0.94), 0.80), 2379 inset 0px -1px alpha(shade(@button_border, 0.88), 0.90); 2380} 2381 2382/* Rightmost button active */ 2383.linked.horizontal > combobox:last-child > .linked.horizontal > button.combo:hover:last-child, 2384.linked.horizontal > combobox:last-child > .linked.horizontal > button.combo:focus:hover:last-child, 2385.linked.horizontal > combobox:last-child > .linked.horizontal > button.combo:hover:active:last-child, 2386.linked.horizontal > combobox:last-child > .linked.horizontal > button.combo:checked:last-child, 2387.linked.horizontal > combobox:last-child > .linked.horizontal > button.combo:checked:hover:last-child, 2388.linked.horizontal > combobox:last-child > .linked.horizontal > button.combo:checked:hover:active:last-child { 2389 box-shadow: inset 0px 1px shade(@selected_bg_color, 1.3), 2390 inset 1px 0px shade(@selected_bg_color, 1.3), 2391 inset -1px 0px shade(@selected_bg_color, 1.3), 2392 inset 0px -1px shade(@selected_bg_color, 1.3); 2393} 2394 2395/* Rightmost button disabled */ 2396.linked.horizontal > combobox:last-child > .linked.horizontal > button.combo:last-child { 2397 box-shadow: inset 0px 1px @insensitive_border_color, 2398 inset 1px 0px @insensitive_border_color, 2399 inset -1px 0px @insensitive_border_color, 2400 inset 0px -1px @insensitive_border_color; 2401} 2402 2403/* vertical */ 2404/* Middle button */ 2405.vertical.linked > combobox > .linked.horizontal > button.combo, 2406.vertical.linked > combobox > .linked.horizontal > button.combo:focus { 2407 box-shadow: inset 0px 1px alpha(shade(@button_border, 1.00), 0.90), 2408 inset 1px 0px alpha(shade(@button_border, 0.94), 0.90), 2409 inset -1px 0px alpha(shade(@button_border, 0.88), 0.90), 2410 inset 0px -1px alpha(shade(@button_border, 0.88), 0.90); 2411 border-radius: 0px; 2412 border-width: 0px 1px 1px 1px; 2413} 2414 2415.vertical.linked > combobox > .linked.horizontal > button.combo:hover, 2416.vertical.linked > combobox > .linked.horizontal > button.combo:focus:hover, 2417.vertical.linked > combobox > .linked.horizontal > button.combo:checked { 2418 box-shadow: inset 0px 1px shade(@selected_bg_color, 1.3), 2419 inset 1px 0px shade(@selected_bg_color, 1.3), 2420 inset -1px 0px shade(@selected_bg_color, 1.3), 2421 inset 0px -1px shade(@selected_bg_color, 1.3); 2422} 2423 2424.vertical.linked > combobox > .linked.horizontal > button.combo:disabled { 2425 box-shadow: inset 0px 1px @insensitive_border_color, 2426 inset 1px 0px @insensitive_border_color, 2427 inset -1px 0px @insensitive_border_color, 2428 inset 0px -1px @insensitive_border_color; 2429} 2430 2431/* Top button */ 2432.vertical.linked > combobox:first-child > .linked.horizontal > button.combo:first-child, 2433.vertical.linked > combobox:first-child > .linked.horizontal > button.combo:focus:first-child { 2434 box-shadow: inset 0px 1px alpha(shade(@button_border, 1.00), 0.70), 2435 inset 1px 0px alpha(shade(@button_border, 0.94), 0.90), 2436 inset -1px 0px alpha(shade(@button_border, 0.88), 0.90); 2437 border-radius: 5px 5px 0 0; 2438 border-width: 1px 1px 1px 1px; 2439} 2440 2441.vertical.linked > combobox:first-child > .linked.horizontal > button.combo:hover:first-child, 2442.vertical.linked > combobox:first-child > .linked.horizontal > button.combo:focus:hover:first-child, 2443.vertical.linked > combobox:first-child > .linked.horizontal > button.combo:checked:first-child { 2444 box-shadow: inset 0px 1px shade(@selected_bg_color, 1.3), 2445 inset 1px 0px shade(@selected_bg_color, 1.3), 2446 inset -1px 0px shade(@selected_bg_color, 1.3); 2447} 2448 2449.vertical.linked > combobox:first-child > .linked.horizontal > button.combo:disabled:first-child { 2450 box-shadow: inset 0px 1px @insensitive_border_color, 2451 inset 1px 0px @insensitive_border_color, 2452 inset -1px 0px @insensitive_border_color; 2453} 2454 2455/* Bottom button */ 2456.vertical.linked > combobox:last-child > .linked.horizontal > button.combo:last-child, 2457.vertical.linked > combobox:last-child > .linked.horizontal > button.combo:focus:last-child { 2458 box-shadow: inset 1px 0px alpha(shade(@button_border, 0.94), 0.90), 2459 inset -1px 0px alpha(shade(@button_border, 0.94), 0.90), 2460 inset 0px -1px alpha(shade(@button_border, 0.88), 0.70); 2461 border-radius: 0 0 5px 5px; 2462 border-width: 0px 1px 1px 1px; 2463} 2464 2465.vertical.linked > combobox:last-child > .linked.horizontal > button.combo:hover:last-child, 2466.vertical.linked > combobox:last-child > .linked.horizontal > button.combo:focus:hover:last-child, 2467.vertical.linked > combobox:last-child > .linked.horizontal > button.combo:checked:last-child { 2468 box-shadow: inset 1px 0px shade(@selected_bg_color, 1.3), 2469 inset -1px 0px shade(@selected_bg_color, 1.3), 2470 inset 0px -1px shade(@selected_bg_color, 1.3); 2471} 2472 2473.vertical.linked > combobox:last-child > .linked.horizontal > button.combo:disabled:last-child { 2474 box-shadow: inset 1px 0px @insensitive_border_color, 2475 inset -1px 0px @insensitive_border_color, 2476 inset 0px -1px @insensitive_border_color; 2477} 2478 2479/* Single button */ 2480.vertical.linked > combobox:last-child > .linked.horizontal > button.combo:only-child, 2481.vertical.linked > combobox:last-child > .linked.horizontal > button.combo:focus:only-child { 2482 box-shadow: inset 0px 1px alpha(shade(@button_border, 0.94), 0.90), 2483 inset 1px 0px alpha(shade(@button_border, 0.94), 0.90), 2484 inset -1px 0px alpha(shade(@button_border, 0.94), 0.90), 2485 inset 0px -1px alpha(shade(@button_border, 0.94), 0.90); 2486 border-radius: 5px; 2487 border-width: 1px; 2488} 2489 2490.vertical.linked > combobox:last-child > .linked.horizontal > button.combo:hover:only-child, 2491.vertical.linked > combobox:last-child > .linked.horizontal > button.combo:focus:hover:only-child, 2492.vertical.linked > combobox:last-child > .linked.horizontal > button.combo:checked:only-child { 2493 box-shadow: inset 0px 1px shade(@selected_bg_color, 1.3), 2494 inset 1px 0px shade(@selected_bg_color, 1.3), 2495 inset -1px 0px shade(@selected_bg_color, 1.3), 2496 inset 0px -1px shade(@selected_bg_color, 1.3); 2497} 2498 2499.vertical.linked > combobox:last-child > .linked.horizontal > button.combo:disabled:only-child { 2500 box-shadow: inset 0px 1px @insensitive_border_color, 2501 inset 1px 0px @insensitive_border_color, 2502 inset -1px 0px @insensitive_border_color, 2503 inset 0px -1px @insensitive_border_color; 2504 border-radius: 5px; 2505 border-width: 1px; 2506} 2507 2508combobox button.combo:checked, 2509combobox button.combo:hover { 2510 color: @internal_element_prelight; 2511} 2512 2513toolbar combobox button.combo:checked, 2514toolbar combobox button.combo:hover, 2515toolbar.primary-toolbar combobox button.combo:checked, 2516toolbar.primary-toolbar combobox button.combo:hover { 2517 color: shade (@theme_selected_bg_color, 1.6); 2518 -gtk-icon-shadow: 0px 1px shade (@menu_fg_dark_color, 1.0), 2519 1px 0px shade (@menu_fg_dark_color, 1.0), 2520 -1px 0px shade (@menu_fg_dark_color, 1.0), 2521 0px -1px shade (@menu_fg_dark_color, 1.0); 2522} 2523 2524combobox button.combo arrow { 2525 -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); 2526 color: @theme_fg_color; 2527 min-height: 16px; 2528 min-width: 16px; 2529 padding: 0px 2px; 2530} 2531 2532toolbar combobox button.combo arrow { 2533 color: @menu_fg_dark_color; 2534} 2535 2536toolbar combobox button.combo:hover arrow { 2537 color: shade (@theme_selected_bg_color, 1.6); 2538} 2539 2540/************ 2541 * Toolbars * 2542 ************/ 2543 2544toolbar { 2545 padding: 2px 4px; 2546 background-color: @toolbar_gradient_base; 2547 background-image: -gtk-gradient (linear, 2548 left top, left bottom, 2549 from (@toolbar_gradient_base), 2550 to (@toolbar_gradient_base)); 2551 border-width: 0 0 1px 0; 2552 border-radius: 0px; 2553 border-style: solid; 2554 border-bottom-color: shade(@toolbar_gradient_base, 0.90); 2555 color: @toolbar_fg_color; 2556} 2557 2558toolbar.vertical { 2559 border-radius: 4px 0 0 4px; 2560 padding: 2px; 2561} 2562 2563toolbar button.flat.image-button label { 2564 color: @menu_fg_dark_color; 2565} 2566 2567toolbar button.flat.image-button:hover label { 2568 color: shade (@theme_selected_bg_color, 1.6); 2569} 2570 2571toolbar toolitem combobox button.combo, 2572toolbar toolbutton button.flat.toggle.popup:focus, 2573toolbar toolbutton button.flat.toggle.popup:disabled, 2574toolbar toolbutton button.flat.image-button:disabled { 2575 box-shadow: none; 2576 background-image: none; 2577} 2578 2579toolbar toolbutton button.flat.toggle.popup:focus { 2580 2581} 2582 2583toolbar toolitem combobox button.combo:focus, 2584toolbar toolbutton button.flat.text-button:focus:hover, 2585toolbar toolbutton button.flat.toggle.popup:focus:hover, 2586toolbar toolitem combobox button.combo:hover { 2587 background-image: -gtk-gradient (linear, 2588 left top, left bottom, 2589 from (shade(@menu_bg_dark_color, 2.03)), 2590 to (shade(@menu_bg_dark_color, 1.17))); 2591 box-shadow: inset 0px 1px shade(@selected_bg_color, 1.3), 2592 inset 1px 0px shade(@selected_bg_color, 1.3), 2593 inset -1px 0px shade(@selected_bg_color, 1.3), 2594 inset 0px -1px shade(@selected_bg_color, 1.3); 2595} 2596 2597/* lightdm-settings */ 2598toolbar.horizontal.cs-header > toolitem > label { 2599 color: @theme_fg_color; 2600} 2601 2602/******************** 2603 * Menubar Toolbars * 2604 ********************/ 2605 2606toolbar menubar { 2607 padding: 2px 4px 5px 3px; 2608 background-image: -gtk-gradient (linear, 2609 left top, left bottom, 2610 from (shade (@theme_bg_dark_color, 1.00)), 2611 to (shade (@theme_bg_dark_color, 0.95))); 2612 border-image: none; 2613 border-width: 0px 0px 1px 0px; 2614 border-radius: 0px; 2615 border-style: solid; 2616 border-color: shade (@theme_bg_dark_color, 0.72); 2617 color: @theme_fg_dark_color; 2618 box-shadow: none; 2619 -GtkToolbar-button-relief: normal; 2620} 2621 2622/******************** 2623 * Primary Toolbars * 2624 ********************/ 2625 2626/* applications using EggEditableToolbar usually set the primary-toolbar 2627 * hint on the containing vbox, so we need to handle both these cases here. 2628 */ 2629 2630toolbar.primary-toolbar { 2631 background-image: -gtk-gradient (linear, 2632 left top, left bottom, 2633 from (shade(@theme_bg_dark_color, 1.00)), 2634 to (shade(@theme_bg_dark_color, 0.95))); 2635 border-image: none; 2636 border-width: 0px 0px 1px 0px; 2637 border-radius: 0px; 2638 border-style: solid; 2639 border-color: @primay-toolbar-border; 2640 padding: 3px; 2641 box-shadow: none; 2642 -GtkWidget-window-dragging: true; 2643 -GtkToolbar-button-relief: normal; 2644 color: @theme_fg_dark_color; 2645} 2646 2647toolbar.primary-toolbar:disabled { 2648 background-image: none; 2649 background-color: shade (@theme_bg_dark_color, 0.97); 2650 border-image: none; 2651 border-style: solid; 2652 border-color: transparent; 2653} 2654 2655/* primary toolbar buttons */ 2656toolbar button, 2657toolbar.primary-toolbar button, 2658toolbar.primary-toolbar .linked button, 2659toolbar.primary-toolbar button:focus { 2660 border-image: none; 2661 border-style: solid; 2662 border-color: transparent; 2663 box-shadow: none; 2664 background-image: none; 2665 background-color: alpha (@theme_base_color, 0.0); 2666} 2667 2668toolbar button { 2669 color: shade(@toolbar_fg_color, 1.00); 2670 text-shadow: none; 2671} 2672 2673toolbar.primary-toolbar > button.toggle #gtk-toolbar-arrow:disabled, 2674toolbar.primary-toolbar > toolbutton button.toggle.popup > image:disabled { 2675 color: mix (@menu_fg_dark_color, @menu_bg_dark_color, 0.4); 2676} 2677 2678toolbar.primary-toolbar > button.toggle:hover #gtk-toolbar-arrow, 2679toolbar.primary-toolbar > toolbutton button.toggle.popup:hover > image { 2680 -gtk-icon-shadow: 0px 1px shade (@menu_fg_dark_color, 1.0), 2681 1px 0px shade (@menu_fg_dark_color, 1.0), 2682 -1px 0px shade (@menu_fg_dark_color, 1.0), 2683 0px -1px shade (@menu_fg_dark_color, 1.0); 2684} 2685 2686toolbar.primary-toolbar button { 2687 color: @theme_fg_dark_color; 2688 text-shadow: none; 2689} 2690 2691toolbar button:disabled, 2692toolbar.primary-toolbar button:disabled { 2693 background-image: none; 2694 background-color: alpha (@theme_base_color, 0.0); 2695 border-color: transparent; 2696} 2697 2698toolbar button:disabled { 2699 color: mix(@toolbar_gradient_base, @toolbar_fg_color, 0.60); 2700 text-shadow: none; 2701} 2702 2703toolbar.primary-toolbar button:disabled { 2704 color: mix(@theme_bg_dark_color, @theme_fg_dark_color, 0.60); 2705 text-shadow: none; 2706} 2707 2708toolbar button:focus, 2709toolbar button:hover, 2710toolbar button:hover:active, 2711toolbar button:focus:hover:active, 2712toolbar button:checked, 2713toolbar button:checked:focus, 2714toolbar button:checked:hover, 2715toolbar button:checked:hover:active { 2716 background-image: -gtk-gradient (linear, 2717 left top, left bottom, 2718 from (shade(@menu_bg_dark_color, 2.03)), 2719 to (shade(@menu_bg_dark_color, 1.17))); 2720 border-width: 1px; 2721 border-radius: 5px; 2722 border-color: transparent; 2723 box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), 2724 inset 1px 0px shade (@theme_selected_bg_color, 1.3), 2725 inset -1px 0px shade (@theme_selected_bg_color, 1.3), 2726 inset 0px -1px shade (@theme_selected_bg_color, 1.3); 2727} 2728 2729toolbar.primary-toolbar button:focus, 2730toolbar.primary-toolbar button:hover, 2731toolbar.primary-toolbar button:hover:active, 2732toolbar.primary-toolbar button:checked, 2733toolbar.primary-toolbar button:checked:focus, 2734toolbar.primary-toolbar button:checked:hover, 2735toolbar.primary-toolbar button:checked:hover:active { 2736 background-image: -gtk-gradient (linear, 2737 left top, left bottom, 2738 from (shade(@menu_bg_dark_color, 2.03)), 2739 to (shade(@menu_bg_dark_color, 1.17))); 2740 border-image: none; 2741 border-color: transparent; 2742 border-style: solid; 2743 box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), 2744 inset 1px 0px shade (@theme_selected_bg_color, 1.3), 2745 inset -1px 0px shade (@theme_selected_bg_color, 1.3), 2746 inset 0px -1px shade (@theme_selected_bg_color, 1.3); 2747} 2748 2749toolbar button:hover, 2750toolbar button:checked, 2751toolbar button:hover label, 2752toolbar button:checked label { 2753 color: shade (@theme_selected_bg_color, 1.6); 2754 text-shadow: none; 2755 transition: all 400ms ease-out; 2756} 2757 2758/* arrangement epiphany (toolbar.menubar) */ 2759toolbar.primary-toolbar button:hover, 2760toolbar.primary-toolbar button:hover:active, 2761toolbar.primary-toolbar button:checked, 2762toolbar.primary-toolbar button:checked:hover { 2763 color: shade (@theme_selected_bg_color, 1.6); 2764 text-shadow: none; 2765} 2766 2767toolbar button:checked:disabled, 2768toolbar.primary-toolbar button:checked:disabled { 2769 background-image: none; 2770 background-color: alpha (@theme_base_color, 0.0); 2771 border-color: transparent; 2772 -gtk-icon-shadow: none; 2773 text-shadow: none; 2774} 2775 2776/* ie. atril */ 2777.primary-toolbar toolbar toolitem combobox .linked button.combo { 2778 padding: 8px 4px; 2779} 2780 2781toolbar label { 2782 color: shade(@toolbar_fg_color, 1.00); 2783 text-shadow: none; 2784} 2785 2786toolbar toolitem label, 2787toolbar menubar label, 2788toolbar.primary-toolbar label { 2789 color: @theme_fg_dark_color; 2790 text-shadow: none; 2791} 2792 2793toolbar toolitem separator, 2794toolbar separator, 2795toolbar separator:disabled { 2796 border-color: alpha (#000, 0.24); 2797 border-bottom-color: alpha (#fff, 0.08); 2798 border-right-color: alpha (#fff, 0.08); 2799} 2800 2801/************************************ 2802 primary toolbar raised buttons 2803*************************************/ 2804 2805/* ie. cimnnamon-settings (button.raised), mate-font-viewer toolbar info button */ 2806toolbar .raised button, 2807toolbar button.raised, 2808toolbar button.raised:hover, 2809toolbar button.raised:focus { 2810 padding: 6px; 2811} 2812 2813toolbar menubar button { 2814 padding: 2px 2px; 2815} 2816 2817toolbar menubar .linked button { 2818 padding: 3px 4px; 2819} 2820 2821toolbar menubar button { 2822 padding: 2px 4px; 2823} 2824 2825toolbar menubar button, 2826toolbar .raised button, 2827toolbar button.raised { 2828 background-image: -gtk-gradient (linear, 2829 left top, left bottom, 2830 from (@button_raised_gradient_color_a), 2831 to (@button_raised_gradient_color_b)); 2832 border-style: solid; 2833 /* outer */ 2834 border-color: transparent; 2835 /* border and inset */ 2836/* -GtkWidget-focus-line-width: 0; */ 2837 color: shade(@theme_fg_dark_color, 1.00); 2838} 2839 2840toolbar button.raised.linked:disabled, 2841toolbar .raised.linked button:disabled, 2842toolbar button.raised.linked:disabled:active, 2843toolbar .raised.linked button:disabled:active, 2844toolbar button.raised.linked:disabled:checked, 2845toolbar .raised.linked button:disabled:checked, 2846toolbar menubar button:disabled, 2847toolbar menubar button:disabled:active, 2848toolbar menubar button:disabled:checked, 2849toolbar .raised button:disabled, 2850toolbar button.raised:disabled, 2851toolbar .raised button:disabled:active, 2852toolbar button.raised:disabled:active, 2853toolbar .raised button:disabled:checked, 2854toolbar button.raised:disabled:checked { 2855 background-image: -gtk-gradient (linear, 2856 left top, left bottom, 2857 from (shade(@button_raised_gradient_color_a, 0.88)), 2858 to (shade(@button_raised_gradient_color_b, 1.00))); 2859 border-color: transparent; 2860 box-shadow: none; 2861 color: mix(@theme_bg_dark_color, @theme_fg_dark_color, 0.50); 2862} 2863 2864toolbar menubar button:hover, 2865toolbar .raised button:hover, 2866toolbar button.raised:hover { 2867 background-image: -gtk-gradient (linear, 2868 left top, left bottom, 2869 from (shade(@menu_bg_dark_color, 2.03)), 2870 to (shade(@menu_bg_dark_color, 1.17))); 2871 border-image: none; 2872 /* outer */ 2873 border-color: transparent; 2874 /* border and inset */ 2875 box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), 2876 inset 1px 0px shade (@theme_selected_bg_color, 1.3), 2877 inset -1px 0px shade (@theme_selected_bg_color, 1.3), 2878 inset 0px -1px shade (@theme_selected_bg_color, 1.3); 2879 color: shade(@theme_fg_dark_color, 1.00); 2880} 2881 2882toolbar .raised button:hover:active, 2883toolbar button.raised:hover:active, 2884toolbar menubar button:checked, 2885toolbar .raised button:checked, 2886toolbar .raised button:checked:hover, 2887toolbar button.raised:checked:hover, 2888toolbar button.raised:checked { 2889 background-image: -gtk-gradient (linear, 2890 left top, left bottom, 2891 from (shade(@menu_bg_dark_color, 2.03)), 2892 to (shade(@menu_bg_dark_color, 1.17))); 2893 border-style: solid; 2894 border-radius: 5px; 2895 border-image: none; 2896 border-color: transparent; 2897 box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), 2898 inset 1px 0px shade (@theme_selected_bg_color, 1.3), 2899 inset -1px 0px shade (@theme_selected_bg_color, 1.3), 2900 inset 0px -1px shade (@theme_selected_bg_color, 1.3); 2901} 2902 2903/* setup shadows */ 2904toolbar .raised button label, 2905toolbar button.raised label { 2906 color: @theme_fg_dark_color; 2907 text-shadow: none; 2908} 2909 2910toolbar .raised button, 2911toolbar button.raised { 2912 -gtk-icon-shadow: 1px 1px @theme_shadow_dark_color; 2913} 2914 2915toolbar menubar button:hover, 2916toolbar .raised button:hover, 2917toolbar button.raised:hover, 2918toolbar .raised button:hover:active, 2919toolbar button.raised:hover:active, 2920toolbar menubar button:checked, 2921toolbar .raised button:checked, 2922toolbar button.raised:checked, 2923toolbar .raised button:checked:hover, 2924toolbar button.raised:checked:hover { 2925 color: @theme_text_dark_color; 2926 text-shadow: none; 2927} 2928 2929toolbar menubar button:disabled, 2930toolbar .raised button:disabled, 2931toolbar button.raised:disabled { 2932 -gtk-icon-shadow: none; 2933 text-shadow: none; 2934 color: mix(@theme_bg_dark_color, @theme_fg_dark_color, 0.50); 2935} 2936 2937toolbar .entry { 2938 padding: 4px 4px 4px 6px; 2939 color: shade(@toolbar_fg_color, 1.0); 2940 background-image: -gtk-gradient (linear, 2941 left top, left bottom, 2942 from (shade(@toolbar_gradient_base, 0.95)), 2943 color-stop (0.15, shade(@toolbar_gradient_base, 1.10)), 2944 to (shade(@toolbar_gradient_base, 1.15))); 2945} 2946 2947toolbar entry, 2948toolbar menubar entry, 2949toolbar .raised entry, 2950toolbar .raised.entry, 2951toolbar.primary-toolbar entry { 2952 padding: 4px 4px 4px 6px; 2953 color: @entry_text_dark_color; 2954 background-image: -gtk-gradient (linear, 2955 left top, left bottom, 2956 from (shade(@entry_bg_dark_color, 0.80)), 2957 color-stop (0.15, shade(@entry_bg_dark_color, 0.95)), 2958 to (shade(@entry_bg_dark_color, 1.00))); 2959 /* outer */ 2960 border-width: 2px; 2961 border-style: solid; 2962 border-radius: 5px; 2963 border-top-color: transparent; 2964 border-right-color: alpha(#fff, 0.02); 2965 border-left-color: alpha(#fff, 0.02); 2966 border-bottom-color: alpha(#fff, 0.07); 2967 /* border */ 2968 box-shadow: inset 0px 3px alpha(#000, 0.05), 2969 inset 0px 2px alpha(#000, 0.07), 2970 inset 2px 0px alpha(#000, 0.04), 2971 inset -2px 0px alpha(#000, 0.04), 2972 inset 0px -2px alpha(#000, 0.03), 2973 inset 0px 1px shade(@theme_entry_border_dark, 0.90), 2974 inset 1px 0px shade(@theme_entry_border_dark, 0.99), 2975 inset -1px 0px shade(@theme_entry_border_dark, 0.99), 2976 inset 0px -1px shade(@theme_entry_border_dark, 1.10); 2977} 2978 2979toolbar entry:focus, 2980toolbar menubar entry:focus, 2981toolbar .raised entry:focus, 2982toolbar .raised.entry:focus, 2983toolbar.primary-toolbar entry:focus { 2984 /* outer */ 2985 border-top-color: @focused_dark_entry_outer; 2986 border-right-color: alpha(@focused_dark_entry_outer, 0.90); 2987 border-left-color: alpha(@focused_dark_entry_outer, 0.90); 2988 border-bottom-color: alpha(@focused_dark_entry_outer, 0.85); 2989 /* border */ 2990 box-shadow: inset 0px 3px alpha(#000, 0.03), 2991 inset 0px 2px alpha(#000, 0.05), 2992 inset 2px 0px alpha(#000, 0.04), 2993 inset -2px 0px alpha(#000, 0.04), 2994 inset 0px -2px alpha(#000, 0.03), 2995 inset 0px 1px shade(@focused_dark_entry_border, 0.90), 2996 inset 1px 0px shade(@focused_dark_entry_border, 0.95), 2997 inset -1px 0px shade(@focused_dark_entry_border, 0.95), 2998 inset 0px -1px shade(@focused_dark_entry_border, 1.00); 2999} 3000 3001toolbar entry:selected, 3002toolbar menubar entry:selected, 3003toolbar .raised entry:selected, 3004toolbar .raised.entry:selected, 3005toolbar.primary-toolbar entry:selected { 3006 background-color: @theme_selected_bg_color; 3007 color: @theme_selected_fg_color; 3008} 3009 3010/* progressbars on primary toolbar entries are special */ 3011toolbar.primary-toolbar entry.progressbar { 3012 background-image: -gtk-gradient (linear, 3013 left top, left bottom, 3014 from (shade (@button_bg_active, 1.35)), 3015 color-stop (0.7, shade (@button_bg_active, 1.15)), 3016 to (shade (@button_bg_active, 1.35))); 3017 border-width: 1px; 3018 border-radius: 4px; 3019 border-style: solid; 3020 border-color: shade(@button_bg_active, 1.00); 3021 border-image: none; 3022 color: @theme_text_color; 3023} 3024 3025/**************************** 3026 * Inline toolbars * 3027 **************************** 3028 * Buttons + dialog open * 3029 ****************************/ 3030 3031toolbar.inline-toolbar { 3032 -GtkToolbar-button-relief: normal; 3033 padding: 0px; 3034 background-color: alpha(@button_base, 0.0); 3035 border-style: none; 3036 background-image: -gtk-gradient (linear, 3037 left top, left bottom, 3038 from (shade(@button_base, 1.00)), 3039 color-stop (0.50, shade(@button_base, 0.96)), 3040 color-stop (0.50, shade(@button_base, 0.95)), 3041 to (shade(@button_base, 0.94))); 3042 border-width: 0px 1px 1px 1px; 3043 border-style: solid; 3044 border-radius: 0px; 3045 border-top-color: shade(@button_border, 1.00); 3046 border-right-color: shade(@button_border, 1.00); 3047 border-left-color: shade(@button_border, 1.00); 3048 border-bottom-color: shade(@button_border, 1.00); 3049 box-shadow: inset 0px 1px alpha(#fff, 0.09), 3050 inset 1px 0px alpha(#fff, 0.07), 3051 inset -1px 0px alpha(#fff, 0.07), 3052 inset 0px -1px alpha(#fff, 0.05); 3053} 3054 3055toolbar.inline-toolbar button { 3056 padding: 2px 6px; 3057 background-image: -gtk-gradient (linear, 3058 left top, left bottom, 3059 from (shade(@button_base, 1.00)), 3060 color-stop (0.50, shade(@button_base, 0.96)), 3061 color-stop (0.50, shade(@button_base, 0.95)), 3062 to (shade(@button_base, 0.94))); 3063 border-width: 0px; 3064 border-radius: 0px; 3065 border-style: none; 3066 box-shadow: none; 3067 color: @theme_fg_color; 3068 text-shadow: none; 3069 -gtk-icon-shadow: 1px 1px @theme_shadow_color; 3070} 3071 3072toolbar.inline-toolbar button:hover:active, 3073toolbar.inline-toolbar button:checked, 3074toolbar.inline-toolbar button:checked:hover, 3075toolbar.inline-toolbar button:checked:hover:active { 3076 border-radius: 0px; 3077 background-image: -gtk-gradient (linear, 3078 left top, left bottom, 3079 from (shade(@button_base, 0.50)), 3080 to (shade(@button_base, 0.70))); 3081 box-shadow: inset 0px 1px alpha(#000, 0.05), 3082 inset 1px 0px alpha(#000, 0.03), 3083 inset -1px 0px alpha(#000, 0.03), 3084 inset 0px -1px alpha(#000, 0.02), 3085 inset 1px 0px shade(@button_border, 0.75), 3086 inset -1px 0px shade(@button_border, 0.75), 3087 inset 0px -1px shade(@button_border, 0.78); 3088} 3089 3090toolbar.inline-toolbar button:hover { 3091 padding: 2px 6px; 3092 background-image: -gtk-gradient (linear, 3093 left top, left bottom, 3094 from (shade(@button_base, 1.03)), 3095 color-stop (0.50, shade(@button_base, 0.99)), 3096 color-stop (0.50, shade(@button_base, 0.98)), 3097 to (shade(@button_base, 0.97))); 3098 color: @theme_text_color; 3099} 3100 3101toolbar.inline-toolbar button:disabled { 3102 box-shadow: none; 3103 background-color: mix(@button_base, @theme_fg_color, 0.10); 3104 background-image: none; 3105} 3106 3107toolbar.inline-toolbar button:disabled { 3108 color: @insensitive_fg_color; 3109 text-shadow: none; 3110 -gtk-icon-shadow: none; 3111} 3112 3113toolbar.inline-toolbar button:hover { 3114 color: @theme_text_color; 3115 text-shadow: none; 3116 -gtk-icon-shadow: 1px 1px @theme_shadow_color; 3117} 3118 3119toolbar.inline-toolbar button:checked { 3120 color: @theme_selected_fg_color; 3121 text-shadow: none; 3122 -gtk-icon-shadow: 1px 1px @theme_selected_shadow_color; 3123} 3124 3125/* eg. pluma preferences */ 3126notebook toolbar.horizontal.inline-toolbar { 3127 border-width: 0 1px 1px 1px; 3128} 3129 3130notebook toolbar.inline-toolbar toolitem button.text-button label { 3131 color: @theme_fg_color; 3132 text-shadow: none; 3133} 3134 3135notebook toolbar.inline-toolbar toolitem button.text-button:disabled label { 3136 color: @insensitive_fg_color; 3137 text-shadow: none; 3138} 3139 3140notebook toolbar.inline-toolbar toolitem button.text-button { 3141 background-image: -gtk-gradient (linear, 3142 left top, left bottom, 3143 from (@button_gradient1), 3144 color-stop (0.50, @button_gradient3), 3145 to (@button_gradient4)); 3146 border-width: 1px; 3147 border-radius: 4px; 3148 border-style: solid; 3149 border-top-color: transparent; 3150 border-left-color: alpha (#000, 0.01); 3151 border-right-color: alpha (#000, 0.01); 3152 border-bottom-color: alpha (#000, 0.03); 3153 box-shadow: inset 0px 1px alpha(shade(@button_border, 1.00), 0.70), 3154 inset 1px 0px alpha(shade(@button_border, 0.94), 0.80), 3155 inset -1px 0px alpha(shade(@button_border, 0.94), 0.80), 3156 inset 0px -1px alpha(shade(@button_border, 0.88), 0.90); 3157 color: @theme_fg_color; 3158 text-shadow: none; 3159} 3160 3161notebook toolbar.inline-toolbar toolitem button.text-button:hover { 3162 background-image: -gtk-gradient (linear, 3163 left top, left bottom, 3164 from (shade(@button_gradient1, 1.03)), 3165 color-stop (0.50, shade(@button_gradient3, 1.03)), 3166 to (shade(@button_gradient4, 1.01))); 3167 box-shadow: inset 0px 1px shade(@selected_bg_color, 1.3), 3168 inset 1px 0px shade(@selected_bg_color, 1.3), 3169 inset -1px 0px shade(@selected_bg_color, 1.3), 3170 inset 0px -1px shade(@selected_bg_color, 1.3); 3171} 3172 3173notebook toolbar.inline-toolbar toolitem button.text-button:disabled { 3174 border-width: 1px; 3175 border-radius: 4px; 3176 border-style: solid; 3177 background-image: none; 3178 background-color: @insensitive_bg_color; 3179 border-color: alpha (#000, 0.00); 3180 border-bottom-color: alpha (#000, 0.00); 3181 border-image: none; 3182 box-shadow: inset 0px 1px @insensitive_border_color, 3183 inset 1px 0px @insensitive_border_color, 3184 inset -1px 0px @insensitive_border_color, 3185 inset 0px -1px @insensitive_border_color; 3186 color: @insensitive_fg_color; 3187 text-shadow: none; 3188} 3189 3190notebook toolbar.inline-toolbar toolitem button.text-button, 3191notebook toolbar.inline-toolbar toolitem button.text-button:focus, 3192notebook toolbar.inline-toolbar toolitem button.text-button:hover { 3193 padding: 2px 6px; 3194} 3195 3196notebook toolbar.inline-toolbar toolitem button.text-button:focus { 3197 box-shadow: inset 0px 1px shade(@selected_bg_color, 1.3), 3198 inset 1px 0px shade(@selected_bg_color, 1.3), 3199 inset -1px 0px shade(@selected_bg_color, 1.3), 3200 inset 0px -1px shade(@selected_bg_color, 1.3); 3201} 3202 3203notebook toolbar.inline-toolbar toolitem button.text-button:focus:hover:active { 3204 background-image: -gtk-gradient (linear, 3205 left top, left bottom, 3206 from (shade (@theme_bg_color, 1.20)), 3207 color-stop (0.50, shade (@theme_bg_color, 1.00)), 3208 color-stop (0.50, shade (@theme_bg_color, 0.99)), 3209 to (shade (@theme_bg_color, 0.80))); 3210 border-radius: 4px; 3211 box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), 3212 inset 1px 0px shade (@theme_selected_bg_color, 1.3), 3213 inset -1px 0px shade (@theme_selected_bg_color, 1.3), 3214 inset 0px -1px shade (@theme_selected_bg_color, 1.3); 3215} 3216 3217/****************** 3218 * Stack switcher * 3219 ******************/ 3220 3221stackswitcher > button > label, 3222headerbar stackswitcher > button.titlebutton > label, 3223headerbar.titlebar stackswitcher > button.titlebutton > label, 3224calendar.header stackswitcher > button.titlebutton > label { 3225 padding-left: 6px; 3226 padding-right: 6px; 3227} 3228 3229stackswitcher > button > image, 3230headerbar stackswitcher > button.titlebutton > image, 3231headerbar.titlebar stackswitcher > button.titlebutton > image, 3232calendar.header stackswitcher > button.titlebutton > image { 3233 padding-left: 6px; 3234 padding-right: 6px; 3235 padding-top: 3px; 3236 padding-bottom: 3px; 3237} 3238 3239toolbar .raised stackswitcher.linked.stack-switcher > button.text-button.radio, 3240stackswitcher.linked.stack-switcher > button.text-button.radio, 3241stackswitcher.linked.stack-switcher > button.image-button.radio:hover:active, 3242stackswitcher.linked.stack-switcher > button.image-button.radio:checked:hover, 3243stackswitcher > button.text-button.radio, 3244stackswitcher > .linked.stackswitcher > button.text-button.radio, 3245stackswitcher > button.image-button.radio, 3246headerbar stackswitcher > button.titlebutton, 3247headerbar.titlebar stackswitcher > button.titlebutton, 3248calendar.header stackswitcher > button.titlebutton { 3249 padding: 4px 2px; 3250} 3251 3252stackswitcher > button.needs-attention > label, 3253stackswitcher > button.needs-attention > image { 3254 animation: needs_attention 150ms ease-in; 3255 background-color: @theme_bg_color; /* FIXME: ? */ 3256 background-size: 6px 6px, 6px 6px; 3257 background-repeat: no-repeat; 3258 background-position: right 3px, right 4px; 3259} 3260 3261stackswitcher > button.needs-attention > label:backdrop, 3262stackswitcher > button.needs-attention > image:backdrop { 3263 background-size: 6px 6px, 0 0; 3264} 3265 3266stackswitcher > button.needs-attention > label:dir(rtl), 3267stackswitcher > button.needs-attention > image:dir(rtl) { 3268 background-position: left 3px, left 4px; 3269} 3270 3271stackswitcher > button.needs-attention:checked > label, 3272stackswitcher > button.needs-attention:checked > image { 3273 animation: none; 3274 background-image: none; 3275} 3276 3277/**************** 3278 * GtkActionBar * 3279 ****************/ 3280 3281actionbar revealer .horizontal.linked.stack-switcher button.image-button.radio { 3282 padding: 4px 2px; 3283} 3284 3285actionbar revealer .horizontal.linked.stack-switcher button.image-button.radio:first-child { 3286 border-width: 1px 0px 1px 1px; 3287} 3288 3289actionbar revealer .horizontal.linked.stack-switcher button.image-button.radio:last-child { 3290 border-width: 1px 1px 1px 0px; 3291} 3292 3293actionbar revealer .horizontal button.image-button.popup.toggle { 3294 padding: 6px; 3295} 3296 3297/***************** 3298 * GtkSpinButton * 3299 *****************/ 3300 3301spinbutton, 3302spinbutton:focus, 3303spinbutton.vertical, 3304spinbutton.vertical:focus { 3305 color: @theme_text_color; 3306 border-color: @button_border; 3307 border-width: 1px; 3308 border-style: solid; 3309 border-radius: 3px; 3310 padding: 0px; 3311} 3312 3313spinbutton.horizontal > entry { 3314 padding: 5px 10px 5px 3px; 3315 box-shadow: none; 3316 border-radius: 3px 0px 0px 3px; 3317 border-style: none; 3318} 3319 3320spinbutton > button:disabled, 3321spinbutton > button:disabled:last-child, 3322spinbutton.vertical > button:disabled, 3323spinbutton.vertical > button:disabled:last-child { 3324 color: @internal_element_insensitive; 3325 border-color: @insensitive_border_color; 3326} 3327 3328spinbutton > button, 3329spinbutton > button:hover, 3330spinbutton > button:focus, 3331spinbutton > button:active { 3332 -gtk-icon-shadow: 0 1px @button_text_shadow; 3333 color: @internal_element_prelight; 3334} 3335 3336spinbutton > button:hover { 3337 background-image: -gtk-gradient (linear, 3338 left top, left bottom, 3339 from (shade(@button_gradient1, 1.03)), 3340 color-stop (0.50, shade(@button_gradient3, 1.03)), 3341 to (shade(@button_gradient4, 1.01))); 3342} 3343 3344spinbutton > button:active { 3345 background-image: -gtk-gradient (linear, 3346 left top, left bottom, 3347 from (shade (@theme_bg_color, 1.20)), 3348 color-stop (0.50, shade (@theme_bg_color, 1.00)), 3349 color-stop (0.50, shade (@theme_bg_color, 0.99)), 3350 to (shade (@theme_bg_color, 0.80))); 3351} 3352 3353spinbutton > button, 3354spinbutton > button:focus, 3355spinbutton > button:hover, 3356spinbutton > button:active, 3357spinbutton > button:disabled { 3358 min-height: 10px; 3359 min-width: 10px; 3360 border-radius: 0px; 3361 padding: 5px; 3362 box-shadow: none; 3363 border-style: solid; 3364 border-color: @button_border; 3365 border-width: 0px 1px 0px 1px; 3366} 3367 3368spinbutton > button:last-child, 3369spinbutton > button:hover:last-child, 3370spinbutton > button:active:last-child, 3371spinbutton > button:disabled:last-child { 3372 border-radius: 0 3px 3px 0; 3373 border-width: 0px; 3374} 3375 3376spinbutton.horizontal > button:hover, 3377spinbutton.horizontal > button:active { 3378 box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), 3379 inset -1px 0px shade (@theme_selected_bg_color, 1.3), 3380 inset 0px -1px shade (@theme_selected_bg_color, 1.3); 3381} 3382 3383spinbutton > button:hover:last-child, 3384spinbutton > button:active:last-child { 3385 box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), 3386 inset 1px 0px shade (@theme_selected_bg_color, 1.3), 3387 inset -1px 0px shade (@theme_selected_bg_color, 1.3), 3388 inset 0px -1px shade (@theme_selected_bg_color, 1.3); 3389} 3390 3391spinbutton.vertical > entry { 3392 border-style: none; 3393 border-radius: 0; 3394 padding: 5px 1px; 3395 box-shadow: none; 3396} 3397 3398spinbutton.vertical > button, 3399spinbutton.vertical > button:focus { 3400 border-style: solid; 3401 border-width: 0px 0px 1px 0px; 3402 border-radius: 3px 3px 0px 0px; 3403 padding: 6px 0px; 3404} 3405 3406spinbutton.vertical > button:last-child { 3407 border-width: 1px 0px 0px 0px; 3408 border-radius: 0px 0px 3px 3px; 3409} 3410 3411spinbutton.vertical > button:hover, 3412spinbutton.vertical > button:active { 3413 box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), 3414 inset 1px 0px shade (@theme_selected_bg_color, 1.3), 3415 inset -1px 0px shade (@theme_selected_bg_color, 1.3); 3416} 3417 3418spinbutton.vertical > button:hover:last-child, 3419spinbutton.vertical > button:active:last-child { 3420 box-shadow: inset 1px 0px shade (@theme_selected_bg_color, 1.3), 3421 inset -1px 0px shade (@theme_selected_bg_color, 1.3), 3422 inset 0px -1px shade (@theme_selected_bg_color, 1.3); 3423} 3424 3425spinbutton.horizontal > entry:focus, 3426spinbutton.vertical > entry:focus { 3427 border-color: alpha(@borders, 0.1); 3428 box-shadow: inset 0px 1px 0 0 shade (@theme_selected_bg_color, 1.3), 3429 inset 1px 0px 0 0 shade (@theme_selected_bg_color, 1.3), 3430 inset -1px 0px 0 0 shade (@theme_selected_bg_color, 1.3), 3431 inset 0px -1px 0 0 shade (@theme_selected_bg_color, 1.3); 3432} 3433 3434/* volume button */ 3435button.scale.flat { 3436 transition: all 400ms ease-out; 3437} 3438 3439button.scale.flat, 3440button.scale.flat:hover, 3441button.scale.flat:disabled { 3442 padding: 5px 4px; 3443 border-radius: 5px; 3444 border-color: transparent; 3445 background-color: transparent; 3446} 3447 3448flowbox flowboxchild { 3449 padding: 3px; 3450 border-radius: 3px; 3451} 3452 3453flowbox flowboxchild:selected { 3454 outline-offset: -2px; 3455} 3456 3457/* hyperlinks */ 3458/* ie. yelp */ 3459*:link, 3460*:visited { 3461 color: @link_color; 3462} 3463 3464button.flat.link.text-button { 3465 padding: 4px; 3466 border-color: transparent; 3467} 3468 3469/***************** 3470 * Notebooks and * 3471 * tabs * 3472 *****************/ 3473 3474notebook { 3475 padding: 0; 3476 background-clip: border-box; 3477 border-style: none; 3478} 3479 3480notebook.frame { 3481 background-color: shade (@theme_bg_color, 1.1); 3482 border-style: solid; 3483 border-color: @notebook_border; 3484 border-width: 1px; 3485 border-radius: 4px 4px 0px 0px; 3486} 3487 3488/* pavu-control */ 3489window.background > box.vertical > notebook:not(.frame), 3490window.background.csd > box.vertical > notebook:not(.frame), 3491window.background.ssd > box.vertical > notebook:not(.frame), 3492window.background.solid-csd > box.vertical > notebook:not(.frame) { 3493 background-color: shade (@theme_bg_color, 1.1); 3494 border-radius: 4px 4px 0px 0px; 3495} 3496 3497window.background > box.vertical > notebook:not(.frame) > stack > box, 3498window.background.csd > box.vertical > notebook:not(.frame) > stack > box, 3499window.background.ssd > box.vertical > notebook:not(.frame) > stack > box, 3500window.background.solid-csd > box.vertical > notebook:not(.frame) > stack > box { 3501 border-style: solid; 3502 border-width: 0px 1px 1px 1px; 3503 border-color: @notebook_border; 3504} 3505 3506window.background > box.vertical > notebook:not(.frame) > header.top, 3507window.background.csd > box.vertical > notebook:not(.frame) > header.top, 3508window.background.ssd > box.vertical > notebook:not(.frame) > header.top, 3509window.background.solid-csd > box.vertical > notebook:not(.frame) > header.top { 3510 border-style: solid; 3511 border-width: 1px 1px 0px 1px; 3512 border-color: @notebook_border; 3513} 3514 3515printdialog > box.view.vertical.dialog-vbox > box.vertical > notebook { 3516 background-color: shade (@theme_bg_color, 1.1); 3517 border-radius: 0px 0px 4px 4px; 3518 border-style: solid; 3519 border-color: @notebook_border; 3520 border-width: 0px 0px 1px 0px; 3521} 3522 3523dialog.background.csd > box.vertical.dialog-vbox > notebook, /* meld preferences */ 3524dialog.background.ssd > box.vertical.dialog-vbox > notebook, 3525dialog.background.solid-csd > box.vertical.dialog-vbox > notebook { 3526 background-color: shade (@theme_bg_color, 1.1); 3527} 3528 3529notebook header.top { 3530 border-radius: 4px 4px 0px 0px; 3531 border-width: 0px 0px 1px 0px; 3532 background-image: linear-gradient(to bottom, 3533 shade(@theme_bg_color, 0.86), 3534 shade(@theme_bg_color, 1.05)); 3535 box-shadow: inset 0px -1px alpha(shade(@button_border, 1.00), 0.90); 3536} 3537 3538dialog.background.csd > box.vertical.dialog-vbox > notebook > header.top, 3539dialog.background.ssd > box.vertical.dialog-vbox > notebook > header.top, 3540dialog.background.solid-csd > box.vertical.dialog-vbox > notebook > header.top, 3541printdialog notebook header.top { 3542 border-radius: 0px; 3543} 3544 3545notebook header.bottom { 3546 border-radius: 0px; 3547 border-width: 1px 0px 0px 0px; 3548 background-image: linear-gradient(to top, 3549 shade(@theme_bg_color, 0.86), 3550 shade(@theme_bg_color, 1.05)); 3551 box-shadow: inset 0px 1px alpha(shade(@button_border, 1.00), 0.90); 3552} 3553 3554notebook header.left { 3555 border-radius: 4px 0px 0px 0px; 3556 border-width: 1px 1px 0px 0px; 3557 background-image: linear-gradient(to right, 3558 shade(@theme_bg_color, 0.86), 3559 shade(@theme_bg_color, 1.05)); 3560 box-shadow: inset -1px 0px alpha(shade(@button_border, 1.00), 0.90); 3561} 3562 3563notebook header.right { 3564 border-radius: 0px 4px 0px 0px; 3565 border-width: 0px 0px 0px 1px; 3566 background-image: linear-gradient(to left, 3567 shade(@theme_bg_color, 0.86), 3568 shade(@theme_bg_color, 1.05)); 3569 box-shadow: inset 1px 0px alpha(shade(@button_border, 1.00), 0.90); 3570} 3571 3572notebook header tab { 3573 border-color: transparent; 3574 border-width: 0px; 3575 background-image: none; 3576 background-color: transparent; 3577} 3578 3579notebook header tab label { 3580 color: mix (@theme_fg_color, @theme_bg_color, 0.40); 3581 font-weight: normal; 3582} 3583 3584notebook header .prelight-page, 3585notebook header .prelight-page label { 3586 color: mix (@theme_fg_color, @theme_bg_color, 0.15); 3587} 3588 3589notebook header .active-page, 3590notebook header tab .active-page label { 3591 color: @theme_fg_color; 3592} 3593 3594/* tabs and header in view areas, ie. pluma-, caja-tabs */ 3595paned.horizontal > box.vertical notebook > header.top, 3596paned.horizontal > paned.vertical notebook > header.top { 3597 border-style: solid; 3598 border-color: @notebook_border; 3599 border-width: 1px 1px 0px 1px; 3600 border-radius: 4px 4px 0px 0px; 3601 box-shadow: none; 3602} 3603 3604paned.horizontal > box.vertical notebook scrolledwindow.frame, 3605paned.horizontal > paned.vertical notebook scrolledwindow.frame { 3606 border-width: 1px 1px 1px 1px; 3607 border-style: solid; 3608 border-color: @notebook_border; 3609} 3610 3611paned.horizontal notebook > header tab, 3612paned.horizontal > box.vertical notebook > header tab, 3613paned.horizontal > paned.vertical notebook > header tab { 3614 padding: 2px 4px; 3615 margin: 0px -1px 0px -1px; 3616 border-width: 0px 1px 0 1px; 3617 border-style: solid; 3618 border-color: transparent; 3619} 3620 3621paned.horizontal notebook > header.top tab:checked, 3622paned.horizontal notebook > header.top tab:checked:hover, 3623paned.horizontal > box.vertical notebook > header.top tab:checked, 3624paned.horizontal > box.vertical notebook > header.top tab:checked:hover, 3625paned.horizontal > paned.vertical notebook > header.top tab:checked, 3626paned.horizontal > paned.vertical notebook > header.top tab:checked:hover { 3627 background-image: linear-gradient(to bottom, 3628 shade(@theme_bg_color, 1.18), 3629 shade(@theme_bg_color, 1.1)); 3630 border-radius: 4px 4px 0 0; 3631 border-width: 0px 1px 0 1px; 3632 border-style: solid; 3633 border-color: @notebook_border; 3634 box-shadow: none; 3635} 3636 3637paned.horizontal notebook > header.top tab:hover, 3638paned.horizontal > box.vertical notebook > header.top tab:hover, 3639paned.horizontal > paned.vertical notebook > header.top tab:hover { 3640 background-image: linear-gradient(to bottom, 3641 alpha(@theme_base_color, 0.0), 3642 alpha(@theme_base_color, 0.3)); 3643 border-radius: 4px 4px 0 0; 3644 border-width: 0px 1px 0 1px; 3645 border-style: solid; 3646 border-color: @notebook_border; 3647 box-shadow: none; 3648} 3649 3650paned.horizontal > box.vertical notebook > header button.flat, 3651paned.horizontal > paned.vertical notebook > header button.flat { 3652 padding: 1px; 3653} 3654 3655/* closable-page */ 3656paned.horizontal > notebook { 3657 border-width: 1px 1px 1px 1px; 3658 border-style: solid; 3659 border-color: @notebook_border; 3660 border-radius: 4px 4px 0px 0px; 3661} 3662 3663paned.horizontal > notebook > header { 3664 border-width: 0px 0px 0px 0px; 3665 border-style: solid; 3666 border-color: @notebook_border; 3667 border-radius: 4px 4px 0px 0px; 3668} 3669 3670paned.horizontal > notebook > header label { 3671 padding: 4px; 3672} 3673 3674paned.horizontal > notebook > header button.flat.small-button { 3675 padding: 1px; 3676} 3677 3678paned.horizontal > notebook > stack > box { 3679 background-color: shade (@theme_bg_color, 1.1); 3680} 3681 3682/* tabs in dialog windows */ 3683/* horizontal tabs */ 3684window.background > box.vertical > notebook > header.top tab, /* pavu-control */ 3685window.background.csd > box.vertical > notebook > header.top tab, 3686window.background.ssd > box.vertical > notebook > header.top tab, 3687window.background.solid-csd > box.vertical > notebook > header.top tab, 3688dialog.background.csd > box.vertical.dialog-vbox > notebook > header.top tab, /* meld preferences */ 3689dialog.background.ssd > box.vertical.dialog-vbox > notebook > header.top tab, 3690dialog.background.solid-csd > box.vertical.dialog-vbox > notebook > header.top tab, 3691printdialog notebook > header tab, 3692notebook.frame > header.top tab, 3693notebook.frame > header.bottom tab { 3694 padding: 5px 20px 6px; 3695 margin: 0px 0px 0px -1px; 3696 border-width: 0px 1px 0px 1px; 3697 border-style: solid; 3698 border-color: transparent; 3699} 3700 3701window.background > box.vertical > notebook > header.top tab:checked, /* pavu-control */ 3702window.background.csd > box.vertical > notebook > header.top tab:checked, 3703window.background.ssd > box.vertical > notebook > header.top tab:checked, 3704window.background.solid-csd > box.vertical > notebook > header.top tab:checked, 3705window.background > box.vertical > notebook > header.top tab:checked:hover, 3706window.background.csd > box.vertical > notebook > header.top tab:checked:hover, 3707window.background.ssd > box.vertical > notebook > header.top tab:checked:hover, 3708window.background.solid-csd > box.vertical > notebook > header.top tab:checked:hover, 3709dialog.background.csd > box.vertical.dialog-vbox > notebook > header.top tab:checked, 3710dialog.background.ssd > box.vertical.dialog-vbox > notebook > header.top tab:checked, 3711dialog.background.solid-csd > box.vertical.dialog-vbox > notebook > header.top tab:checked, 3712dialog.background.csd > box.vertical.dialog-vbox > notebook > header.top tab:checked:hover, 3713dialog.background.ssd > box.vertical.dialog-vbox > notebook > header.top tab:checked:hover, 3714dialog.background.solid-csd > box.vertical.dialog-vbox > notebook > header.top tab:checked:hover, 3715printdialog notebook > header.top tab:checked, 3716printdialog notebook > header.top tab:checked:hover, 3717notebook.frame > header.top tab:checked, 3718notebook.frame > header.top tab:checked:hover { 3719 background-image: linear-gradient(to bottom, 3720 shade(@theme_bg_color, 1.18), 3721 shade(@theme_bg_color, 1.1)); 3722 border-radius: 4px 4px 0px 0px; 3723 border-width: 0px 1px 0px 1px; 3724 border-style: solid; 3725 border-color: @notebook_border; 3726} 3727 3728window.background > box.vertical > notebook > header.top tab:hover, /* pavu-control */ 3729window.background.csd > box.vertical > notebook > header.top tab:hover, 3730window.background.ssd > box.vertical > notebook > header.top tab:hover, 3731window.background.solid-csd > box.vertical > notebook > header.top tab:hover, 3732dialog.background.csd > box.vertical.dialog-vbox > notebook > header.top tab:hover, 3733dialog.background.ssd > box.vertical.dialog-vbox > notebook > header.top tab:hover, 3734dialog.background.solid-csd > box.vertical.dialog-vbox > notebook > header.top tab:hover, 3735printdialog notebook > header.top tab:hover, 3736notebook.frame > header.top tab:hover { 3737 background-image: linear-gradient(to bottom, 3738 alpha(@theme_base_color, 0.0), 3739 alpha(@theme_base_color, 0.3)); 3740 border-radius: 4px 4px 0px 0px; 3741 border-width: 0px 1px 0px 1px; 3742 border-style: solid; 3743 border-color: @notebook_border; 3744} 3745 3746notebook.frame > header.bottom tab:checked, 3747notebook.frame > header.bottom tab:checked:hover { 3748 background-image: linear-gradient(to top, 3749 shade(@theme_bg_color, 1.18), 3750 shade(@theme_bg_color, 1.1)); 3751 border-radius: 0px 0px 4px 4px; 3752 border-style: solid; 3753 border-width: 0px 1px 0px 1px; 3754 border-color: @notebook_border; 3755} 3756 3757notebook.frame > header.bottom tab:hover { 3758 background-image: linear-gradient(to top, 3759 alpha(@theme_base_color, 0.0), 3760 alpha(@theme_base_color, 0.3)); 3761 border-radius: 0px 0px 4px 4px; 3762 border-style: solid; 3763 border-width: 0px 1px 0px 1px; 3764 border-color: @notebook_border; 3765} 3766 3767/* vertical tabs */ 3768notebook.frame > header.left tab, 3769notebook.frame > header.right tab { 3770 padding: 5px 20px; 3771 margin: -1px 0px 0px 0px; 3772 border-width: 1px 0px 1px 0px; 3773 border-style: solid; 3774 border-color: transparent; 3775} 3776 3777notebook.frame > header.left tab:checked, 3778notebook.frame > header.left tab:checked:hover { 3779 background-image: linear-gradient(to right, 3780 shade(@theme_bg_color, 1.18), 3781 shade(@theme_bg_color, 1.1)); 3782 border-style: solid; 3783 border-width: 1px 0px 1px 0px; 3784 border-color: @notebook_border; 3785 border-radius: 4px 0px 0px 4px; 3786} 3787 3788notebook.frame > header.left tab:hover { 3789 background-image: linear-gradient(to right, 3790 alpha(@theme_base_color, 0.0), 3791 alpha(@theme_base_color, 0.3)); 3792 border-style: solid; 3793 border-width: 1px 0px 1px 0px; 3794 border-color: @notebook_border; 3795 border-radius: 4px 0px 0px 4px; 3796} 3797 3798notebook.frame > header.right tab:checked, 3799notebook.frame > header.right tab:checked:hover { 3800 background-image: linear-gradient(to left, 3801 shade(@theme_bg_color, 1.18), 3802 shade(@theme_bg_color, 1.1)); 3803 border-style: solid; 3804 border-width: 1px 0px 1px 0px; 3805 border-color: @notebook_border; 3806 border-radius: 0px 4px 4px 0px; 3807} 3808 3809notebook.frame > header.right tab:hover { 3810 background-image: linear-gradient(to left, 3811 alpha(@theme_base_color, 0.0), 3812 alpha(@theme_base_color, 0.3)); 3813 border-style: solid; 3814 border-width: 1px 0px 1px 0px; 3815 border-color: @notebook_border; 3816 border-radius: 0px 4px 4px 0px; 3817} 3818 3819notebook tab.reorderable-page:hover { 3820 background-image: linear-gradient(to bottom, 3821 alpha(@theme_base_color, 0.0), 3822 alpha(@theme_base_color, 0.3)); 3823 border-radius: 0; 3824 box-shadow: inset 1px 0 alpha(@borders, 0.6), inset -1px 0 alpha(@borders, 0.6); 3825 border-style: none; 3826} 3827 3828notebook tab.reorderable-page:checked { 3829 background-image: linear-gradient(to bottom, 3830 shade(@theme_bg_color, 1.18), 3831 shade(@theme_bg_color, 1.1)); 3832 border-radius: 4px 4px 0 0; 3833 box-shadow: none; 3834 border-style: solid; 3835} 3836 3837/* outlines */ 3838notebook header.top tab:checked { 3839 -gtk-outline-top-left-radius: 4px; 3840 -gtk-outline-top-right-radius: 4px; 3841 -gtk-outline-bottom-left-radius: 0px; 3842 -gtk-outline-bottom-right-radius: 0px; 3843} 3844 3845notebook header.bottom tab:checked { 3846 -gtk-outline-top-left-radius: 0px; 3847 -gtk-outline-top-right-radius: 0px; 3848 -gtk-outline-bottom-left-radius: 4px; 3849 -gtk-outline-bottom-right-radius: 4px; 3850} 3851 3852notebook header.left tab:checked { 3853 -gtk-outline-top-left-radius: 4px; 3854 -gtk-outline-top-right-radius: 0px; 3855 -gtk-outline-bottom-left-radius: 0px; 3856 -gtk-outline-bottom-right-radius: 4px; 3857} 3858 3859notebook header.right tab:checked { 3860 -gtk-outline-top-left-radius: 0px; 3861 -gtk-outline-top-right-radius: 4px; 3862 -gtk-outline-bottom-left-radius: 4px; 3863 -gtk-outline-bottom-right-radius: 0px; 3864} 3865 3866/* close button styling */ 3867 3868notebook > header button.flat, 3869notebook > header button.flat.small-button { 3870 border-image: none; 3871 background-image: none; 3872 background-color: transparent; 3873 border-radius: 4px; 3874 border-style: solid; 3875 border-color: transparent; 3876 border-width: 1px; 3877 -gtk-icon-shadow: none; 3878 box-shadow: none; 3879} 3880 3881notebook > header button.flat:hover, 3882notebook > header button.flat.small-button:hover { 3883 -gtk-icon-effect: highlight; 3884} 3885 3886notebook tab.prelight-page button.flat.small-button, 3887notebook tab.active-page button.flat.small-button { 3888 color: mix(@theme_fg_color, @theme_base_color, 0.6); 3889 -gtk-icon-shadow: 0 1px @button_text_shadow; 3890} 3891 3892notebook button.flat:checked, 3893notebook button.flat:checked:hover, 3894notebook button.flat.small-button:checked, 3895notebook button.flat.small-button:checked:hover { 3896 color: @theme_fg_color; 3897 border-color: alpha(black, 0.1); 3898} 3899 3900notebook tab button:checked, 3901notebook tab button:checked:hover { 3902 color: @button_active_text; 3903 background-color: alpha(black, 0.08); 3904 box-shadow: inset 0 1px alpha(black, 0.05); 3905 -gtk-icon-shadow: 0 1px @button_active_text_shadow; 3906 3907 border-color: alpha(black, 0.27) 3908 alpha(black, 0.13) 3909 alpha(black, 0.13) 3910 alpha(black, 0.13); 3911} 3912 3913notebook header.top tabs arrow.up, 3914notebook header.bottom tabs arrow.up { 3915 -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); 3916} 3917 3918notebook header.top tabs arrow.down, 3919notebook header.bottom tabs arrow.down { 3920 -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); 3921} 3922 3923notebook header.left tabs arrow.up, 3924notebook header.right tabs arrow.up { 3925 -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); 3926} 3927 3928notebook header.left tabs arrow.down, 3929notebook header.right tabs arrow.down { 3930 -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); 3931} 3932 3933notebook header tabs arrow { 3934 color: @theme_fg_color; 3935} 3936 3937notebook header tabs arrow:hover, 3938notebook header tabs arrow:checked { 3939 color: @theme_selected_bg_color; 3940} 3941 3942notebook header tabs arrow:disabled { 3943 color: rgba(141, 144, 145, 0.3); 3944} 3945 3946notebook header tabs arrow:backdrop { 3947 color: rgba(84, 89, 90, 0.4); 3948} 3949 3950notebook header tabs arrow:backdrop:disabled { 3951 color: #c7c7c7; 3952} 3953 3954/************************* 3955 * Check and Radio items * 3956 *************************/ 3957 3958check, 3959radio, 3960check:disabled, 3961radio:disabled { 3962 background-color: transparent; 3963 border-style: none; 3964 min-height: 12px; 3965 min-width: 12px; 3966} 3967 3968/* move label to the right */ 3969check, 3970radio, 3971window.background.popup menuitem check, 3972window.background.popup menuitem radio, 3973window.background.popup menu menuitem check, 3974window.background.popup menu menuitem radio { 3975 padding: 0px 6px 0px 0px; 3976 background-repeat: no-repeat; 3977 background-position: center; 3978} 3979 3980checkbutton, 3981checkbutton:hover, 3982checkbutton:focus, 3983checkbutton:focus:hover, 3984checkbutton:focus:hover:active, 3985checkbutton:checked, 3986checkbutton:checked:hover, 3987checkbutton:checked:focus, 3988checkbutton:checked:focus:hover, 3989checkbutton:checked:focus:hover:active { 3990 background-color: transparent; 3991} 3992 3993checkbutton.text-button, 3994radiobutton.text-button { 3995 padding: 1px; 3996 outline-offset: 0; 3997} 3998 3999/**************** 4000 * GtkAssistant * 4001 ****************/ 4002 4003assistant .sidebar { 4004 padding: 5px; 4005 background-color: @sidebar_background; 4006 border-width: 0px 1px 0px 0px; 4007 border-radius: 0px; 4008 border-style: solid; 4009 border-right-color: @inactive_frame_color; 4010 color: mix (@theme_fg_color, @theme_bg_color, 0.40); 4011} 4012 4013assistant .sidebar highlight, 4014assistant .sidebar label.highlight { /* ie. caja-actions import dialog */ 4015 color: @theme_text_color; 4016 font-weight: bold; 4017} 4018 4019/********** 4020 * Switch * 4021 **********/ 4022 4023switch, 4024switch:backdrop { 4025 padding: 4px; 4026 font-weight: bold; 4027 font-size: smaller; 4028 border-radius: 4px; 4029 border: 1px solid ; 4030 border-radius: 6px; 4031 color: @theme_fg_color; 4032 background-image: linear-gradient(to bottom, 4033 shade(@theme_bg_color, 0.9), 4034 shade(@theme_bg_color, 0.9)); 4035 /* outer */ 4036 border-top-color: transparent; 4037 border-left-color: alpha (#000, 0.01); 4038 border-right-color: alpha (#000, 0.01); 4039 border-bottom-color: alpha (#000, 0.03); 4040 box-shadow: inset 0px 2px alpha(#fff, 0.11), 4041 inset 2px 0px alpha(#fff, 0.09), 4042 inset -2px 0px alpha(#fff, 0.09), 4043 inset 0px -2px alpha(#fff, 0.07), 4044 inset 0px 1px alpha(shade(@button_border, 1.00), 0.70), 4045 inset 1px 0px alpha(shade(@button_border, 0.94), 0.80), 4046 inset -1px 0px alpha(shade(@button_border, 0.94), 0.80), 4047 inset 0px -1px alpha(shade(@button_border, 0.88), 0.90); 4048 text-shadow: none; 4049} 4050 4051switch:checked, 4052switch:backdrop:checked { 4053 background-image: linear-gradient(to bottom, 4054 @theme_selected_bg_color 2px, 4055 shade(@theme_selected_bg_color, 1.2)); 4056 color: white; 4057} 4058 4059switch:disabled, 4060switch:backdrop:disabled { 4061 color: @insensitive_fg_color; 4062 border-color: @insensitive_border_color; 4063 background-image: none; 4064 background-color: @insensitive_bg_color; 4065 box-shadow: inset 0px 1px @insensitive_border_color, 4066 inset 1px 0px @insensitive_border_color, 4067 inset -1px 0px @insensitive_border_color, 4068 inset 0px -1px @insensitive_border_color; 4069 text-shadow: none; 4070} 4071 4072switch slider, 4073switch slider:backdrop { 4074 border: 1px solid; 4075 border-radius: 4px; 4076 background-image: -gtk-gradient (linear, 4077 left top, left bottom, 4078 from (@button_gradient1), 4079 color-stop (0.48, @button_gradient2), 4080 color-stop (0.52, @button_gradient3), 4081 to (@button_gradient4)); 4082 border-top-color: transparent; 4083 border-left-color: alpha (#000, 0.01); 4084 border-right-color: alpha (#000, 0.01); 4085 border-bottom-color: alpha (#000, 0.03); 4086 box-shadow: inset 0px 2px alpha(#fff, 0.11), 4087 inset 2px 0px alpha(#fff, 0.09), 4088 inset -2px 0px alpha(#fff, 0.09), 4089 inset 0px -2px alpha(#fff, 0.07), 4090 inset 0px 1px alpha(shade(@button_border, 1.00), 0.70), 4091 inset 1px 0px alpha(shade(@button_border, 0.94), 0.80), 4092 inset -1px 0px alpha(shade(@button_border, 0.94), 0.80), 4093 inset 0px -1px alpha(shade(@button_border, 0.88), 0.90); 4094 padding: 2px; 4095 margin: -3px 0px -3px -3px; 4096} 4097 4098switch:checked slider, 4099switch:checked slider:backdrop { 4100 border-color: transparent; 4101 background-image: -gtk-gradient (linear, 4102 left top, left bottom, 4103 from (shade (@theme_bg_color, 1.20)), 4104 color-stop (0.50, shade (@theme_bg_color, 1.00)), 4105 color-stop (0.50, shade (@theme_bg_color, 0.95)), 4106 to (shade (@theme_bg_color, 0.80))); 4107 box-shadow: inset 0px 1px shade (@theme_fg_color, 1.0), 4108 inset 1px 0px shade (@theme_fg_color, 1.0), 4109 inset -1px 0px shade (@theme_fg_color, 1.0), 4110 inset 0px -1px shade (@theme_fg_color, 1.0); 4111 margin: -3px -3px -3px 0px; 4112} 4113 4114switch:disabled slider, 4115switch:disabled slider:backdrop { 4116 background-image: none; 4117 background-color: @insensitive_bg_color; 4118 border-color: alpha (#000, 0.00); 4119 border-bottom-color: alpha (#000, 0.00); 4120 border-image: none; 4121 box-shadow: inset 0px 1px @insensitive_border_color, 4122 inset 1px 0px @insensitive_border_color, 4123 inset -1px 0px @insensitive_border_color, 4124 inset 0px -1px @insensitive_border_color; 4125} 4126 4127switch slider:disabled > label, 4128switch slider:backdrop:disabled > label { 4129 color: inherit; 4130} 4131 4132/********* 4133 * image * 4134 *********/ 4135 4136image, 4137image:disabled { 4138 background-color: transparent; 4139} 4140 4141/**************** 4142 * drawing area * 4143 ****************/ 4144 4145/************ 4146 * viewport * 4147 ************/ 4148 4149viewport { 4150 border-width: 0px; 4151 border-style: none; 4152 /* Background color and system config gnome-tweak-tools */ 4153 background-color: shade(@theme_bg_color, 1.00); 4154} 4155 4156viewport.frame { 4157 border-width: 0px; 4158 border-style: none; 4159 padding: 0px; 4160} 4161 4162GdMainIconView.content-view { 4163 -GdMainIconView-icon-size: 40; 4164} 4165 4166iconview.content-view.check { 4167 background-image: url("assets/grid-selection-unchecked.svg"); 4168 background-color: transparent; 4169} 4170 4171iconview.content-view.check:active { 4172 background-image: url("assets/grid-selection-checked.svg"); 4173 background-color: transparent; 4174} 4175 4176iconview, 4177viewport { 4178 /* avoid resizing theme thumbnails in mate-appearance-properties */ 4179 padding: 0px; 4180} 4181 4182iconview { 4183 border-width: 0px; 4184 border-style: none; 4185 /* background view mate-appearance-properties */ 4186 background-color: @base_color; 4187} 4188 4189iconview.view.cell:selected, 4190iconview.view.cell:selected:focus { 4191 /* eg. Configuration center */ 4192 background-color: alpha(@theme_selected_bg_color, 0.90); 4193 background-image: -gtk-gradient (linear, 4194 0.40 top, 0.60 bottom, 4195 from (shade (@button_bg_active, 1.14)), 4196 color-stop (0.45, shade (@button_bg_active, 1.00)), 4197 color-stop (0.52, shade (@button_bg_active, 0.88)), 4198 to (shade (@button_bg_active, 0.90))); 4199 border-width: 1px; 4200 border-style: solid; 4201 border-radius: 4px; 4202 border-top-color: shade(@button_bg_active, 1.04); 4203 border-left-color: shade(@button_bg_active, 0.92); 4204 border-right-color: shade(@button_bg_active, 0.92); 4205 border-bottom-color: shade(@button_bg_active, 0.80); 4206 border-image: none; 4207 box-shadow: inset 0px 1px alpha(#fff, 0.08), 4208 inset 1px 0px alpha(#fff, 0.07), 4209 inset -1px 0px alpha(#fff, 0.07), 4210 inset 0px -1px alpha(#fff, 0.06); 4211 text-shadow: none; 4212} 4213 4214iconview.view.cell:hover, 4215iconview.view.cell:hover:focus { 4216 background-color: alpha(@theme_selected_bg_color, 0.10); 4217 border-style: none; 4218 border-radius: 4px; 4219} 4220 4221iconview.view.cell:selected:focus { 4222 border-color: alpha(@theme_text_color, 0.6); 4223 border-width: 1px; 4224 border-style: dashed; 4225} 4226 4227view, 4228.view, 4229view text, 4230.view text, 4231iconview text, 4232textview text { 4233 background-color: @theme_base_color; 4234 color: @theme_fg_color; 4235 text-shadow: none; 4236} 4237 4238view, 4239view:selected, 4240view:selected:focus, 4241.view:selected, 4242.view:selected:focus, 4243view text selection, 4244.view text selection, 4245view text selection:focus, 4246.view text selection:focus { 4247 background-color: shade(@theme_selected_bg_color, 1.10); 4248 background-image: -gtk-gradient (linear, 4249 left top, left bottom, 4250 from (shade(@theme_selected_bg_color, 1.0)), 4251 to (shade(@theme_selected_bg_color, 1.1))); 4252 color: @theme_selected_fg_color; 4253 text-shadow: none; 4254} 4255 4256/* ie. color of selected icons if unfocused */ 4257.view:active { 4258 background-color: shade(@theme_bg_color, 0.8); 4259} 4260 4261.view text selection:focus, 4262.view:selected:focus { 4263 text-shadow: none; 4264} 4265 4266/* for firefox and probably other apps */ 4267label:selected, 4268label selection, 4269label selection:focus, 4270label selection:hover { 4271 background-color: @theme_selected_bg_color; 4272 color: @theme_selected_fg_color; 4273} 4274 4275label:disabled:selected, 4276label selection:disabled { 4277 color: @insensitive_fg_color; 4278} 4279 4280label:backdrop:selected, 4281label selection:backdrop { 4282 color: @theme_fg_color; 4283} 4284 4285label:backdrop:disabled:selected, 4286label selection:backdrop:disabled { 4287 color: @insensitive_fg_color; 4288} 4289 4290treeview, 4291treeview.view { 4292 padding: 1px 4px; 4293 outline-color: alpha(currentColor, 0.6); 4294} 4295 4296treeview.dnd { 4297 border-color: @internal_element_color; 4298 border-radius: 2px; 4299 border-width: 1px; 4300 border-style: solid; 4301} 4302 4303treeview.view:selected:hover, 4304notebook container treeview.view:selected { 4305 background-image: -gtk-gradient (linear, 4306 left top, 4307 left bottom, 4308 from (shade(@sidebar_selected_bg, 0.90)), 4309 color-stop (0.40, shade (@sidebar_selected_bg, 0.98)), 4310 to (shade(@sidebar_selected_bg, 1.05))); 4311 color: @theme_selected_fg_color; 4312} 4313 4314treeview.view, 4315treeview.view:focus { 4316 background-color: @theme_base_color; 4317 border-style: none; 4318} 4319 4320treeview.view:hover, 4321notebook container treeview.view:hover { 4322 background-image: -gtk-gradient (linear, 4323 left top, 4324 left bottom, 4325 from (shade(@theme_bg_color, 1.05)), 4326 color-stop (0.40, shade (@theme_bg_color, 1.13)), 4327 to (shade(@theme_bg_color, 1.10))); 4328 color: shade (@theme_fg_color, 0.90); 4329 text-shadow: none; 4330} 4331 4332/*Keep treeviews from jumping, separators drawn at 0 by default until hovered*/ 4333treeview.view.separator, 4334treeview.view.separator:hover { 4335 min-height: 2px; 4336 color: shade(@theme_bg_color, 0.87); 4337 background-color: shade(@theme_bg_color, 0.87); 4338} 4339 4340treeview.view > header > button, 4341treeview.view > header > button:focus { 4342 min-height: 18px; 4343 padding: 0px 4px; 4344 background-image: -gtk-gradient (linear, 4345 left top, left bottom, 4346 from (shade(@button_base, 1.00)), 4347 color-stop (0.50, shade(@button_base, 0.96)), 4348 color-stop (0.50, shade(@button_base, 0.95)), 4349 to (shade(@button_base, 0.93))); 4350 border-width: 0px 1px 1px 0px; 4351 border-style: solid; 4352 border-radius: 0px; 4353 border-top-color: transparent; 4354 border-left-color: shade(@button_border, 1.05); 4355 border-right-color: shade(@button_border, 1.05); 4356 border-bottom-color: shade(@button_border, 0.95); 4357 border-image: none; 4358 box-shadow: inset 0px 1px alpha(#fff, 0.09), 4359 inset 1px 0px alpha(#fff, 0.07), 4360 inset -1px 0px alpha(#fff, 0.07), 4361 inset 0px -1px alpha(#fff, 0.05); 4362} 4363 4364treeview.view > header > button:hover { 4365 background-image: -gtk-gradient (linear, 4366 left top, left bottom, 4367 from (shade(@button_gradient1, 1.03)), 4368 color-stop (0.50, shade(@button_gradient3, 1.03)), 4369 to (shade(@button_gradient4, 1.01))); 4370 border-style: solid; 4371 border-radius: 0px; 4372 border-top-color: transparent; 4373 border-left-color: shade(@button_bg_active, 0.78); 4374 border-right-color: shade(@button_bg_active, 0.78); 4375 border-bottom-color: shade(@button_bg_active, 0.70); 4376 border-image: none; 4377 box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), 4378 inset 1px 0px shade (@theme_selected_bg_color, 1.3), 4379 inset -1px 0px shade (@theme_selected_bg_color, 1.3), 4380 inset 0px -1px shade (@theme_selected_bg_color, 1.3); 4381} 4382 4383treeview.view > header > button:focus:hover:active { 4384 background-image: -gtk-gradient (linear, 4385 left top, left bottom, 4386 from (shade (@theme_bg_color, 1.20)), 4387 color-stop (0.50, shade (@theme_bg_color, 1.00)), 4388 color-stop (0.50, shade (@theme_bg_color, 0.99)), 4389 to (shade (@theme_bg_color, 0.80))); 4390 border-radius: 0px; 4391 box-shadow: none; 4392} 4393 4394treeview.view > header > button:disabled { 4395 background-image: none; 4396 background-color: @insensitive_bg_color; 4397 border-color: @insensitive_border_color; 4398 border-image: none; 4399 box-shadow: none; 4400} 4401 4402treeview.view > header > button label, 4403treeview.view > header > button label:focus, 4404treeview.view > header > button label:backdrop { 4405 padding: 0px; 4406} 4407 4408treeview.view > header > button arrow { 4409 color: @internal_element_color; 4410} 4411 4412treeview.view > header > button:nth-child(last) { 4413 border-width: 0px 0px 1px 0px; 4414} 4415 4416.cell { 4417 color: @theme_fg_color; 4418 padding: 0px 2px; 4419 border-width: 0px; 4420} 4421 4422.cell:hover { 4423 /* take the same background in .view to avoid mouse-over lists */ 4424 /*background-color: @theme_base_color;*/ 4425 background-color: alpha(@theme_base_color, 0.0); 4426} 4427 4428/************* 4429 * Expanders * 4430 *************/ 4431 4432treeview.view.expander { 4433 -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); 4434 color: @theme_fg_color; 4435} 4436 4437treeview.view.expander:dir(rtl) { 4438 -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); 4439} 4440 4441treeview.view.expander:checked { 4442 -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); 4443 } 4444 4445treeview.view.expander:hover { 4446 color: @theme_selected_bg_color; 4447} 4448 4449treeview.view.expander:selected, 4450treeview.view.expander:selected:hover { 4451 color: @theme_selected_fg_color; 4452} 4453 4454expander arrow { 4455 color: @menu_fg_dark_color; 4456 text-shadow: 1px 1px alpha (#000000, 0.8); 4457 -gtk-icon-shadow: 0px 1px shade (@menu_bg_dark_color, 1.0), 4458 1px 0px shade (@menu_bg_dark_color, 1.0), 4459 -1px 0px shade (@menu_bg_dark_color, 1.0), 4460 0px -1px shade (@menu_bg_dark_color, 1.0); 4461} 4462 4463expander arrow { 4464 -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); 4465} 4466 4467expander arrow:dir(rtl) { 4468 -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); 4469} 4470 4471expander arrow:hover { 4472 color: shade (@theme_selected_bg_color, 1.2); 4473 -gtk-icon-shadow: 0px 1px shade (@menu_fg_dark_color, 1.0), 4474 1px 0px shade (@menu_fg_dark_color, 1.0), 4475 -1px 0px shade (@menu_fg_dark_color, 1.0), 4476 0px -1px shade (@menu_fg_dark_color, 1.0); 4477} 4478 4479expander arrow:checked { 4480 -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); 4481 color: shade (@theme_selected_bg_color, 1.2); 4482 -gtk-icon-shadow: 0px 1px shade (@menu_fg_dark_color, 1.0), 4483 1px 0px shade (@menu_fg_dark_color, 1.0), 4484 -1px 0px shade (@menu_fg_dark_color, 1.0), 4485 0px -1px shade (@menu_fg_dark_color, 1.0); 4486} 4487 4488expander arrow:checked:hover { 4489 color: @menu_fg_dark_color; 4490 text-shadow: 1px 1px alpha (#000000, 0.8); 4491 -gtk-icon-shadow: 0px 1px shade (@menu_bg_dark_color, 1.0), 4492 1px 0px shade (@menu_bg_dark_color, 1.0), 4493 -1px 0px shade (@menu_bg_dark_color, 1.0), 4494 0px -1px shade (@menu_bg_dark_color, 1.0); 4495} 4496 4497/* why this weird padding, possible issue with gtk+-3.18 ? */ 4498expander arrow { 4499 min-width: 16px; 4500 min-height: 16px; 4501 padding: 0px 4px 0px 0px; 4502} 4503 4504expander { 4505 color: @theme_fg_color; 4506 border-color: @theme_fg_color; 4507} 4508 4509expander:checked { 4510 color: @theme_selected_bg_color; 4511 border-color: @theme_selected_bg_color; 4512} 4513 4514expander:hover { 4515 color: @internal_element_color; 4516 border-color: @internal_element_color; 4517} 4518 4519expander title:selected, 4520expander title:selected:focus, 4521.expander title:selected, 4522.expander title:selected:focus { 4523 border-style: solid; 4524 border-width: 1px; 4525 border-color: @expander_row_selected_color; 4526 color: @expander_row_selected_color; 4527 background-color: @theme_selected_bg_color; 4528} 4529 4530expander title:selected:hover, 4531expander title:selected:focus:hover, 4532.expander title:selected:hover, 4533.expander title:selected:focus:hover { 4534 color: @theme_selected_fg_color; 4535 border-color: @theme_selected_fg_color; 4536} 4537 4538/************** 4539 * List boxes * 4540 **************/ 4541 4542list { 4543 background-color: @list_box_bg; 4544} 4545 4546list .separator.horizontal { 4547 background-color: @theme_base_color; 4548 border-width: 0px; 4549} 4550 4551row { 4552 min-height: 22px; 4553} 4554 4555row:disabled { 4556 border-width: 0px; 4557} 4558 4559row:selected, 4560row:selected:focus { 4561 border-width: 1px 0 1px 0; 4562 border-style: solid; 4563 box-shadow: none; 4564} 4565 4566row:selected:backdrop, 4567row:selected:focus:backdrop { 4568 border-width: 1px 0 1px 0; 4569 border-style: solid; 4570 text-shadow: none; 4571 box-shadow: none; 4572} 4573 4574list row, 4575list row.activatable { 4576 padding: 2px; 4577 transition: all 400ms ease-in; 4578 background-image: none; 4579 background-color: @theme_base_color; 4580} 4581 4582list row:hover, 4583list row.activatable:hover { 4584 border-color: shade (@theme_selected_bg_color, 1.6); 4585 background-image: -gtk-gradient (linear, 4586 left top, 4587 left bottom, 4588 from (shade(@theme_bg_color, 1.05)), 4589 color-stop (0.40, shade (@theme_bg_color, 1.13)), 4590 to (shade(@theme_bg_color, 1.10))); 4591 box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), 4592 inset 1px 0px shade (@theme_selected_bg_color, 1.3), 4593 inset -1px 0px shade (@theme_selected_bg_color, 1.3), 4594 inset 0px -1px shade (@theme_selected_bg_color, 1.3); 4595 text-shadow: none; 4596 -gtk-icon-shadow: none; 4597 border-image: none; 4598 border-radius: 6px; 4599 border-style: solid; 4600} 4601 4602list row:selected, 4603list row:selected:hover, 4604list row:selected:hover:active, 4605list row.activatable:selected, 4606list row.activatable:selected:hover, 4607list row.activatable:selected:hover:active { 4608 border-width: 0; 4609 border-radius: 0px; 4610 border-style: none; 4611 border-color: transparent; 4612 background-image: linear-gradient(to bottom, 4613 shade (@theme_selected_bg_color, 1.2), 4614 shade (@theme_selected_bg_color, 0.7)); 4615 box-shadow: none; 4616 color: @theme_selected_fg_color; 4617} 4618 4619list row:selected:backdrop, 4620list row:selected:backdrop:hover, 4621list row.activatable:selected:backdrop, 4622list row.activatable:selected:backdrop:hover { 4623 border-width: 0; 4624 border-style: solid; 4625 border-color: shade (@theme_bg_color, 0.85); 4626 background-image: linear-gradient(to bottom, 4627 shade (@theme_bg_color, 0.94), 4628 shade (@theme_bg_color, 0.94)); 4629 color: @theme_fg_color; 4630 text-shadow: none; 4631 box-shadow: none; 4632} 4633 4634/********************* 4635 * App Notifications * 4636 *********************/ 4637 4638.app-notification, 4639.app-notification.frame { 4640 color: @theme_dark_fg_color; 4641 padding: 10px; 4642 border: none; 4643 border-radius: 0 0 4px 4px; 4644 background-color: rgba(0, 0, 0, 0.7); 4645 background-image: linear-gradient(to bottom, 4646 rgba(0, 0, 0, 0.2), 4647 transparent 2px); 4648 background-clip: padding-box; 4649} 4650 4651.app-notification:backdrop, 4652.app-notification.frame:backdrop { 4653 background-image: none; 4654} 4655 4656.app-notification button, 4657.app-notification headerbar button.titlebutton, 4658headerbar .app-notification button.titlebutton, 4659.app-notification .titlebar button.titlebutton, 4660.titlebar .app-notification button.titlebutton, 4661.app-notification calendar.header button.titlebutton, 4662calendar.header .app-notification button.titlebutton, 4663.app-notification.frame button { 4664 color: @theme_dark_fg_color; 4665 border-color: rgba(37, 88, 128, 0.7); 4666 background-image: linear-gradient(to bottom, 4667 rgba(0, 0, 0, 0.7), 4668 rgba(0, 0, 0, 0.7)); 4669 background-clip: padding-box; 4670 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); 4671 text-shadow: none; 4672 -gtk-icon-shadow: 0 1px black; 4673 outline-color: rgba(238, 238, 236, 0.3); 4674 border-radius: 3px; 4675 padding: 0 0px 2px 0px; 4676} 4677 4678.app-notification button.flat, 4679.app-notification headerbar button.titlebutton, 4680headerbar .app-notification button.titlebutton, 4681.app-notification .titlebar button.titlebutton, 4682.titlebar .app-notification button.titlebutton, 4683.app-notification calendar.header button.titlebutton, 4684calendar.header .app-notification button.titlebutton, 4685.app-notification.frame button.flat, 4686.app-notification.frame headerbar button.titlebutton, 4687headerbar .app-notification.frame button.titlebutton, 4688.app-notification.frame .titlebar button.titlebutton, 4689.titlebar .app-notification.frame button.titlebutton, 4690.app-notification.frame calendar.header button.titlebutton, 4691calendar.header .app-notification.frame button.titlebutton { 4692 -gtk-icon-shadow: 0 1px black; 4693 text-shadow: none; 4694} 4695 4696.app-notification button:hover, 4697.app-notification.frame button:hover { 4698 color: black; 4699 border-color: rgba(0, 0, 0, 0.7); 4700 background-image: linear-gradient(to bottom, 4701 rgba(203, 213, 217, 0.7), 4702 rgba(203, 213, 217, 0.7)); 4703 background-clip: padding-box; 4704 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); 4705 text-shadow: none; 4706 -gtk-icon-shadow: 0 1px black; 4707 outline-color: rgba(238, 238, 236, 0.3); 4708 border-radius: 3px; 4709 padding: 0 0px 2px 0px; 4710} 4711 4712.app-notification button:checked, 4713.app-notification button:backdrop:checked, 4714.app-notification.frame button:checked, 4715.app-notification.frame button:backdrop:active { 4716 color: white; 4717 border-color: rgba(0, 0, 0, 0.7); 4718 background-image: linear-gradient(to bottom, 4719 rgba(37, 88, 128, 0.7), 4720 rgba(37, 88, 128, 0.7)); 4721 background-clip: padding-box; 4722 box-shadow: none; 4723 text-shadow: none; 4724 -gtk-icon-shadow: none; 4725 outline-color: rgba(238, 238, 236, 0.3); 4726 border-radius: 3px; 4727} 4728 4729.app-notification button:disabled, 4730.app-notification button:backdrop:disabled, 4731.app-notification.frame button:disabled, 4732.app-notification.frame button:backdrop:disabled { 4733 color: #878989; 4734 border-color: rgba(0, 0, 0, 0.7); 4735 background-image: linear-gradient(to bottom, 4736 rgba(52, 57, 57, 0.5), 4737 rgba(52, 57, 57, 0.5)); 4738 background-clip: padding-box; 4739 box-shadow: none; 4740 text-shadow: none; 4741 -gtk-icon-shadow: none; 4742 border-radius: 3px; 4743 padding: 0px; 4744} 4745 4746.app-notification button:backdrop, 4747.app-notification.frame button:backdrop { 4748 color: #eeeeec; 4749 border-color: rgba(0, 0, 0, 0.7); 4750 background-image: linear-gradient(to bottom, 4751 rgba(172, 205, 138, 0.7), 4752 rgba(172, 205, 138, 0.7)); 4753 background-clip: padding-box; 4754 box-shadow: none; 4755 text-shadow: none; 4756 -gtk-icon-shadow: none; 4757 border-radius: 3px; 4758 padding: 0px; 4759} 4760 4761/************** 4762 * Calendar * 4763 **************/ 4764 4765calendar { 4766 padding: 1px; 4767} 4768 4769calendar.view { 4770 border-radius: 4px; 4771 border-style: solid; 4772 border-width: 1px; 4773 border-color: @notebook_border; 4774 padding: 2px; 4775} 4776 4777calendar.header { 4778 border-radius: 4px 4px 0px 0px; 4779 background-image: linear-gradient(to bottom, 4780 shade(@theme_bg_color, 1.04), 4781 shade(@theme_bg_color, 0.89)); 4782 border-width: 0; 4783} 4784 4785calendar.expander, 4786calendar.button, 4787calendar.button.flat, 4788calendar.button:disabled { 4789 border-color: transparent; 4790 background-image: none; 4791 background-color: transparent; 4792 border-radius: 0px; 4793 box-shadow: none; 4794} 4795 4796/* disable shadows and button background on arrows */ 4797calendar.button:first-child, 4798calendar.button:last-child { 4799 box-shadow: none; 4800 background-image: none; 4801} 4802 4803/* disable button background on arrows */ 4804calendar.button:hover:first-child, 4805calendar.button:hover:last-child { 4806 background-image: none; 4807 border-radius: 3px; 4808 box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), 4809 inset 1px 0px shade (@theme_selected_bg_color, 1.3), 4810 inset -1px 0px shade (@theme_selected_bg_color, 1.3), 4811 inset 0px -1px shade (@theme_selected_bg_color, 1.3); 4812} 4813 4814calendar { 4815 color: @theme_fg_color; 4816 text-shadow: none; 4817} 4818 4819calendar:indeterminate { 4820 color: alpha(@theme_fg_color, 0.4); 4821} 4822 4823highlight, 4824calendar.highlight { 4825 background-color: @theme_selected_bg_color; 4826 color: @theme_selected_fg_color; 4827 border-radius: 0px; 4828 padding: 0px; 4829 border-width: 0; 4830 border-color: transparent; 4831} 4832 4833menuitem calendar, 4834menuitem calendar.button, 4835menuitem calendar.header, 4836menuitem calendar.view { 4837 background-color: shade(@theme_bg_dark_color, 0.82); 4838 background-image: none; 4839 border-radius: 0px; 4840 border-style: solid; 4841 border-width: 0px; 4842 padding: 0px; 4843 color: @theme_base_color; 4844} 4845 4846menuitem calendar { 4847 background-color: shade (@menu_bg_color, 1.3); 4848 background-image: none; 4849} 4850 4851/************** 4852 * GtkInfoBar * 4853 **************/ 4854 4855infobar { 4856 border-width: 0; 4857 border-style: none; 4858} 4859 4860.info, 4861.question, 4862.warning, 4863.error { 4864 background-color: @info_bg_color; 4865 color: @infobar_fg_color; 4866 text-shadow: none; 4867 border-color: darker(@info_bg_color); 4868} 4869 4870.warning { 4871 color: @warning_fg_color; 4872} 4873 4874.info button.close, 4875.warning button.close, 4876.question button.close, 4877.error button.close { 4878 color: @theme_fg_color; 4879 -gtk-icon-shadow: none; 4880} 4881 4882.info button.close:hover, 4883.warning button.close:hover, 4884.question button.close:hover, 4885.error button.close:hover { 4886 background-image: linear-gradient(to bottom, 4887 alpha(white, 0.3), 4888 alpha(white, 0.2) 30%, 4889 alpha(black, 0.02)); 4890} 4891 4892.info button.close:checked, 4893.warning button.close:checked, 4894.question button.close:checked, 4895.error button.close:checked { 4896 color: @infobar_fg_color; 4897 background-image: linear-gradient(to bottom, 4898 alpha(black, 0.1), 4899 transparent); 4900} 4901 4902entry.info, 4903entry.info:focus, 4904.info button, 4905.info button:disabled, 4906.info button:checked, 4907entry.warning, 4908entry.warning:focus, 4909.warning button, 4910.warning button:disabled, 4911.warning button:checked, 4912entry.error, 4913entry.error:focus, 4914.error button, 4915.error button:disabled, 4916.error button:checked, 4917entry.question, 4918entry.question:focus, 4919.question button, 4920.question button:disabled, 4921.question button:checked { 4922 color: @theme_fg_color; 4923 border-color: darker(@info_bg_color); 4924 border-style: solid; 4925 border-width: 1px; 4926} 4927 4928/* Warning Bar */ 4929infobar.horizontal.error { 4930 background-color: @error_bg_color; 4931 color: @error_fg_color; 4932 border-color: darker(@error_bg_color); 4933 border-width: 1px ; 4934 border-style: solid; 4935} 4936 4937/* Question Bar */ 4938infobar.horizontal.info .horizontal { 4939 background-color: @question_bg_color; 4940 color: @question_fg_color; 4941} 4942 4943infobar.horizontal.info .horizontal button.flat.raised.close, 4944infobar.horizontal.info .horizontal button.flat.raised.close:hover, 4945infobar.horizontal.info .horizontal button.flat.raised.close:checked { 4946 border-radius: 3px; 4947 box-shadow: none; 4948} 4949 4950/*************** 4951 * Dialog * 4952 ***************/ 4953 4954.prompt, 4955messagedialog { 4956 -GtkDialog-content-area-border: 0; 4957 -GtkDialog-action-area-border: 12; 4958 -GtkDialog-button-spacing: 0; 4959 margin: 0; 4960 padding: 0; 4961} 4962 4963/* ie. caja properties-window notes tab */ 4964dialog notebook.frame > stack > scrolledwindow.frame { 4965 border-style: none; 4966} 4967 4968/* credits in GtkAbout windows */ 4969dialog .dialog-vbox scrolledwindow.frame > viewport.view.frame { 4970 background-color: shade (@theme_bg_color, 1.10); 4971} 4972 4973dialog scrolledwindow.frame viewport .vertical expander .vertical { 4974 background-color: @theme_base_color; 4975 border-radius: 3px; 4976 border-color: @notebook_border; 4977 border-style: solid; 4978 border-width: 1px; 4979} 4980 4981/* middle buttons */ 4982.dialog-action-area.linked > button.text-button, 4983.dialog-action-area.linked > button.text-button:focus, 4984.dialog-action-area.linked > button.text-button:hover, 4985.dialog-action-area.linked > button.text-button:hover:active, 4986.dialog-action-area.linked > button.text-button:focus:hover, 4987.dialog-action-area.linked > button.text-button:focus:hover:active, 4988.dialog-action-area.linked > button.text-button:checked, 4989.dialog-action-area.linked > button.text-button:checked:hover, 4990.dialog-action-area.linked > button.text-button:checked:hover:active, 4991.dialog-action-area.linked > button.text-button:disabled { 4992 border-width: 1px 1px 1px 0px; 4993 border-radius: 0; 4994 padding: 6px 6px; 4995 margin: 0px 0px 0px -2px; 4996 min-height: 16px; 4997 min-width: 16px; 4998} 4999 5000/* left button */ 5001.dialog-action-area.linked > button.text-button:first-child, 5002.dialog-action-area.linked > button.text-button:focus:first-child, 5003.dialog-action-area.linked > button.text-button:hover:first-child, 5004.dialog-action-area.linked > button.text-button:hover:active:first-child, 5005.dialog-action-area.linked > button.text-button:focus:hover:first-child, 5006.dialog-action-area.linked > button.text-button:focus:hover:active:first-child, 5007.dialog-action-area.linked > button.text-button:checked:first-child, 5008.dialog-action-area.linked > button.text-button:checked:hover:first-child, 5009.dialog-action-area.linked > button.text-button:checked:hover:active:first-child, 5010.dialog-action-area.linked > button.text-button:disabled:first-child { 5011 border-radius: 5px 0 0 5px; 5012 border-width: 1px 1px 1px 1px; 5013} 5014 5015/* right button */ 5016.dialog-action-area.linked > button.text-button:last-child, 5017.dialog-action-area.linked > button.text-button:focus:last-child, 5018.dialog-action-area.linked > button.text-button:hover:last-child, 5019.dialog-action-area.linked > button.text-button:hover:active:last-child, 5020.dialog-action-area.linked > button.text-button:focus:hover:last-child, 5021.dialog-action-area.linked > button.text-button:focus:hover:active:last-child, 5022.dialog-action-area.linked > button.text-button:checked:last-child, 5023.dialog-action-area.linked > button.text-button:checked:hover:last-child, 5024.dialog-action-area.linked > button.text-button:checked:hover:active:last-child, 5025.dialog-action-area.linked > button.text-button:disabled:last-child { 5026 margin: 0px 0px 0px -2px; 5027 border-width: 1px 1px 1px 0px; 5028 border-radius: 0 5px 5px 0; 5029} 5030 5031/* single button */ 5032.dialog-action-area.linked > button.text-button:only-child, 5033.dialog-action-area.linked > button.text-button:focus:only-child, 5034.dialog-action-area.linked > button.text-button:hover:only-child, 5035.dialog-action-area.linked > button.text-button:hover:active:only-child, 5036.dialog-action-area.linked > button.text-button:focus:hover:only-child, 5037.dialog-action-area.linked > button.text-button:focus:hover:active:only-child, 5038.dialog-action-area.linked > button.text-button:checked:only-child, 5039.dialog-action-area.linked > button.text-button:checked:hover:only-child, 5040.dialog-action-area.linked > button.text-button:checked:hover:active:only-child, 5041.dialog-action-area.linked > button.text-button:disabled:last-child { 5042 border-width: 1px; 5043 border-image-width: 1px; 5044 border-radius: 5px; 5045} 5046 5047.dialog-action-area.linked > button.text-button { 5048 background-image: -gtk-gradient (linear, 5049 left top, left bottom, 5050 from (@button_gradient1), 5051 color-stop (0.50, @button_gradient3), 5052 to (@button_gradient4)); 5053 box-shadow: inset 0px 1px alpha(shade(@button_border, 1.00), 0.70), 5054 inset 1px 0px alpha(shade(@button_border, 0.94), 0.80), 5055 inset -1px 0px alpha(shade(@button_border, 0.94), 0.80), 5056 inset 0px -1px alpha(shade(@button_border, 0.88), 0.90); 5057} 5058 5059.dialog-action-area.linked > button.text-button:focus { 5060 box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), 5061 inset 1px 0px shade (@theme_selected_bg_color, 1.3), 5062 inset -1px 0px shade (@theme_selected_bg_color, 1.3), 5063 inset 0px -1px shade (@theme_selected_bg_color, 1.3); 5064} 5065 5066.dialog-action-area.linked > button.text-button:hover { 5067 background-image: -gtk-gradient (linear, 5068 left top, left bottom, 5069 from (shade(@button_gradient1, 1.03)), 5070 color-stop (0.50, shade(@button_gradient3, 1.03)), 5071 to (shade(@button_gradient4, 1.01))); 5072 box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), 5073 inset 1px 0px shade (@theme_selected_bg_color, 1.3), 5074 inset -1px 0px shade (@theme_selected_bg_color, 1.3), 5075 inset 0px -1px shade (@theme_selected_bg_color, 1.3); 5076} 5077 5078.dialog-action-area.linked > button.text-button:hover:active { 5079 background-image: -gtk-gradient (linear, 5080 left top, left bottom, 5081 from (shade (@theme_bg_color, 1.20)), 5082 color-stop (0.50, shade (@theme_bg_color, 1.00)), 5083 color-stop (0.50, shade (@theme_bg_color, 0.99)), 5084 to (shade (@theme_bg_color, 0.80))); 5085 box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), 5086 inset 1px 0px shade (@theme_selected_bg_color, 1.3), 5087 inset -1px 0px shade (@theme_selected_bg_color, 1.3), 5088 inset 0px -1px shade (@theme_selected_bg_color, 1.3); 5089} 5090 5091.dialog-action-area.linked button.suggested-action, 5092.dialog-action-area.linked button.suggested-action:active, 5093.dialog-action-area.linked button.suggested-action:checked, 5094.dialog-action-area.linked button.suggested-action:disabled { 5095 box-shadow: none; 5096} 5097 5098.dialog-action-area.linked > button.text-button label { 5099 padding: 2px 0px 0px 0px; 5100} 5101 5102/************** 5103 * Dim labels * 5104 **************/ 5105 5106.view.dim-label, 5107.dim-label, 5108.dim-label:hover, 5109.dim-label:focus, 5110list row.activatable .dim-label { 5111 color: mix (@theme_fg_color, @theme_bg_color, 0.27); 5112 text-shadow: none; 5113} 5114 5115.dim-label:selected, 5116.dim-label:selected:focus, 5117list row.activatable:selected .dim-label { 5118 color: shade (@theme_selected_fg_color, 0.7); 5119 text-shadow: none; 5120} 5121 5122/******* 5123 * OSD * 5124 *******/ 5125 5126.background.osd { 5127 color: @osd_fg; 5128 text-shadow: none; 5129 border-style: solid; 5130 border-width: 1px; 5131 border-color: shade (@theme_selected_bg_color, 0.8); 5132 border-radius: 0px; 5133 background-image: linear-gradient(to left, 5134 alpha(shade(@theme_selected_bg_color, 1.2), 0.7), 5135 alpha(shade(@theme_selected_bg_color, 0.95), 0.7)); 5136 background-color: alpha(shade(@theme_selected_bg_color, 1.0), 0.4); 5137} 5138 5139overlay.osd { 5140 background-color: transparent; 5141} 5142 5143.osd.frame { 5144 background-clip: border-box; 5145 background-origin: border-box; 5146} 5147 5148.osd button, 5149.osd button:focus, 5150.osd button:checked, 5151.osd button:hover:active, 5152.osd button:focus:hover:active, 5153button.osd, 5154button.osd:focus, 5155button.osd:checked, 5156button.osd:hover:active, 5157button.osd:focus:hover:active { 5158 border-width: 1px; 5159 border-style: solid; 5160 border-image: none; 5161 border-color: @osd_button_border; 5162 border-radius: 5px; 5163 box-shadow: none; 5164} 5165 5166.osd button, 5167.osd button:hover, 5168.osd button:checked, 5169button.osd, 5170button.osd:hover, 5171button.osd:checked { 5172 background-color: shade(@osd_bg, 1.10); 5173 border-radius: 5px; 5174 border-color: @osd_button_border; 5175} 5176 5177.osd button:hover, 5178.osd button:checked, 5179button.osd:hover, 5180button.osd:checked { 5181 background-color: transparent; 5182 box-shadow: none; 5183} 5184 5185.osd button:disabled, 5186button.osd:disabled { 5187 background-image: none; 5188 border-color: @osd_button_bg_insensitive; 5189 background-color: transparent; 5190 box-shadow: none; 5191 color: @osd_button_fg_insensitive; 5192} 5193 5194.osd button:checked:disabled, 5195button.osd:checked:disabled { 5196 background-image: none; 5197 background-color: @osd_button_bg_insensitive_active; 5198 color: @osd_button_fg_insensitive; 5199} 5200 5201.osd button, 5202.osd button:focus, 5203button.osd, 5204button.osd:focus { 5205 padding: 4px; 5206 background-image: linear-gradient(to bottom, 5207 @osd_button_bg_a, 5208 @osd_button_bg_b 68%, 5209 @osd_button_bg_c); 5210 color: @osd_button_fg; 5211 text-shadow: none; 5212 -gtk-icon-shadow: 0 -1px @osd_button_shadow; 5213} 5214 5215.osd button:hover, 5216button.osd:hover, 5217.osd .linked button:hover { 5218 background-image: linear-gradient(to bottom, 5219 @osd_button_bg_hover_a, 5220 @osd_button_bg_hover_b 68%, 5221 @osd_button_bg_hover_c); 5222 color: @osd_button_fg_hover; 5223} 5224 5225.osd button:checked, 5226.osd button:checked:hover, 5227.osd button:checked:hover:active, 5228.osd button:hover:active, 5229.osd button:focus:hover:active, 5230.osd button.popup:checked, 5231button.osd:checked, 5232button.osd:checked:hover, 5233button.osd:checked:hover:active, 5234button.osd:hover:active, 5235button.osd:focus:hover:active, 5236button.osd.menu-button:checked { 5237 background-image: linear-gradient(to bottom, 5238 @osd_button_bg_active_a, 5239 @osd_button_bg_active_b 68%, 5240 @osd_button_bg_active_c); 5241 color: @osd_button_fg_active; 5242 text-shadow: none; 5243} 5244 5245.osd button.popup:checked { 5246 background-color: transparent; 5247 border-color: @osd_button_border; 5248} 5249 5250/* ie. gnome-weather */ 5251.linked.stack-switcher.osd button { 5252 border-width: 1px 0 1px 0px; 5253 color: @osd_button_fg_hover; 5254 text-shadow: none; 5255} 5256 5257.linked.stack-switcher.osd button:checked { 5258 color: shade(@theme_fg_color, 1.00); 5259} 5260 5261.linked.stack-switcher.osd button:first-child { 5262 border-width: 1px 1px 1px 1px; 5263} 5264 5265.linked.stack-switcher.osd button:last-child { 5266 border-width: 1px 1px 1px 0px; 5267} 5268 5269.linked.stack-switcher.osd button:only-child { 5270 border-width: 1px; 5271} 5272 5273/* ie. parole media-player */ 5274/* previous/play/next */ 5275.osd .horizontal .horizontal button { 5276 padding: 5px 8px; 5277} 5278 5279.osd .horizontal .horizontal button:disabled { 5280 border-color: @osd_button_bg_disabled; 5281} 5282 5283.osd .horizontal .horizontal label { 5284 padding: 5px 5px; 5285 background-color: transparent; 5286 background-image: linear-gradient(to bottom, 5287 @osd_button_bg_a, 5288 @osd_button_bg_b 68%, 5289 @osd_button_bg_c); 5290 border-color: @osd_button_bg_insensitive; 5291 border-style: solid; 5292 border-width: 1px; 5293 border-radius: 5px; 5294} 5295 5296toolbar.osd { 5297 color: @osd_fg; 5298 text-shadow: none; 5299 padding: 10px; 5300 border-style: solid; 5301 border-width: 1px; 5302 border-color: shade (@theme_selected_bg_color, 0.8); 5303 border-radius: 7px; 5304 background-image: linear-gradient(to left, 5305 alpha(shade(@theme_selected_bg_color, 1.2), 0.7), 5306 alpha(shade(@theme_selected_bg_color, 0.95), 0.7)); 5307 background-color: alpha(shade(@theme_selected_bg_color, 1.0), 0.4); 5308 -GtkToolbar-button-relief: normal; 5309} 5310 5311toolbar.osd button, 5312toolbar.osd button:hover, 5313toolbar.osd button:focus, 5314toolbar.osd button:focus:hover, 5315toolbar.osd button:focus:hover:active, 5316toolbar.osd button:hover:active, 5317toolbar.osd .linked button 5318toolbar.osd .linked button:hover, 5319toolbar.osd .linked button:hover:active, 5320toolbar.osd .linked button:focus, 5321toolbar.osd .linked button:focus:hover, 5322toolbar.osd .linked button:focus:hover:active, 5323toolbar.osd button.scale.flat.image-button { 5324 padding: 8px; 5325 border-width: 1px; 5326 border-radius: 5px; 5327} 5328 5329toolbar.osd button:first-child, 5330toolbar.osd .linked button:first-child, 5331toolbar.osd .linked button:focus:hover:first-child, 5332toolbar.osd .linked button:focus:hover:active:first-child { 5333 border-radius: 5px 0 0 5px; 5334 border-width: 1px 0 1px 1px; 5335 box-shadow: inset -1px 0 @osd_button_inset; 5336} 5337 5338toolbar.osd button:last-child, 5339toolbar.osd .linked button:last-child, 5340toolbar.osd .linked button:focus:hover:last-child, 5341toolbar.osd .linked button:focus:hover:active:last-child { 5342 box-shadow: none; 5343 border-radius: 0 5px 5px 0; 5344 border-width: 1px 1px 1px 0; 5345} 5346 5347toolbar.osd button:only-child, 5348toolbar.osd .linked button:only-child, 5349toolbar.osd toolitem button, 5350toolbar.osd toolitem button:only-child, 5351toolbar.osd toolitem button:last-child, 5352toolbar.osd toolitem button:first-child { 5353 border-width: 1px; 5354 border-radius: 5px; 5355 border-style: solid; 5356 box-shadow: none; 5357} 5358 5359toolbar.osd separator { 5360 color: shade(@osd_lowlight, 0.80); 5361} 5362 5363/* used by gnome-settings-daemon's media-keys OSD 5364 and Epiphany */ 5365.osd trough { 5366 background-color: @osd_trough_bg; 5367 border-width: 0; 5368} 5369 5370.osd progressbar { 5371 background-color: @osd_fg; 5372} 5373 5374.osd scale trough:disabled, 5375.osd scale trough.highlight:disabled { 5376 background-image: none; 5377 background-color: transparent; 5378} 5379 5380.osd popover.background.scale-popup { 5381 color: @osd_fg; 5382 border-style: solid; 5383 border-width: 1px; 5384 border-color: shade (@theme_selected_bg_color, 0.8); 5385 border-radius: 4px; 5386 background-image: linear-gradient(to bottom, 5387 alpha(shade(@theme_selected_bg_color, 1.2), 0.7), 5388 alpha(shade(@theme_selected_bg_color, 0.95), 0.7)); 5389 background-color: alpha(shade(@theme_selected_bg_color, 1.0), 0.4); 5390} 5391 5392.osd popover.background.scale-popup button.flat.image-button { 5393 background-image: linear-gradient(to bottom, 5394 @osd_button_bg_a, 5395 @osd_button_bg_b 68%, 5396 @osd_button_bg_c); 5397 border-radius: 4px; 5398 border-width: 1px; 5399 border-color: @osd_button_border; 5400 box-shadow: none; 5401 padding: 2px; 5402} 5403 5404.osd popover.background.scale-popup button.flat.image-button:hover { 5405 background-image: linear-gradient(to bottom, 5406 @osd_button_bg_hover_a, 5407 @osd_button_bg_hover_b 68%, 5408 @osd_button_bg_hover_c); 5409 border-color: alpha(shade(@theme_selected_bg_color, 2.2), 0.8); 5410/* -gtk-image-effect: highlight; */ 5411} 5412 5413.osd popover.background.scale-popup button.flat.image-button:disabled { 5414 background-image: none; 5415 background-color: transparent; 5416 border-image: none; 5417 border-color: transparent; 5418 box-shadow: none; 5419} 5420 5421.osd progressbar, 5422progressbar .osd { 5423 padding: 0; 5424} 5425 5426.osd progressbar.horizontal, 5427progressbar.horizontal .osd { 5428 min-height: 3px; 5429} 5430 5431.osd progressbar trough, 5432progressbar .osd trough { 5433 padding: 0; 5434 border-image: none; 5435 border-style: none; 5436 border-width: 0; 5437 background-image: none; 5438 background-color: transparent; 5439 border-radius: 0; 5440} 5441 5442.osd progressbar, 5443progressbar .osd { 5444 border-style: none; 5445 background-color: @theme_selected_bg_color; 5446 background-image: none; 5447 border-radius: 0; 5448} 5449 5450.osd view { 5451 background-color: @osd_view_bg; 5452} 5453 5454.osd scrollbar trough.trough { 5455 background-color: @osd_scrollbar_trough; 5456} 5457 5458.osd scrollbar trough.slider { 5459 background-color: @osd_scrollbar_slider; 5460} 5461 5462.osd scrollbar trough.slider:hover { 5463 background-color: @osd_scrollbar_slider_prelight; 5464} 5465 5466.osd scrollbar trough.slider:active { 5467 background-color: @osd_scrollbar_slider_active; 5468} 5469 5470.osd iconview.cell:selected, 5471.osd iconview.cell:selected:focus { 5472 background-color: transparent; 5473 border-style: solid; 5474 border-radius: 15px; 5475 border-width: 3px; 5476 border-color: @osd_button_fg; 5477 outline-color: transparent; 5478} 5479 5480/* ie. colorchooser */ 5481.osd.popover { 5482 background-image: none; 5483 background-color: alpha(shade(#3D3E40, 0.85), 0.35); 5484 border: 1px solid black; 5485 box-shadow: none; 5486 color: @theme_selected_fg_color; 5487} 5488 5489.osd.popover > grid { 5490 text-shadow: 1px 1px alpha (#000000, 0.8); 5491} 5492 5493.osd.popover toolbar { 5494 background-image: none; 5495 background-color: transparent; 5496 border: none; 5497 box-shadow: none; 5498} 5499 5500.osd.popover button { 5501 text-shadow: none; 5502 -gtk-icon-shadow: 0 -1px @osd_text_shadow; 5503} 5504 5505.osd.popover button:checked { 5506 box-shadow: none; 5507} 5508 5509.osd.popover button:disabled { 5510 color: alpha(@theme_selected_fg_color, 0.4); 5511} 5512 5513.osd.popover > grid > spinbutton { 5514 text-shadow: none; 5515 color: @theme_fg_color; 5516} 5517 5518.osd.popover spinbutton entry, 5519.osd.popover spinbutton entry:focus, 5520.osd.popover spinbutton entry:backdrop { 5521 border-width: 1px; 5522 border-style: none; 5523 border-radius: 0px; 5524 box-shadow: none; 5525 padding: 5px 10px 5px 3px; 5526} 5527 5528.osd.popover spinbutton button, 5529.osd.popover spinbutton button:focus 5530.osd.popover spinbutton button:backdrop { 5531 min-width: 16px; 5532 min-height: 16px; 5533 border-width: 1px; 5534 border-style: none; 5535 border-radius: 0px; 5536 box-shadow: none; 5537 padding: 5px; 5538} 5539 5540.osd.popover spinbutton button:hover { 5541 background-image: linear-gradient(to bottom, 5542 alpha(shade(@theme_selected_bg_color, 1.2), 0.4), 5543 alpha(shade(@theme_selected_bg_color, 0.95), 0.4)); 5544 background-color: alpha(shade(@theme_selected_bg_color, 1.0), 0.4); 5545} 5546 5547/* used by Documents */ 5548.osd .page-thumbnail { 5549 border-style: solid; 5550 border-width: 1px; 5551 border-color: @osd_lowlight; 5552 /* when there's no pixbuf yet */ 5553 background-color: @osd_bg; 5554} 5555 5556/************* 5557 * Popovers * 5558 *************/ 5559 5560popover.background { 5561 background-clip: initial; 5562 color: @theme_fg_dark_color; 5563 margin: 10px; 5564 padding: 2px; 5565 border-color: @borders_headerbar; 5566 border-width: 1px; 5567 border-style: solid; 5568 border-radius: 6px; 5569 background-color: @bg_dark_color; 5570 box-shadow: 0 1px 5px @wm_shadow; 5571 text-shadow: none; 5572 -gtk-icon-shadow: none; 5573} 5574 5575popover .dim-label, 5576popover .dim-label:hover, 5577popover .dim-label:focus { 5578 color: @theme_fg_dark_color; 5579} 5580 5581popover > list, 5582popover > .view, 5583popover > toolbar popover.osd > toolbar, 5584popover > .inline-toolbar popover.osd > toolbar, 5585popover > searchbar popover.osd > toolbar, 5586popover > .location-bar popover.osd > toolbar, 5587popover > toolbar popover.osd > .inline-toolbar, 5588popover > .inline-toolbar .popover.osd > .inline-toolbar, 5589popover > searchbar popover.osd > .inline-toolbar, 5590popover > .location-bar popover.osd > .inline-toolbar, 5591popover > toolbar popover.osd > searchbar, 5592popover > .inline-toolbar popover.osd > searchbar, 5593popover > searchbar popover.osd > searchbar, 5594popover > .location-bar popover.osd > searchbar 5595popover > .inline-toolbar popover.osd > .location-bar, 5596popover > searchbar popover.osd > .location-bar, 5597popover > .location-bar popover.osd > .location-bar { 5598 border-style: none; 5599 background-color: transparent; 5600} 5601 5602popover separator { 5603 font-size: 80%; 5604 font-weight: bold; 5605 color: alpha(@theme_fg_dark_color,0.6); 5606 text-shadow: none; 5607 background-color: transparent; 5608 -gtk-icon-shadow: none; 5609 border: 0; 5610} 5611 5612popover.background.scale-popup button.flat.image-button:disabled { 5613 background-image: none; 5614 background-color: transparent; 5615 border-image: none; 5616 border-color: transparent; 5617 box-shadow: none; 5618} 5619 5620popover.background.scale-popup button.flat.image-button { 5621 background-image: -gtk-gradient (linear, 5622 left top, left bottom, 5623 from (shade(@menu_bg_dark_color, 2.03)), 5624 to (shade(@menu_bg_dark_color, 1.17))); 5625 border-radius: 4px; 5626 box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), 5627 inset 1px 0px shade (@theme_selected_bg_color, 1.3), 5628 inset -1px 0px shade (@theme_selected_bg_color, 1.3), 5629 inset 0px -1px shade (@theme_selected_bg_color, 1.3); 5630} 5631 5632popover.background.scale-popup button.flat.image-button:hover { 5633/* -gtk-image-effect: highlight; */ 5634} 5635 5636popover.background.scale-popup scale .trough, 5637popover.background.scale-popup scale .trough.vertical { 5638 background-image: -gtk-gradient (linear, 5639 left top, left bottom, 5640 from (shade (@scale_border_a, 1.10)), 5641 to (shade (@scale_border_a, 1.51))); 5642} 5643 5644popover.background.scale-popup scale .trough.highlight, 5645popover.background.scale-popup scale .trough.highlight.vertical { 5646 background-image: -gtk-gradient (linear, 5647 left top, left bottom, 5648 from (shade (@theme_selected_bg_color, 1.31)), 5649 to (shade (@theme_selected_bg_color, 1.00))); 5650} 5651 5652/* needs to be here to avoid a override by .popover.scale-popup */ 5653.osd .scale.trough, 5654.osd popover.background.scale-popup scale trough { 5655 border-color: @osd_scale_border; 5656 border-image: none; 5657 background-image: linear-gradient(to bottom, 5658 shade(@osd_button_border, 0.70), 5659 shade(@osd_button_border, 0.90)); 5660 background-color: transparent; 5661} 5662 5663.osd .scale.trough.highlight, 5664.osd popover.background.scale-popup scale trough highlight { 5665 background-image: none; 5666 background-color: @theme_selected_bg_color; 5667 border-color: @scale_highlight_border; 5668} 5669 5670popover .list { 5671 background-color: @theme_base_color; 5672} 5673 5674/* more/less volume button */ 5675popover button.image-button:hover { 5676 background-image: -gtk-gradient (linear, 5677 left top, left bottom, 5678 from (shade(@menu_bg_dark_color, 2.03)), 5679 to (shade(@menu_bg_dark_color, 1.17))); 5680 box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), 5681 inset 1px 0px shade (@theme_selected_bg_color, 1.3), 5682 inset -1px 0px shade (@theme_selected_bg_color, 1.3), 5683 inset 0px -1px shade (@theme_selected_bg_color, 1.3); 5684} 5685 5686popover button.image-button:disabled { 5687 background-image: none; 5688 background-color: transparent; 5689 box-shadow: inset 0px 1px @insensitive_border_color, 5690 inset 1px 0px @insensitive_border_color, 5691 inset -1px 0px @insensitive_border_color, 5692 inset 0px -1px @insensitive_border_color; 5693} 5694 5695popover > box > button.text-button, 5696popover > box > button.text-button:hover, 5697popover > box > button.text-button:focus { /* ie. gedit menu button popover */ 5698 padding: 6px; 5699} 5700 5701popover > box > button.text-button { /* ie. gedit menu button popover */ 5702 background-image: none; 5703 color: @theme_fg_dark_color; 5704 border-radius: 5px; 5705} 5706 5707modelbutton.flat, 5708.linked button.image-button.model { 5709 min-height: 24px; 5710 padding: 4px; 5711} 5712 5713modelbutton.flat arrow.left { 5714 -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); 5715} 5716 5717modelbutton.flat arrow.right { 5718 -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); 5719} 5720 5721modelbutton.flat, 5722modelbutton.flat:first-child, 5723modelbutton.flat:last-child, 5724modelbutton.flat:only-child { 5725 background-image: none; 5726 color: @theme_fg_dark_color; 5727 border-radius: 5px; 5728 padding: 6px 0px 6px 6px; 5729 outline-style: none; 5730} 5731 5732modelbutton.flat:checked, 5733modelbutton.flat:disabled, 5734modelbutton.flat:checked:disabled, 5735modelbutton.flat, 5736modelbutton.flat:focus, 5737modelbutton.flat:checked:focus, 5738modelbutton.flat:checked:first-child, 5739modelbutton.flat:disabled:first-child, 5740modelbutton.flat:checked:disabled:first-child, 5741modelbutton.flat:first-child, 5742modelbutton.flat:focus:first-child, 5743modelbutton.flat:checked:focus:first-child, 5744modelbutton.flat:checked:last-child, 5745modelbutton.flat:disabled:last-child, 5746modelbutton.flat:checked:disabled:last-child, 5747modelbutton.flat:last-child, 5748modelbutton.flat:focus:last-child, 5749modelbutton.flat:checked:focus:last-child, 5750modelbutton.flat:checked:only-child, 5751modelbutton.flat:disabled:only-child, 5752modelbutton.flat:checked:disabled:only-child, 5753modelbutton.flat:only-child, 5754modelbutton.flat:focus:only-child, 5755modelbutton.flat:checked:focus:only-child, 5756.linked button.image-button.model, 5757popover > box > button.text-button { /* ie. gedit menu button popover */ 5758 background-color: shade (@theme_bg_dark_color, 1.0); 5759 background-image: none; 5760 border-color: transparent; 5761 border-image: none; 5762 border-style: none; 5763 box-shadow: none; 5764 border-radius: 5px; 5765} 5766 5767/* use box-shadow for outlines */ 5768modelbutton.flat:focus, 5769modelbutton.flat:focus:first-child, 5770modelbutton.flat:focus:last-child, 5771modelbutton.flat:focus:only-child { 5772 box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), 5773 inset 1px 0px shade (@theme_selected_bg_color, 1.3), 5774 inset -1px 0px shade (@theme_selected_bg_color, 1.3), 5775 inset 0px -1px shade (@theme_selected_bg_color, 1.3); 5776} 5777 5778modelbutton.flat:checked:hover:only-child, 5779modelbutton.flat:checked:hover:active:only-child, 5780modelbutton.flat:focus:hover:active:only-child, 5781modelbutton.flat:hover:active:only-child, 5782modelbutton.flat:hover:only-child, 5783modelbutton.flat:selected:only-child, 5784modelbutton.flat:checked:hover:first-child, 5785modelbutton.flat:checked:hover:active:first-child, 5786modelbutton.flat:focus:hover:active:first-child, 5787modelbutton.flat:hover:active:first-child, 5788modelbutton.flat:hover:first-child, 5789modelbutton.flat:selected:first-child, 5790modelbutton.flat:checked:hover:last-child, 5791modelbutton.flat:checked:hover:active:last-child, 5792modelbutton.flat:focus:hover:active:last-child, 5793modelbutton.flat:hover:active:last-child, 5794modelbutton.flat:hover:last-child, 5795modelbutton.flat:selected:last-child, 5796modelbutton.flat:checked:hover, 5797modelbutton.flat:checked:hover:active, 5798modelbutton.flat:focus:hover:active, 5799modelbutton.flat:hover:active, 5800modelbutton.flat:hover, 5801modelbutton.flat:selected, 5802popover > box > button.text-button:hover, 5803popover > box > button.text-button:checked, 5804popover > box > button.text-button:hover:active, 5805popover > box > button.text-button:checked:hover, 5806popover > box > button.text-button:checked:hover:active { 5807 background-image: -gtk-gradient (linear, 5808 left top, left bottom, 5809 from (shade(@menu_bg_dark_color, 2.03)), 5810 to (shade(@menu_bg_dark_color, 1.17))); 5811 background-color: shade (@theme_bg_dark_color, 1.2); 5812 color: shade (@theme_selected_bg_color, 1.6); 5813 text-shadow: none; 5814 border-width: 0; 5815 border-color: transparent; 5816 border-radius: 5px; 5817 box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), 5818 inset 1px 0px shade (@theme_selected_bg_color, 1.3), 5819 inset -1px 0px shade (@theme_selected_bg_color, 1.3), 5820 inset 0px -1px shade (@theme_selected_bg_color, 1.3); 5821} 5822 5823popover .linked button:focus, 5824.linked button.image-button.model, 5825.linked button.image-button.model:focus, 5826.linked button.image-button.model:first-child, 5827.linked button.image-button.model:focus:first-child, 5828.linked button.image-button.model:last-child, 5829.linked button.image-button.model:focus:last-child { 5830 background-color: shade (@theme_bg_dark_color, 1.0); 5831 background-image: none; 5832 border-color: transparent; 5833 border-image: none; 5834 border-style: none; 5835 box-shadow: none; 5836 border-radius: 3px; 5837} 5838 5839popover .linked button:focus, 5840popover .linked button:focus:first-child, 5841popover .linked button:focus:last-child, 5842popover .linked button:focus:only-child, 5843.linked button.image-button.model:focus, 5844.linked button.image-button.model:focus:first-child, 5845.linked button.image-button.model:focus:last-child { 5846 box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), 5847 inset 1px 0px shade (@theme_selected_bg_color, 1.3), 5848 inset -1px 0px shade (@theme_selected_bg_color, 1.3), 5849 inset 0px -1px shade (@theme_selected_bg_color, 1.3); 5850} 5851 5852popover .linked button:hover, 5853popover .linked button:focus:hover, 5854.linked button.image-button.model:checked, 5855.linked button.image-button.model:hover, 5856.linked button.image-button.model:hover:active, 5857.linked button.image-button.model:checked:hover, 5858.linked button.image-button.model:checked:hover:active { 5859 color: @fg_dark_color; 5860 background-image: -gtk-gradient (linear, 5861 left top, left bottom, 5862 from (shade(@menu_bg_dark_color, 2.03)), 5863 to (shade(@menu_bg_dark_color, 1.17))); 5864 box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), 5865 inset 1px 0px shade (@theme_selected_bg_color, 1.3), 5866 inset -1px 0px shade (@theme_selected_bg_color, 1.3), 5867 inset 0px -1px shade (@theme_selected_bg_color, 1.3); 5868} 5869 5870/* middle button*/ 5871.linked button.image-button.model:hover, 5872.linked button.image-button.model:hover:active, 5873.linked button.image-button.model:checked:hover, 5874.linked button.image-button.model:checked:hover:active { 5875 border-right-width: 0px; 5876 border-left-width: 0px; 5877 border-radius: 0; 5878} 5879 5880/* left button*/ 5881.linked button.image-button.model:hover:first-child, 5882.linked button.image-button.model:hover:active:first-child, 5883.linked button.image-button.model:checked:hover:first-child, 5884.linked button.image-button.model:checked:hover:active:first-child { 5885 border-right-width: 0px; 5886 border-radius: 5px 0 0 5px; 5887} 5888 5889/* right button*/ 5890.linked button.image-button.model:hover:last-child, 5891.linked button.image-button.model:hover:active:last-child, 5892.linked button.image-button.model:checked:hover:last-child, 5893.linked button.image-button.model:checked:hover:active:last-child { 5894 border-left-width: 0px; 5895 border-radius: 0 5px 5px 0; 5896} 5897 5898popover > box > button.text-button:disabled { 5899 color: mix (@menu_fg_dark_color, @menu_bg_dark_color, 0.4); 5900} 5901 5902popover button.default.text-button.suggested-action { 5903 background-image: none; 5904 color: @theme_fg_dark_color; 5905 text-shadow: none; 5906 border-width: 0; 5907 border-color: transparent; 5908 border-radius: 5px; 5909 padding: 5px 4px; 5910} 5911 5912/* override theme_bg color */ 5913popover button.default.text-button.suggested-action:disabled { 5914 background-image: -gtk-gradient (linear, 5915 left top, left bottom, 5916 from (shade(@menu_bg_dark_color, 1.0)), 5917 to (shade(@menu_bg_dark_color, 1.0))); 5918} 5919 5920popover button.default.text-button.suggested-action:hover { 5921 background-image: -gtk-gradient (linear, 5922 left top, left bottom, 5923 from (shade(@menu_bg_dark_color, 2.03)), 5924 to (shade(@menu_bg_dark_color, 1.17))); 5925 background-color: shade (@theme_bg_dark_color, 1.2); 5926 color: shade (@theme_selected_bg_color, 1.3); 5927 text-shadow: none; 5928 border-width: 0; 5929 border-color: transparent; 5930 border-radius: 5px; 5931 box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), 5932 inset 1px 0px shade (@theme_selected_bg_color, 1.3), 5933 inset -1px 0px shade (@theme_selected_bg_color, 1.3), 5934 inset 0px -1px shade (@theme_selected_bg_color, 1.3); 5935} 5936 5937entry.cursor-handle, 5938.cursor-handle { 5939 background-color: transparent; 5940 background-image: none; 5941 box-shadow: none; 5942 border-style: none; 5943} 5944 5945entry.cursor-handle.top, 5946.cursor-handle.top { 5947 -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); 5948} 5949 5950entry.cursor-handle.bottom, 5951.cursor-handle.bottom { 5952 -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); 5953} 5954 5955/*************** 5956 * Header bars * 5957 ***************/ 5958 5959headerbar, 5960.horizontal.titlebar, /* eg. tilix */ 5961.background.ssd > paned.horizontal.titlebar, 5962.background.csd > paned.horizontal.titlebar, 5963.background.solid-csd > paned.horizontal.titlebar { 5964 background-color: @theme_bg_dark_color; 5965 background-image: linear-gradient(to bottom, 5966 @wm_bg_a, 5967 @wm_bg_b); 5968 box-shadow: inset 0 -1px shade(@wm_bg_b, 0.95); 5969} 5970 5971headerbar, 5972.titlebar, 5973headerbar.titlebar, 5974.background.ssd > paned.horizontal.titlebar, 5975.background.csd > paned.horizontal.titlebar, 5976.background.solid-csd > paned.horizontal.titlebar { 5977 border-width: 0px 0px 1px 0px; 5978 border-style: solid; 5979 border-color: shade(@borders_headerbar, 0.90); 5980 border-radius: 7px 7px 0px 0px; 5981 padding: 2px 6px; 5982} 5983 5984.horizontal.titlebar headerbar:first-child, 5985paned.horizontal.titlebar headerbar:first-child { 5986 border-top-right-radius: 0px; 5987} 5988 5989.horizontal.titlebar headerbar:last-child, 5990paned.horizontal.titlebar headerbar:last-child { 5991 border-top-left-radius: 0px; 5992} 5993 5994.background.ssd > paned.horizontal.titlebar > separator, /* gedit */ 5995.background.csd > paned.horizontal.titlebar > separator, 5996.background.solid-csd > paned.horizontal.titlebar > separator, 5997.horizontal.titlebar separator.vertical.tilix-title-separator { /* tilix */ 5998 min-width: 1px; 5999 background-color: shade(@menu_fg_dark_color, 0.3); 6000 border-image: -gtk-gradient (linear, 6001 left top, right top, 6002 from (alpha (#000, 0.00)), 6003 color-stop (0.25, alpha (#000, 0.03)), 6004 color-stop (0.85, alpha (#000, 0.03)), 6005 to (alpha (#000, 0.00))) 1; 6006 border-style: solid; 6007} 6008 6009headerbar.titlebar:backdrop { 6010 border-image: linear-gradient(to top, 6011 @unfocused_borders_headerbar, 6012 @unfocused_borders_headerbar 1px, 6013 @theme_unfocused_bg_color 1px) 0 0 2; 6014 background-color: @theme_bg_dark_color; 6015 text-shadow: none; 6016 background-image: none; 6017 box-shadow: none; 6018} 6019 6020headerbar button { 6021 padding-left: 4px; 6022 padding-right: 4px; 6023} 6024 6025headerbar button, 6026headerbar button:last-child, 6027headerbar button:first-child, 6028headerbar button:only-child, 6029headerbar .linked button, 6030headerbar .linked button:last-child, 6031headerbar .linked button:first-child, 6032headerbar .linked button:only-child, 6033headerbar .linked button:disabled, 6034headerbar .linked button:disabled:last-child, 6035headerbar .linked button:disabled:first-child, 6036headerbar .linked button:disabled:only-child 6037headerbar .linked button:focus, 6038headerbar .linked button:focus:last-child, 6039headerbar .linked button:focus:first-child, 6040headerbar .linked button:focus:only-child, 6041headerbar .linked button:backdrop, 6042headerbar .linked button:backdrop:last-child, 6043headerbar .linked button:backdrop:first-child, 6044headerbar .linked button:backdrop:only-child { 6045 background-image: none; 6046 text-shadow: none; 6047 -gtk-icon-shadow: none; 6048 color: @theme_fg_dark_color; 6049 border-width: 1px; 6050 border-radius: 5px; 6051 box-shadow: none; 6052} 6053 6054headerbar .linked entry, 6055headerbar .linked button, 6056headerbar .linked button:disabled, 6057headerbar .linked button:focus, 6058headerbar .linked button:backdrop { 6059 border-radius: 0px; 6060 6061} 6062 6063headerbar .linked button:first-child, 6064headerbar .linked button:disabled:first-child, 6065headerbar .linked button:focus:first-child, 6066headerbar .linked button:backdrop:first-child { 6067 border-radius: 5px 0px 0px 5px; 6068} 6069 6070headerbar .linked button:last-child, 6071headerbar .linked button:disabled:last-child, 6072headerbar .linked button:focus:last-child, 6073headerbar .linked button:backdrop:last-child { 6074 border-radius: 0px 5px 5px 0px; 6075} 6076 6077headerbar .linked button:only-child, 6078headerbar .linked button:disabled:only-child 6079headerbar .linked button:focus:only-child, 6080headerbar .linked button:backdrop:only-child { 6081 border-radius: 5px; 6082} 6083 6084headerbar button:backdrop { 6085 border-width: 1px; 6086 border-radius: 5px; 6087 color: @theme_text_dark_color; 6088 background-image: -gtk-gradient (linear, 6089 left top, left bottom, 6090 from (shade(@theme_unfocused_bg_color, 1.05)), 6091 to (shade(@theme_unfocused_bg_color, 0.85))); 6092} 6093 6094headerbar button.default, 6095headerbar button:hover, 6096headerbar button:checked, 6097headerbar button:hover:active, 6098headerbar button:focus:hover:active, 6099headerbar button.text-button:hover:active, 6100headerbar button:checked:hover, 6101headerbar button:checked:hover:active, 6102headerbar button:hover:first-child, 6103headerbar button:checked:first-child, 6104headerbar button:hover:active:first-child, 6105headerbar button:checked:hover:first-child, 6106headerbar button:checked:hover:active:first-child, 6107headerbar button:hover:last-child, 6108headerbar button:checked:last-child, 6109headerbar button:hover:active:last-child, 6110headerbar button:checked:hover:last-child, 6111headerbar button:checked:hover:active:last-child, 6112headerbar button:hover:only-child, 6113headerbar button:checked:only-child, 6114headerbar button:hover:active:last-child, 6115headerbar button:checked:hover:only-child, 6116headerbar button:checked:hover:active:only-child, 6117headerbar .linked button:hover, 6118headerbar .linked button:checked, 6119headerbar .linked button:hover:active, 6120headerbar .linked button:checked:hover, 6121headerbar .linked button:checked:hover:active, 6122headerbar .linked button:hover:first-child, 6123headerbar .linked button:checked:first-child, 6124headerbar .linked button:hover:active:first-child, 6125headerbar .linked button:checked:hover:first-child, 6126headerbar .linked button:checked:hover:active:first-child, 6127headerbar .linked button:hover:last-child, 6128headerbar .linked button:checked:last-child, 6129headerbar .linked button:hover:active:last-child, 6130headerbar .linked button:checked:hover:last-child, 6131headerbar .linked button:checked:hover:active:last-child, 6132headerbar .linked button:hover:only-child, 6133headerbar .linked button:checked:only-child, 6134headerbar .linked button:hover:active:last-child, 6135headerbar .linked button:checked:hover:only-child, 6136headerbar .linked button:checked:hover:active:only-child { 6137 color: shade (@theme_selected_bg_color, 1.6); 6138 border-width: 1px; 6139 background-image: -gtk-gradient (linear, 6140 left top, left bottom, 6141 from (shade(@menu_bg_dark_color, 2.03)), 6142 to (shade(@menu_bg_dark_color, 1.17))); 6143 border-top-color: shade(@button_raised_gradient_color_a, 0.50); 6144 border-bottom-color: shade(@button_raised_gradient_color_a, 0.50); 6145 border-right-color: shade(@button_raised_gradient_color_a, 0.50); 6146 border-left-color: shade(@button_raised_gradient_color_a, 0.50); 6147 box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), 6148 inset 1px 0px shade (@theme_selected_bg_color, 1.3), 6149 inset -1px 0px shade (@theme_selected_bg_color, 1.3), 6150 inset 0px -1px shade (@theme_selected_bg_color, 1.3); 6151} 6152 6153headerbar button:disabled, 6154headerbar button:disabled:last-child, 6155headerbar button:disabled:first-child, 6156headerbar .linked entry:disabled, 6157headerbar .linked button:disabled, 6158headerbar .linked button:disabled:last-child, 6159headerbar .linked button:disabled:first-child, 6160headerbar .linked entry:backdrop:disabled { 6161 color: mix (@menu_fg_dark_color, @menu_bg_dark_color, 0.4); 6162 background-image: none; 6163 background-color: @theme_bg_dark_color; 6164 border-color: @theme_button_border_dark; 6165 box-shadow: none; 6166 text-shadow: none; 6167 -gtk-icon-shadow: none; 6168 -gtk-icon-effect: dim; 6169} 6170 6171headerbar > button:disabled { 6172 background-color: transparent; 6173 text-shadow: none; 6174 -gtk-icon-shadow: none; 6175} 6176 6177headerbar.titlebar .linked button.image-button:disabled { 6178 box-shadow: none; 6179} 6180 6181/* ie. gitg */ 6182headerbar.titlebar button.default.text-button.suggested-action, 6183headerbar.titlebar button.default.text-button.suggested-action:focus { 6184 color: @theme_fg_dark_color; 6185} 6186 6187headerbar.titlebar button.default.text-button.suggested-action:hover { 6188 color: shade (@theme_selected_bg_color, 1.6); 6189} 6190 6191headerbar > button.text-button:hover, 6192headerbar > button.text-button:focus, 6193headerbar > button.text-button:focus:hover:active, 6194headerbar > button.text-button, 6195headerbar > button.text-button.radio, 6196headerbar > .linked > button.text-button, 6197headerbar > .linked > button.text-button:focus:hover:active, 6198headerbar > .linked > button.text-button.radio { 6199 padding: 4px 6px; 6200} 6201 6202headerbar > button.image-button, 6203headerbar > button.image-button:focus, 6204headerbar > button.image-button:hover, 6205headerbar > button.image-button:backdrop { 6206 padding: 5px 5px 6px 5px; 6207} 6208 6209headerbar > stackswitcher.linked.stack-switcher > button.text-button.radio { 6210 border-right-width: 0px; 6211 border-left-width: 0px; 6212 border-radius: 0px; 6213} 6214 6215headerbar > stackswitcher.linked.stack-switcher > button.text-button.radio:first-child { 6216 border-radius: 5px 0 0 5px; 6217 border-width: 1px; 6218 border-right-width: 0px; 6219} 6220 6221headerbar > stackswitcher.linked.stack-switcher > button.text-button.radio:last-child { 6222 border-radius: 0 5px 5px 0; 6223 border-width: 1px; 6224 border-left-width: 0px; 6225} 6226 6227headerbar.titlebar > stackswitcher.linked.stack-switcher > button.text-button.radio.needs-attention > label { 6228 background-color: transparent; 6229 color: @theme_dark_fg_color; 6230 border-radius: 3px; 6231 box-shadow: inset 0px 1px shade (@info_fg_color, 1.3), 6232 inset 1px 0px shade (@info_fg_color, 1.3), 6233 inset -1px 0px shade (@info_fg_color, 1.3), 6234 inset 0px -1px shade (@info_fg_color, 1.3); 6235} 6236 6237headerbar title { 6238 font-size: 110%; 6239 font-weight: bold; 6240 color: @theme_text_dark_color; 6241} 6242 6243headerbar .subtitle { 6244 font-size: 90%; 6245 color: @theme_text_dark_color; 6246} 6247 6248headerbar toolitem separator, 6249headerbar separator, 6250headerbar separator:disabled, 6251headerbar paned > separator { 6252 border-color: alpha (shade(@theme_bg_dark_color, 0.2), 0.24); 6253 border-bottom-color: @theme_bg_dark_color; 6254 border-right-color: @theme_bg_dark_color; 6255} 6256 6257/******* 6258 * CSD * 6259 *******/ 6260 6261.tiled .titlebar { 6262 border-radius: 0; 6263} 6264 6265.maximized .titlebar { 6266 border-radius: 0; 6267} 6268 6269/* this is the default titlebar that is added by GTK 6270 * when client-side decorations are in use and the application 6271 * did not set a custom titlebar. 6272 */ 6273.titlebar.default-decoration { 6274 border: none; 6275 box-shadow: none; 6276} 6277 6278.titlebar .title { 6279 font-size: 100%; 6280 font-weight: bold; 6281 background: none; 6282 color: @theme_text_dark_color; 6283} 6284 6285.titlebar button.titlebutton, 6286.titlebar button.titlebutton:first-child, 6287.titlebar button.titlebutton:last-child, 6288.titlebar button.titlebutton:only-child { 6289 -gtk-icon-shadow: 0px 1px @theme_shadow_dark_color; 6290 color: @wm_title; 6291 background: none; 6292 background-color: transparent; 6293 padding: 5px 5px 6px 5px; 6294 border-width: 1px; 6295 border-radius: 5px; 6296 border-color: transparent; 6297 border-style: solid; 6298 border-image: none; 6299 box-shadow: inset 0px 1px shade(@theme_bg_dark_color, 1.05), 6300 inset 1px 0px shade(@theme_bg_dark_color, 0.97), 6301 inset 0px -1px shade(@theme_bg_dark_color, 0.93), 6302 inset -1px 0px shade(@theme_bg_dark_color, 0.93); 6303} 6304 6305.titlebar button.titlebutton:hover, 6306.titlebar button.titlebutton:focus:hover, 6307.titlebar button.titlebutton:focus:hover:active, 6308.titlebar button.titlebutton:checked, 6309.titlebar button.titlebutton:checked:focus { 6310 background-image: -gtk-gradient (linear, 6311 left top, left bottom, 6312 from (shade(@menu_bg_dark_color, 2.03)), 6313 to (shade(@menu_bg_dark_color, 1.17))); 6314 background-color: transparent; 6315 border-radius: 5px; 6316 border-width: 1px; 6317 border-color: transparent; 6318 box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), 6319 inset 1px 0px shade (@theme_selected_bg_color, 1.3), 6320 inset -1px 0px shade (@theme_selected_bg_color, 1.3), 6321 inset 0px -1px shade (@theme_selected_bg_color, 1.3); 6322} 6323 6324.titlebar button.titlebutton:backdrop { 6325 background: none; 6326 color: @theme_text_dark_color; 6327 border-image: none; 6328 -gtk-icon-shadow: none; 6329} 6330 6331/* Middle titlebar-button */ 6332.titlebar .linked button.titlebutton, 6333.titlebar .linked button.titlebutton:focus, 6334.titlebar .linked button.titlebutton:disabled, 6335.titlebar .raised.linked button.titlebutton, 6336.titlebar .raised.linked button.titlebutton:focus, 6337.titlebar .raised.linked button.titlebutton:disabled { 6338 background-image: -gtk-gradient (linear, 6339 left top, left bottom, 6340 from (shade(@button_raised_gradient_color_b, 0.90)), 6341 to (shade(@button_raised_gradient_color_a, 0.80))); 6342 color: @theme_fg_dark_color; 6343 border-width: 1px; 6344 border-right-width: 0px; 6345 border-left-width: 0px; 6346 border-radius: 0; 6347 padding: 5px 5px 6px 5px; 6348} 6349 6350.titlebar .linked button.titlebutton:hover, 6351.titlebar .linked button.titlebutton:checked, 6352.titlebar .linked button.titlebutton:focus:hover:active, 6353.titlebar .linked button.titlebutton:checked:hover, 6354.titlebar .linked button.titlebutton:checked:focus:hover:active, 6355.titlebar .raised.linked button.titlebutton:hover, 6356.titlebar .raised.linked button.titlebutton:checked, 6357.titlebar .raised.linked button.titlebutton:focus:hover:active, 6358.titlebar .raised.linked button.titlebutton:checked:hover, 6359.titlebar .raised.linked button.titlebutton:checked:focus:hover:active { 6360 background-image: -gtk-gradient (linear, 6361 left top, left bottom, 6362 from (shade(@menu_bg_dark_color, 2.03)), 6363 to (shade(@menu_bg_dark_color, 1.17))); 6364 padding: 5px 5px 6px 5px; 6365 box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), 6366 inset 1px 0px shade (@theme_selected_bg_color, 1.3), 6367 inset -1px 0px shade (@theme_selected_bg_color, 1.3), 6368 inset 0px -1px shade (@theme_selected_bg_color, 1.3); 6369 color: @theme_fg_dark_color; 6370 border-width: 1px; 6371 border-right-width: 0px; 6372 border-left-width: 0px; 6373 border-radius: 0; 6374 padding: 5px 5px 6px 5px; 6375} 6376 6377/* Leftmost titlebar-button */ 6378.titlebar .linked button.titlebutton:first-child, 6379.titlebar .linked button.titlebutton:focus:first-child, 6380.titlebar .linked button.titlebutton:disabled:first-child, 6381.titlebar .raised.linked button.titlebutton:first-child, 6382.titlebar .raised.linked button.titlebutton:focus:first-child, 6383.titlebar .raised.linked button.titlebutton:disabled:first-child { 6384 background-image: -gtk-gradient (linear, 6385 left top, left bottom, 6386 from (shade(@button_raised_gradient_color_b, 0.90)), 6387 to (shade(@button_raised_gradient_color_a, 0.80))); 6388 color: @theme_fg_dark_color; 6389 border-width: 1px; 6390 border-right-width: 0; 6391 border-radius: 5px; 6392 border-bottom-right-radius: 0; 6393 border-top-right-radius: 0; 6394 padding: 5px 5px 6px 5px; 6395} 6396 6397.titlebar .linked button.titlebutton:hover:first-child, 6398.titlebar .linked button.titlebutton:checked:first-child, 6399.titlebar .linked button.titlebutton:focus:hover:active:first-child, 6400.titlebar .linked button.titlebutton:checked:hover:first-child, 6401.titlebar .linked button.titlebutton:checked:focus:hover:active:first-child, 6402.titlebar .raised.linked button.titlebutton:hover:first-child, 6403.titlebar .raised.linked button.titlebutton:checked:first-child, 6404.titlebar .raised.linked button.titlebutton:focus:hover:active:first-child, 6405.titlebar .raised.linked button.titlebutton:checked:hover:first-child, 6406.titlebar .raised.linked button.titlebutton:checked:focus:hover:active:first-child { 6407 background-image: -gtk-gradient (linear, 6408 left top, left bottom, 6409 from (shade(@menu_bg_dark_color, 2.03)), 6410 to (shade(@menu_bg_dark_color, 1.17))); 6411 padding: 5px 5px 6px 5px; 6412 box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), 6413 inset 1px 0px shade (@theme_selected_bg_color, 1.3), 6414 inset -1px 0px shade (@theme_selected_bg_color, 1.3), 6415 inset 0px -1px shade (@theme_selected_bg_color, 1.3); 6416 color: @theme_fg_dark_color; 6417 border-width: 1px; 6418 border-right-width: 0; 6419 border-radius: 5px; 6420 border-bottom-right-radius: 0; 6421 border-top-right-radius: 0; 6422 padding: 5px 5px 6px 5px; 6423} 6424 6425/* rightmost titlebar-button */ 6426.titlebar .linked button.titlebutton:last-child, 6427.titlebar .linked button.titlebutton:focus:last-child, 6428.titlebar .linked button.titlebutton:disabled:last-child, 6429.titlebar .raised.linked button.titlebutton:last-child, 6430.titlebar .raised.linked button.titlebutton:focus:last-child, 6431.titlebar .raised.linked button.titlebutton:disabled:last-child { 6432 background-image: -gtk-gradient (linear, 6433 left top, left bottom, 6434 from (shade(@button_raised_gradient_color_b, 0.90)), 6435 to (shade(@button_raised_gradient_color_a, 0.80))); 6436 color: @theme_fg_dark_color; 6437 border-width: 1px; 6438 border-left-width: 0px; 6439 border-radius: 5px; 6440 border-bottom-left-radius: 0; 6441 border-top-left-radius: 0; 6442 padding: 5px 5px 6px 5px; 6443} 6444 6445.titlebar .linked button.titlebutton:hover:last-child, 6446.titlebar .linked button.titlebutton:checked:last-child, 6447.titlebar .linked button.titlebutton:focus:hover:active:last-child, 6448.titlebar .linked button.titlebutton:checked:hover:last-child, 6449.titlebar .linked button.titlebutton:checked:focus:hover:active:last-child, 6450.titlebar .raised.linked button.titlebutton:hover:last-child, 6451.titlebar .raised.linked button.titlebutton:checked:last-child, 6452.titlebar .raised.linked button.titlebutton:focus:hover:active:last-child, 6453.titlebar .raised.linked button.titlebutton:checked:hover:last-child, 6454.titlebar .raised.linked button.titlebutton:checked:focus:hover:active:last-child { 6455 background-image: -gtk-gradient (linear, 6456 left top, left bottom, 6457 from (shade(@menu_bg_dark_color, 2.03)), 6458 to (shade(@menu_bg_dark_color, 1.17))); 6459 padding: 5px 5px 6px 5px; 6460 box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), 6461 inset 1px 0px shade (@theme_selected_bg_color, 1.3), 6462 inset -1px 0px shade (@theme_selected_bg_color, 1.3), 6463 inset 0px -1px shade (@theme_selected_bg_color, 1.3); 6464 color: @theme_fg_dark_color; 6465 border-width: 1px; 6466 border-left-width: 0px; 6467 border-radius: 5px; 6468 border-bottom-left-radius: 0; 6469 border-top-left-radius: 0; 6470 padding: 5px 5px 6px 5px; 6471} 6472 6473/* Linked single titlebar-button */ 6474.titlebar .linked button.titlebutton:only-child, 6475.titlebar .linked button.titlebutton:focus:only-child, 6476.titlebar .linked button.titlebutton:disabled:only-child, 6477.titlebar .raised.linked button.titlebutton:only-child, 6478.titlebar .raised.linked button.titlebutton:focus:only-child, 6479.titlebar .raised.linked button.titlebutton:disabled:only-child { 6480 background-image: -gtk-gradient (linear, 6481 left top, left bottom, 6482 from (shade(@button_raised_gradient_color_b, 0.90)), 6483 to (shade(@button_raised_gradient_color_a, 0.80))); 6484 color: @theme_fg_dark_color; 6485 border-width: 1px; 6486 border-radius: 5px; 6487 padding: 5px 5px 6px 5px; 6488} 6489 6490.titlebar .linked button.titlebutton:hover:only-child, 6491.titlebar .linked button.titlebutton:checked:only-child, 6492.titlebar .linked button.titlebutton:focus:hover:active:only-child, 6493.titlebar .linked button.titlebutton:checked:hover:only-child, 6494.titlebar .linked button.titlebutton:checked:focus:hover:active:only-child, 6495.titlebar .raised.linked button.titlebutton:hover:only-child, 6496.titlebar .raised.linked button.titlebutton:checked:only-child, 6497.titlebar .raised.linked button.titlebutton:focus:hover:active:only-child, 6498.titlebar .raised.linked button.titlebutton:checked:hover:only-child, 6499.titlebar .raised.linked button.titlebutton:checked:focus:hover:active:only-child { 6500 background-image: -gtk-gradient (linear, 6501 left top, left bottom, 6502 from (shade(@menu_bg_dark_color, 2.03)), 6503 to (shade(@menu_bg_dark_color, 1.17))); 6504 padding: 5px 5px 6px 5px; 6505 box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), 6506 inset 1px 0px shade (@theme_selected_bg_color, 1.3), 6507 inset -1px 0px shade (@theme_selected_bg_color, 1.3), 6508 inset 0px -1px shade (@theme_selected_bg_color, 1.3); 6509 color: @theme_fg_dark_color; 6510 border-width: 1px; 6511 border-radius: 5px; 6512 padding: 5px 5px 6px 5px; 6513} 6514 6515/* workaround to avoid unwanted black frames if switching compositor on/off */ 6516.background decoration { 6517 box-shadow: none; 6518} 6519 6520.background.csd decoration { 6521 border-color: darker(@theme_bg_dark_color); 6522 border-radius: 7px 7px 0 0; 6523 border-width: 1px; 6524 border-style: solid; 6525/* background-color: @theme_bg_color; */ 6526 box-shadow: 0 0 0 1px @wm_border, 0 2px 8px 3px @wm_shadow; 6527 /* this is used for the resize cursor area */ 6528 margin: 10px; 6529} 6530 6531/* workaround to avoid unwanted black frames if switching compositor on/off */ 6532decoration:backdrop { 6533/* background-color: @theme_bg_dark_color; */ 6534/* box-shadow: 0 0 0 1px shade(@wm_border,1.1), 0 2px 5px 1px @wm_shadow;*/ 6535 box-shadow: none; 6536} 6537 6538.tiled decoration { 6539 border-radius: 0; 6540/* background-color: @theme_bg_color; */ 6541} 6542 6543.ssd decoration { 6544 box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.23); 6545} 6546 6547.solid-csd decoration { 6548 border-radius: 0; 6549 margin: 1px; 6550 background-color: @wm_bg_a; 6551 border: solid 1px @wm_csd_solid_border_color; 6552 box-shadow: none; 6553} 6554 6555/* workaround to avoid unwanted black frames if switching compositor on/off */ 6556.csd.popup decoration { 6557 border-radius: 0; 6558 box-shadow: none; 6559} 6560 6561messagedialog.csd decoration { 6562 border-radius: 7px; 6563 box-shadow: 0 1px 5px shade (@theme_selected_bg_color, 1.3); 6564} 6565 6566/********************* 6567 * Spinner Animation * 6568 *********************/ 6569/* This is could be CPU-intensive */ 6570 6571@keyframes spin { 6572 to { -gtk-icon-transform: rotate(1turn); } 6573} 6574 6575spinner { 6576 background: none; 6577 opacity: 0; 6578 -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); 6579} 6580 6581spinner:checked { 6582 opacity: 1; 6583 animation: spin 1s linear infinite; 6584} 6585 6586spinner:checked:disabled { 6587 opacity: 0.5; 6588} 6589 6590/************************ 6591 * overshoot/undershoot * 6592 ************************/ 6593 6594/* displays at end of mouse scrolling */ 6595overshoot.top { 6596 background-image: -gtk-gradient(radial, 6597 center top, 0, 6598 center top, 0.5, 6599 to(@overshoot_bg_color), 6600 to(rgba(137, 158, 179, 0))), 6601 -gtk-gradient(radial, 6602 center top, 0, 6603 center top, 0.6, 6604 from(rgba(56, 73, 87, 0.17)), 6605 to(rgba(56, 73, 87, 0))); 6606 background-size: 100% 5%, 100% 100%; 6607 background-repeat: no-repeat; 6608 background-position: center top; 6609 background-color: transparent; 6610 border: none; 6611 box-shadow: none; 6612} 6613 6614overshoot.top:backdrop { 6615 background-image: -gtk-gradient(radial, 6616 center top, 0, 6617 center top, 0.5, 6618 to(@overshoot_backdrop_bg_color), 6619 to(rgba(131, 137, 145, 0))); 6620 background-size: 100% 5%; 6621 background-repeat: no-repeat; 6622 background-position: center top; 6623 background-color: transparent; 6624 border: none; 6625 box-shadow: none; 6626} 6627 6628overshoot.bottom { 6629 background-image: -gtk-gradient(radial, 6630 center bottom, 0, 6631 center bottom, 0.5, 6632 to(@overshoot_bg_color), 6633 to(rgba(137, 158, 179, 0))), 6634 -gtk-gradient(radial, 6635 center bottom, 0, 6636 center bottom, 0.6, 6637 from(rgba(56, 73, 87, 0.17)), 6638 to(rgba(56, 73, 87, 0))); 6639 background-size: 100% 5%, 100% 100%; 6640 background-repeat: no-repeat; 6641 background-position: center bottom; 6642 background-color: transparent; 6643 border: none; 6644 box-shadow: none; 6645} 6646 6647overshoot.bottom:backdrop { 6648 background-image: -gtk-gradient(radial, 6649 center bottom, 0, 6650 center bottom, 0.5, 6651 to(@overshoot_backdrop_bg_color), 6652 to(rgba(131, 137, 145, 0))); 6653 background-size: 100% 5%; 6654 background-repeat: no-repeat; 6655 background-position: center bottom; 6656 background-color: transparent; 6657 border: none; 6658 box-shadow: none; 6659} 6660 6661overshoot.left { 6662 background-image: -gtk-gradient(radial, 6663 left center, 0, 6664 left center, 0.5, 6665 to(@overshoot_bg_color), 6666 to(rgba(137, 158, 179, 0))), 6667 -gtk-gradient(radial, 6668 left center, 0, 6669 left center, 0.6, 6670 from(rgba(56, 73, 87, 0.07)), 6671 to(rgba(56, 73, 87, 0))); 6672 background-size: 5% 100%, 100% 100%; 6673 background-repeat: no-repeat; 6674 background-position: left center; 6675 background-color: transparent; 6676 border: none; 6677 box-shadow: none; 6678} 6679 6680overshoot.left:backdrop { 6681 background-image: -gtk-gradient(radial, 6682 left center, 0, 6683 left center, 0.5, 6684 to(@overshoot_backdrop_bg_color), 6685 to(rgba(131, 137, 145, 0))); 6686 background-size: 5% 100%; 6687 background-repeat: no-repeat; 6688 background-position: left center; 6689 background-color: transparent; 6690 border: none; 6691 box-shadow: none; 6692} 6693 6694overshoot.right { 6695 background-image: -gtk-gradient(radial, 6696 right center, 0, 6697 right center, 0.5, 6698 to(@overshoot_bg_color), 6699 to(rgba(137, 158, 179, 0))), 6700 -gtk-gradient(radial, 6701 right center, 0, 6702 right center, 0.6, 6703 from(rgba(56, 73, 87, 0.07)), 6704 to(rgba(56, 73, 87, 0))); 6705 background-size: 5% 100%, 100% 100%; 6706 background-repeat: no-repeat; 6707 background-position: right center; 6708 background-color: transparent; 6709 border: none; 6710 box-shadow: none; 6711} 6712 6713overshoot.right:backdrop { 6714 background-image: -gtk-gradient(radial, 6715 right center, 0, 6716 right center, 0.5, 6717 to(@overshoot_backdrop_bg_color), 6718 to(rgba(131, 137, 145, 0))); 6719 background-size: 5% 100%; 6720 background-repeat: no-repeat; 6721 background-position: right center; 6722 background-color: transparent; 6723 border: none; 6724 box-shadow: none; 6725} 6726 6727/* result is disable undershoot */ 6728undershoot.top { 6729 background-color: transparent; 6730 background-image: linear-gradient(to left, 6731 rgba(255, 255, 255, 0.2) 50%, 6732 rgba(0, 0, 0, 0.2) 50%); 6733 background-size: 10px 0px; 6734 background-repeat: repeat-x; 6735 background-origin: content-box; 6736 background-position: center top; 6737} 6738 6739undershoot.bottom { 6740 background-color: transparent; 6741 background-image: linear-gradient(to left, 6742 rgba(255, 255, 255, 0.2) 50%, 6743 rgba(0, 0, 0, 0.2) 50%); 6744 background-size: 10px 0px; 6745 background-repeat: repeat-x; 6746 background-origin: content-box; 6747 background-position: center bottom; 6748} 6749 6750undershoot.left { 6751 background-color: transparent; 6752 background-image: linear-gradient(to top, 6753 rgba(255, 255, 255, 0.2) 50%, 6754 rgba(0, 0, 0, 0.2) 50%); 6755 background-size: 0px 10px; 6756 background-repeat: repeat-y; 6757 background-origin: content-box; 6758 background-position: left center; 6759} 6760 6761undershoot.right { 6762 background-color: transparent; 6763 background-image: linear-gradient(to top, 6764 rgba(255, 255, 255, 0.2) 50%, 6765 rgba(0, 0, 0, 0.2) 50%); 6766 background-size: 0px 10px; 6767 background-repeat: repeat-y; 6768 background-origin: content-box; 6769 background-position: right center; 6770} 6771 6772/************ 6773 * GtkStack * 6774 ************/ 6775 6776stack > .horizontal > .vertical > frame > border { 6777 background-color: shade (@theme_bg_color, 1.1); 6778 border-radius: 4px; 6779} 6780 6781stacksidebar.sidebar, 6782stacksidebar.sidebar > scrolledwindow, 6783stacksidebar.sidebar > scrolledwindow > viewport.frame, 6784stacksidebar.sidebar > scrolledwindow > viewport.frame list { 6785 border-radius: 4px 0px 0px 4px; 6786} 6787 6788stacksidebar.sidebar list row.activatable:hover { 6789 border-radius: 3px; 6790 border-style: none; 6791} 6792 6793stack .linked.vertical entry { 6794 border-radius: 5px; 6795 border-style: solid; 6796 border-width: 1px 1px 0px 1px; 6797 box-shadow: inset 0px 2px alpha(#fff, 0.11), 6798 inset 2px 0px alpha(#fff, 0.09), 6799 inset -2px 0px alpha(#fff, 0.09), 6800 inset 0px -2px alpha(#fff, 0.09), 6801 inset 0px 1px alpha(shade(@button_border, 1.00), 0.70), 6802 inset 1px 0px alpha(shade(@button_border, 0.94), 0.80), 6803 inset -1px 0px alpha(shade(@button_border, 0.94), 0.70), 6804 inset 0px -1px alpha(shade(@button_border, 0.88), 0.90); 6805} 6806 6807stack .vertical.linked > combobox:first-child > .horizontal.linked > button.combo:first-child, 6808stack .vertical.linked > combobox:first-child > .horizontal.linked > button.combo:hover:first-child, 6809stack .vertical.linked > combobox:first-child > .horizontal.linked > button.combo:focus:first-child, 6810stack .vertical.linked > combobox:first-child > .horizontal.linked > button.combo:focus:hover:first-child, 6811stack .vertical.linked > combobox:first-child > .horizontal.linked > button.combo:checked:first-child, 6812stack .vertical.linked > combobox:first-child > .horizontal.linked > button.combo:disabled:first-child { 6813 border-radius: 5px 5px 0 0; 6814 border-width: 1px; 6815 border-style: solid; 6816 border-color: shade(@notebook_border, 1.0); 6817 padding: 3px 5px; 6818 box-shadow: none; 6819} 6820 6821stack .linked.vertical button:last-child, 6822stack .linked.vertical button:hover:last-child, 6823stack .linked.vertical button:focus:last-child, 6824stack .linked.vertical button:focus:hover:last-child, 6825stack .linked.vertical button:checked:last-child, 6826stack .linked.vertical button:disabled:last-child { 6827 border-radius: 0 0 5px 5px; 6828 border-top-width: 0; 6829 border-style: solid; 6830 border-color: shade(@notebook_border, 1.0); 6831 padding: 5px 5px; 6832 box-shadow: none; 6833} 6834 6835stack .linked.vertical spinbutton.horizontal { 6836 border-style: none; 6837} 6838 6839stack .linked.vertical spinbutton.horizontal entry, 6840stack .linked.vertical spinbutton.horizontal entry:hover, 6841stack .linked.vertical spinbutton.horizontal entry:focus, 6842stack .linked.vertical spinbutton.horizontal entry:active, 6843stack .linked.vertical spinbutton.horizontal entry:checked, 6844stack .linked.vertical spinbutton.horizontal entry:disabled { 6845 border-radius: 0px; 6846 border-width: 0px 0px 1px 1px; 6847 border-style: solid; 6848 border-color: shade(@notebook_border, 1.0); 6849 padding: 6px; 6850} 6851 6852stack .linked.vertical spinbutton.horizontal entry, 6853stack .linked.vertical spinbutton.horizontal entry:focus, 6854stack .linked.vertical spinbutton.horizontal entry:active { 6855 box-shadow: none; 6856} 6857 6858stack .linked.vertical spinbutton.horizontal button, 6859stack .linked.vertical spinbutton.horizontal button:last-child, 6860stack .linked.vertical spinbutton.horizontal button:hover, 6861stack .linked.vertical spinbutton.horizontal button:hover:last-child, 6862stack .linked.vertical spinbutton.horizontal button:hover:active, 6863stack .linked.vertical spinbutton.horizontal button:hover:active:last-child, 6864stack .linked.vertical spinbutton.horizontal button:focus, 6865stack .linked.vertical spinbutton.horizontal button:focus:last-child, 6866stack .linked.vertical spinbutton.horizontal button:focus:hover, 6867stack .linked.vertical spinbutton.horizontal button:focus:hover:last-child, 6868stack .linked.vertical spinbutton.horizontal button:focus:hover:active, 6869stack .linked.vertical spinbutton.horizontal button:focus:hover:active:last-child, 6870stack .linked.vertical spinbutton.horizontal button:active, 6871stack .linked.vertical spinbutton.horizontal button:active:last-child, 6872stack .linked.vertical spinbutton.horizontal button:disabled, 6873stack .linked.vertical spinbutton.horizontal button:disabled:last-child { 6874 border-radius: 0px; 6875 border-width: 0px; 6876 border-style: none; 6877 padding: 0px 6px; 6878 background-color: transparent; 6879 background-image: none; 6880 border-image: none; 6881 box-shadow: none; 6882 padding: 4px 6px; 6883} 6884 6885stack .linked.vertical spinbutton.horizontal button:hover, 6886stack .linked.vertical spinbutton.horizontal button:focus:hover, 6887stack .linked.vertical spinbutton.horizontal button:hover:last-child, 6888stack .linked.vertical spinbutton.horizontal button:focus:hover:last-child { 6889 background-image: -gtk-gradient (linear, 6890 left top, left bottom, 6891 from (shade(@button_gradient1, 1.03)), 6892 color-stop (0.50, shade(@button_gradient3, 1.03)), 6893 to (shade(@button_gradient4, 1.01))); 6894} 6895 6896stack .linked.vertical spinbutton.horizontal button:active, 6897stack .linked.vertical spinbutton.horizontal button:active:last-child { 6898 background-image: -gtk-gradient (linear, 6899 left top, left bottom, 6900 from (shade (@theme_bg_color, 1.20)), 6901 color-stop (0.50, shade (@theme_bg_color, 1.00)), 6902 color-stop (0.50, shade (@theme_bg_color, 0.99)), 6903 to (shade (@theme_bg_color, 0.80))); 6904} 6905 6906stack .linked.vertical spinbutton.horizontal button, 6907stack .linked.vertical spinbutton.horizontal button:focus, 6908stack .linked.vertical spinbutton.horizontal button:disabled { 6909 border-width: 0px 1px 1px 1px; 6910 border-style: solid; 6911 border-color: shade(@notebook_border, 1.0); 6912} 6913 6914stack .linked.vertical spinbutton.horizontal button:last-child, 6915stack .linked.vertical spinbutton.horizontal button:focus:last-child, 6916stack .linked.vertical spinbutton.horizontal button:disabled:last-child { 6917 border-width: 0px 1px 1px 0px; 6918 border-style: solid; 6919 border-color: shade(@notebook_border, 1.0); 6920} 6921 6922stack .linked.vertical spinbutton.horizontal button:active, 6923stack .linked.vertical spinbutton.horizontal button:hover, 6924stack .linked.vertical spinbutton.horizontal button:focus:hover { 6925 border-width: 0px 1px 1px 1px; 6926 border-style: solid; 6927 border-color: shade(@button_border_active, 1.0); 6928} 6929 6930stack .linked.vertical spinbutton.horizontal button:active:last-child, 6931stack .linked.vertical spinbutton.horizontal button:hover:last-child, 6932stack .linked.vertical spinbutton.horizontal button:focus:hover:last-child { 6933 border-width: 0px 1px 1px 0px; 6934 border-style: solid; 6935 border-color: shade(@button_border_active, 1.0); 6936} 6937 6938stack .linked.vertical spinbutton.horizontal button:hover, 6939stack .linked.vertical spinbutton.horizontal button:focus:hover, 6940stack .linked.vertical spinbutton.horizontal button:active, 6941stack .linked.vertical spinbutton.horizontal button:hover:last-child, 6942stack .linked.vertical spinbutton.horizontal button:focus:hover:last-child, 6943stack .linked.vertical spinbutton.horizontal button:active:last-child { 6944 box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), 6945 inset 1px 0px shade (@theme_selected_bg_color, 1.3), 6946 inset -1px 0px shade (@theme_selected_bg_color, 1.3), 6947 inset 0px -1px shade (@theme_selected_bg_color, 1.3); 6948} 6949 6950/**************** 6951 * print dialog * 6952 ****************/ 6953 6954printdialog.background .vertical.view.dialog-vbox { 6955 background-color: shade (@theme_bg_color, 1.0); 6956} 6957 6958printdialog.background notebook { 6959 border-width: 0px 1px 1px 1px; 6960 border-radius: 0px 0px 4px 4px; 6961} 6962 6963printdialog.background notebook.header { 6964 border-radius: 0px; 6965} 6966 6967printdialog.background notebook tab label { 6968 color: mix (@theme_fg_color, @theme_bg_color, 0.40); 6969 font-weight: normal; 6970} 6971 6972printdialog.background notebook .prelight-page, 6973printdialog.background notebook .prelight-page label { 6974 color: mix (@theme_fg_color, @theme_bg_color, 0.15); 6975} 6976 6977printdialog.background notebook .active-page, 6978notebook tab .active-page label { 6979 color: @theme_fg_color; 6980} 6981 6982printdialog.background notebook tab.top:active, 6983printdialog.background notebook tab.top:hover:active { 6984 background-image: linear-gradient(to bottom, 6985 shade(@theme_bg_color, 1.18), 6986 shade(@theme_bg_color, 1.1)); 6987 border-radius: 4px 4px 0 0; 6988 border-width: 1px 1px 0 1px; 6989 border-style: solid; 6990 border-color: @borders; 6991 box-shadow: none; 6992} 6993 6994printdialog.background notebook tab.top:hover { 6995 background-image: linear-gradient(to bottom, 6996 alpha(@theme_base_color, 0.0), 6997 alpha(@theme_base_color, 0.3)); 6998 border-radius: 4px 4px 0 0; 6999 border-width: 1px 1px 0 1px; 7000 border-style: solid; 7001 border-color: @borders; 7002 box-shadow: none; 7003} 7004 7005printdialog.background notebook tab.top:active { 7006 border-bottom-color: @notebook_active_tab_border; 7007} 7008 7009printdialog.background notebook button.text-button { 7010 background-color: transparent; 7011} 7012 7013printdialog.background .vertical.view.dialog-vbox notebook button.combo { 7014 padding: 4px; 7015 border-radius: 4px; 7016} 7017 7018printdialog.background paper { 7019 border-style: solid; 7020 border-width: 0.9px; 7021 border-radius: 0px; 7022 border-color: @notebook_border; 7023 background-color: @theme_base_color; 7024} 7025 7026/****************** 7027 * GtkFileChooser * 7028 ******************/ 7029 7030filechooser.vertical paned > separator { 7031 min-width: 3px; 7032 min-height: 3px; 7033 border-color: transparent; 7034} 7035 7036filechooser paned.horizontal box.vertical { 7037 border-color: @notebook_border; 7038 border-style: solid; 7039 border-width: 1px; 7040} 7041 7042filechooser #pathbarbox { 7043 background-color: shade(@theme_bg_color, 1.07); 7044 border-width: 0px 0px 1px 0px; 7045} 7046 7047/* bg color srollbar junction */ 7048filechooser paned.horizontal box.vertical box.horizontal .view box.vertical { 7049 background-color: shade(@theme_bg_color, 1.07); 7050 border-style: none; 7051} 7052 7053filechooser placessidebar.sidebar { 7054 border-color: @notebook_border; 7055 border-style: solid; 7056 border-width: 1px 1px 1px 0px; 7057} 7058 7059/***************** 7060 * Color Chooser * 7061 *****************/ 7062 7063button.color colorswatch.activatable { 7064 border-radius: 3px; 7065} 7066 7067colorchooser { 7068 border-style: solid; 7069 border-color: @notebook_border; 7070 border-width: 1px; 7071 border-radius: 4px; 7072 background-color: shade (@theme_bg_color, 1.1); 7073 color: @theme_fg_color; 7074 box-shadow: none; 7075} 7076 7077colorchooser box.vertical { 7078 padding: 6px; 7079} 7080 7081colorswatch, 7082colorswatch:selected { 7083 border-width: 1px; 7084 border-style: solid; 7085 border-radius: 3px; 7086 border-color: @notebook_border; 7087 box-shadow: inset 0 2px alpha(black, 0.07), 7088 inset 1px 1px alpha(black, 0.07); 7089 background-color: transparent; 7090 background-clip: border-box; 7091} 7092 7093colorswatch:hover { 7094 border-color: alpha(black, 0.45); 7095} 7096 7097colorswatch.color-dark:hover { 7098 background-image: linear-gradient(to bottom, 7099 alpha(white, 0) 40%, 7100 alpha(white, 0.3)); 7101} 7102 7103colorswatch.color-light:hover { 7104 background-image: linear-gradient(to top, 7105 alpha(black, 0) 40%, 7106 alpha(black, 0.1)); 7107} 7108 7109colorswatch.color-light:selected:hover { 7110 background-image: none; 7111} 7112 7113colorswatch { 7114 border-radius: 6px; 7115} 7116 7117colorchooser #add-color-button { 7118 background-clip: padding-box; 7119 border-color: mix(@borders, @theme_bg_color, 0.3); 7120 background-color: mix(@borders, @theme_bg_color, 0.8); 7121} 7122 7123colorchooser #add-color-button:hover { 7124 border-color: @borders; 7125 background-color: @borders; 7126 color: @theme_base_color; 7127} 7128 7129.color-active-badge, 7130.color-active-badge:selected { 7131 border-style: solid; 7132 border-width: 2px; 7133 background-color: transparent; 7134} 7135 7136.color-active-badge.color-light, 7137.color-active-badge.color-light:hover { 7138 border-color: #444444; 7139 color: #444444; 7140} 7141 7142.color-active-badge.color-dark, 7143.color-active-badge.color-dark:hover { 7144 border-color: #cccccc; 7145 color: #cccccc; 7146} 7147 7148colorchooser box.horizontal colorswatch { 7149 border-radius: 6px; 7150} 7151 7152colorchooser box.horizontal colorswatch.color-dark:hover { 7153 background-image: none; 7154 border-color: alpha(black, 0.3); 7155} 7156 7157/* color mix window */ 7158colorchooser box.horizontal box.horizontal grid.horizontal{ 7159 padding: 6px; 7160} 7161 7162/***************** 7163 * Miscellaneous * 7164 *****************/ 7165 7166.floating-bar { 7167 background-image: linear-gradient(to bottom, 7168 @theme_bg_color 20%, 7169 shade(@theme_bg_color, 0.95)); 7170 background-color: @theme_bg_color; 7171 border-color: shade(@theme_bg_color, 0.85); 7172 color: @theme_text_color; 7173 text-shadow: none; 7174 border-radius: 3px; 7175 border-width: 1px; 7176 border-style: solid; 7177 box-shadow: inset 1px 1px alpha(#fff, 0.07), -1px -1px alpha(#fff, 0.07); 7178} 7179 7180.floating-bar.top { 7181 7182 border-top-width: 0; 7183 border-top-right-radius: 0; 7184 border-top-left-radius: 0; 7185} 7186 7187.floating-bar.right { 7188 border-right-width: 0; 7189 border-top-right-radius: 0; 7190 border-bottom-right-radius: 0; 7191} 7192 7193.floating-bar.bottom { 7194 border-bottom-width: 0; 7195 border-bottom-right-radius: 0; 7196 border-bottom-left-radius: 0; 7197} 7198 7199.floating-bar.left { 7200 border-left-width: 0; 7201 border-top-left-radius: 0; 7202 border-bottom-left-radius: 0; 7203} 7204 7205.floating-bar.bottom.right { 7206 box-shadow: inset 1px 1px alpha(#fff, 0.07); 7207} 7208 7209.floating-bar.bottom.left { 7210 box-shadow: inset -1px 1px alpha(#fff, 0.07); 7211} 7212 7213/*********** 7214 * FlowBox * 7215 ***********/ 7216 7217flowbox { 7218 background-color: shade (@theme_bg_color, 1.1); 7219 -gtk-icon-style: regular; 7220 border-style: solid; 7221 border-color: alpha(@frame_color, 0.6); 7222 border-width: 1px 1px 1px 1px; 7223 border-radius: 3px; 7224 padding: 8px; 7225} 7226 7227flowbox > flowboxchild, 7228flowbox > flowboxchild:focus, 7229flowbox > flowboxchild:backdrop { 7230 border-style: solid; 7231 border-width: 2px; 7232 border-radius: 3px; 7233 border-color: transparent; 7234 color: @theme_text_color; 7235 7236} 7237 7238flowbox > flowboxchild:selected, 7239flowbox > flowboxchild:selected:focus, 7240flowbox > flowboxchild:selected:hover, 7241flowbox > flowboxchild:selected:focus:hover { 7242 border-style: solid; 7243 border-width: 2px; 7244 border-radius: 3px; 7245 border-color: alpha(@theme_selected_bg_color, 0.75); 7246 color: @theme_text_color; 7247} 7248 7249