1stage { 2 font-family: Futura Bk bt, sans, Sans-Serif; 3 font-size: 9pt; 4 color: #242424; 5} 6 7.label-shadow { 8 color: rgba(0, 0, 0, 0); 9} 10 11.sound-button, .notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { 12 min-height: 20px; 13 padding: 5px 32px; 14 transition-duration: 100ms; 15 border-radius: 5px; 16 text-shadow: none; 17 color: #242424; 18 border: 1px solid rgba(0, 0, 0, 0.15); 19 background-color: white; 20 box-shadow: inset 0 1px white; 21} 22 23.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { 24 text-shadow: none; 25 color: #242424; 26 background-color: white; 27 border: 1px solid #E9873A; 28 box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); 29 border-radius: 5px; 30} 31 32.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { 33 text-shadow: none; 34 color: #0b0b0b; 35 border: 1px solid rgba(0, 0, 0, 0.15); 36 background-color: #ffffff; 37 box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); 38 border-radius: 5px; 39} 40 41.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { 42 text-shadow: none; 43 color: #0b0b0b; 44 background-color: #ffffff; 45 border: 1px solid #E9873A; 46 box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); 47 border-radius: 5px; 48} 49 50.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { 51 text-shadow: none; 52 color: white; 53 background-color: #E9873A; 54 border: 1px solid #e77f2c; 55 border-radius: 5px; 56} 57 58.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { 59 text-shadow: none; 60 color: rgba(36, 36, 36, 0.45); 61 border: 1px solid rgba(0, 0, 0, 0.15); 62 background-color: rgba(255, 255, 255, 0.55); 63 border-radius: 5px; 64} 65 66.modal-dialog-button-box .modal-dialog-button { 67 min-height: 20px; 68 padding: 5px 32px; 69 transition-duration: 100ms; 70 border-radius: 5px; 71 text-shadow: none; 72 color: #dadada; 73 background-color: rgba(98, 98, 98, 0.96); 74} 75 76.modal-dialog-button-box .modal-dialog-button:hover { 77 text-shadow: none; 78 color: #dadada; 79 background-color: #747474; 80} 81 82.modal-dialog-button-box .modal-dialog-button:focus { 83 color: #E9873A; 84} 85 86.modal-dialog-button-box .modal-dialog-button:active { 87 text-shadow: none; 88 color: white; 89 background-color: #E9873A; 90} 91 92.modal-dialog-button-box .modal-dialog-button:insensitive { 93 text-shadow: none; 94 color: #5f5f5f; 95 background-color: rgba(98, 98, 98, 0.81); 96} 97 98#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { 99 padding: 7px; 100 caret-size: 1px; 101 selection-background-color: #E9873A; 102 selected-color: white; 103 transition-duration: 300ms; 104 border-radius: 5px; 105 color: #363636; 106 border: 1px solid rgba(0, 0, 0, 0.15); 107 background-color: #ffffff; 108} 109 110#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { 111 color: #363636; 112 border: 1px solid #6887cd; 113 background-color: #ffffff; 114 box-shadow: 0 0 0 2px #f1b17f; 115} 116 117#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { 118 color: rgba(36, 36, 36, 0.45); 119 border: 1px solid rgba(0, 0, 0, 0.15); 120 background-color: rgba(255, 255, 255, 0.55); 121} 122 123#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { 124 icon-size: 16px; 125 warning-color: #F27835; 126 padding: 0 4px; 127} 128 129StScrollView.vfade { 130 -st-vfade-offset: 0px; 131} 132 133StScrollView.hfade { 134 -st-hfade-offset: 0px; 135} 136 137StScrollBar { 138 padding: 8px; 139} 140 141StScrollView StScrollBar { 142 min-width: 5px; 143 min-height: 5px; 144} 145 146StScrollBar StBin#trough { 147 background-color: rgba(255, 255, 255, 0.1); 148 border-radius: 8px; 149} 150 151StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { 152 border-radius: 2px; 153 background-color: #a1a1a1; 154 border: 0px solid; 155 margin: 0px; 156} 157 158StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { 159 background-color: #b6b6b6; 160} 161 162StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { 163 background-color: #E9873A; 164} 165 166.separator { 167 -gradient-height: 1px; 168 -gradient-start: rgba(0, 0, 0, 0); 169 -gradient-end: rgba(0, 0, 0, 0); 170 -margin-horizontal: 1.5em; 171 height: 1em; 172} 173 174.popup-slider-menu-item, 175.slider { 176 -slider-height: 4px; 177 -slider-background-color: rgba(0, 0, 0, 0.15); 178 -slider-border-color: rgba(0, 0, 0, 0); 179 -slider-active-background-color: #E9873A; 180 -slider-active-border-color: rgba(0, 0, 0, 0); 181 -slider-border-width: 0; 182 -slider-handle-radius: 4px; 183 height: 18px; 184 min-width: 15em; 185 border: 0 solid transparent; 186 border-right-width: 1px; 187 border-left-width: 5px; 188 color: transparent; 189} 190 191.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { 192 -slider-background-color: rgba(0, 0, 0, 0.2); 193 -slider-active-background-color: white; 194} 195 196.check-box CinnamonGenericContainer { 197 spacing: .2em; 198 min-height: 30px; 199 padding-top: 2px; 200} 201 202.check-box StLabel { 203 font-weight: normal; 204} 205 206.check-box StBin { 207 width: 16px; 208 height: 16px; 209 background-image: url("assets/checkbox-unchecked.svg"); 210} 211 212.check-box:focus StBin { 213 background-image: url("assets/checkbox-unchecked-focused.svg"); 214} 215 216.check-box:checked StBin { 217 background-image: url("assets/checkbox-checked.svg"); 218} 219 220.check-box:focus:checked StBin { 221 background-image: url("assets/checkbox-checked-focused.svg"); 222} 223 224.radiobutton CinnamonGenericContainer { 225 spacing: .2em; 226 height: 26px; 227 padding-top: 2px; 228} 229 230.radiobutton StLabel { 231 padding-top: 4px; 232 font-size: 0.9em; 233 box-shadow: none; 234} 235 236.radiobutton StBin { 237 width: 16px; 238 height: 16px; 239 background-image: url("assets/checkbox-unchecked.svg"); 240} 241 242.radiobutton:focus StBin { 243 background-image: url("assets/checkbox-unchecked-focused.svg"); 244} 245 246.radiobutton:checked StBin { 247 background-image: url("assets/checkbox-checked.svg"); 248} 249 250.radiobutton:focus:checked StBin { 251 background-image: url("assets/checkbox-checked-focused.svg"); 252} 253 254.toggle-switch { 255 width: 40px; 256 height: 24px; 257 background-size: contain; 258 background-image: url("assets/toggle-off.svg"); 259} 260 261.toggle-switch:checked { 262 background-image: url("assets/toggle-on.svg"); 263} 264 265.popup-menu-item:active .toggle-switch { 266 background-image: url("assets/toggle-off.svg"); 267} 268 269.popup-menu-item:active .toggle-switch:checked { 270 background-image: url("assets/toggle-on.svg"); 271} 272 273.cinnamon-link { 274 color: #3484e2; 275 text-decoration: underline; 276} 277 278.cinnamon-link:hover { 279 color: #619fe8; 280} 281 282#Tooltip { 283 border-radius: 3px; 284 padding: 5px 12px; 285 background-color: #2a2a2a; 286 color: #dadada; 287 font-size: 1em; 288 font-weight: normal; 289 text-align: center; 290} 291 292.menu, 293.popup-menu, 294.popup-combo-menu { 295 padding: 4px 4px 6px 4px; 296 color: #242424; 297 border-image: url("assets/menu.svg") 15 15 15 15; 298} 299 300.menu-arrow, 301.popup-menu-arrow { 302 icon-size: 16px; 303} 304 305.menu .popup-sub-menu, 306.popup-menu .popup-sub-menu, 307.popup-combo-menu .popup-sub-menu { 308 background-gradient-direction: none; 309 box-shadow: none; 310 border-image: url("assets/submenu.svg") 15 15 2 2; 311} 312 313.menu .popup-sub-menu .popup-menu-item:ltr, 314.popup-menu .popup-sub-menu .popup-menu-item:ltr, 315.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { 316 padding-right: 8px; 317} 318 319.menu .popup-sub-menu .popup-menu-item:rtl, 320.popup-menu .popup-sub-menu .popup-menu-item:rtl, 321.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { 322 padding-left: 8px; 323} 324 325.menu .popup-sub-menu StScrollBar, 326.popup-menu .popup-sub-menu StScrollBar, 327.popup-combo-menu .popup-sub-menu StScrollBar { 328 padding: 4px; 329} 330 331.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, 332.popup-menu .popup-sub-menu StScrollBar StBin#trough, 333.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, 334.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, 335.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { 336 border-width: 0; 337} 338 339.menu .popup-menu-content, 340.popup-menu .popup-menu-content, 341.popup-combo-menu .popup-menu-content { 342 padding: 1em 0em 1em 0em; 343} 344 345.menu .popup-menu-item, 346.popup-menu .popup-menu-item, 347.popup-combo-menu .popup-menu-item { 348 padding: .4em 1.75em; 349 spacing: 1em; 350} 351 352.menu .popup-menu-item:active, 353.popup-menu .popup-menu-item:active, 354.popup-combo-menu .popup-menu-item:active { 355 color: white; 356 border-image: url("assets/menu-hover.svg") 15 15 2 2; 357} 358 359.menu .popup-menu-item:insensitive, 360.popup-menu .popup-menu-item:insensitive, 361.popup-combo-menu .popup-menu-item:insensitive { 362 color: rgba(36, 36, 36, 0.5); 363 background: none; 364} 365 366.menu .popup-inactive-menu-item, 367.popup-menu .popup-inactive-menu-item, 368.popup-combo-menu .popup-inactive-menu-item { 369 color: #242424; 370} 371 372.menu .popup-inactive-menu-item:insensitive, 373.popup-menu .popup-inactive-menu-item:insensitive, 374.popup-combo-menu .popup-inactive-menu-item:insensitive { 375 color: rgba(36, 36, 36, 0.45); 376} 377 378.menu .popup-menu-item:active .popup-inactive-menu-item, 379.popup-menu .popup-menu-item:active .popup-inactive-menu-item, 380.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { 381 color: white; 382} 383 384.menu-icon, 385.popup-menu-icon { 386 icon-size: 16px; 387} 388 389.popup-menu-boxpointer { 390 -arrow-border-radius: 3px; 391 -arrow-background-color: rgba(0, 0, 0, 0); 392 -arrow-border-width: 0; 393 -arrow-border-color: rgba(0, 0, 0, 0); 394 -arrow-base: 0; 395 -arrow-rise: 0; 396 margin: 0.4em 0.5em 0.5em; 397 border-radius: 2px; 398} 399 400.popup-combo-menu { 401 padding: 10px; 402} 403 404.popup-combobox-item { 405 spacing: 1em; 406} 407 408.popup-separator-menu-item { 409 -gradient-height: 2px; 410 -gradient-start: transparent; 411 -gradient-end: transparent; 412 -margin-horizontal: 1.5em; 413 height: 1px; 414 margin: 0; 415 padding: 0; 416 border-color: rgba(0, 0, 0, 0.15); 417 border-bottom-width: 1px; 418 border-bottom-style: solid; 419 background-color: transparent; 420} 421 422.popup-alternating-menu-item:alternate { 423 font-weight: normal; 424} 425 426.popup-device-menu-item { 427 spacing: .5em; 428} 429 430.popup-subtitle-menu-item { 431 font-weight: normal; 432} 433 434.nm-menu-item-icons { 435 spacing: .5em; 436} 437 438#panel { 439 font-weight: bold; 440 height: 27px; 441 width: 32px; 442} 443 444#panel:highlight { 445 border-image: none; 446 background-color: rgba(252, 65, 56, 0.5); 447} 448 449#panelLeft { 450 spacing: 4px; 451} 452 453#panelLeft:dnd { 454 background-gradient-direction: vertical; 455 background-gradient-start: rgba(255, 0, 0, 0.05); 456 background-gradient-end: rgba(255, 0, 0, 0.2); 457} 458 459#panelLeft:ltr { 460 padding-right: 4px; 461} 462 463#panelLeft:rtl { 464 padding-left: 4px; 465} 466 467#panelLeft.vertical { 468 padding: 0; 469} 470 471#panelLeft.vertical:ltr { 472 padding-right: 0px; 473} 474 475#panelLeft.vertical:rtl { 476 padding-left: 0px; 477} 478 479#panelRight:dnd { 480 background-gradient-direction: vertical; 481 background-gradient-start: rgba(0, 0, 255, 0.05); 482 background-gradient-end: rgba(0, 0, 255, 0.2); 483} 484 485#panelRight:ltr { 486 padding-left: 4px; 487 spacing: 0px; 488} 489 490#panelRight:rtl { 491 padding-right: 4px; 492 spacing: 0px; 493} 494 495#panelRight.vertical { 496 padding: 0; 497} 498 499#panelRight.vertical:ltr { 500 padding-right: 0px; 501} 502 503#panelRight.vertical:rtl { 504 padding-left: 0px; 505} 506 507#panelCenter { 508 spacing: 4px; 509} 510 511#panelCenter:dnd { 512 background-gradient-direction: vertical; 513 background-gradient-start: rgba(0, 255, 0, 0.05); 514 background-gradient-end: rgba(0, 255, 0, 0.2); 515} 516 517.panel-top, .panel-bottom, .panel-left, .panel-right { 518 color: #363636; 519 font-size: 1em; 520 padding: 0px; 521 background-color: rgba(241, 241, 241, 0.95); 522 box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); 523} 524 525.panel-top .panel-button:hover, 526.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, 527.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, 528.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, 529.panel-right .panel-status-button:hover { 530 color: #242424; 531 background-color: rgba(36, 36, 36, 0.1); 532} 533 534.panel-top .panel-button:active, 535.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, 536.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, 537.panel-left .panel-status-button:active, .panel-right .panel-button:active, 538.panel-right .panel-status-button:active { 539 color: white; 540 background-color: #E9873A; 541} 542 543.panel-dummy { 544 background-color: rgba(252, 65, 56, 0.5); 545} 546 547.panel-dummy:entered { 548 background-color: rgba(252, 65, 56, 0.6); 549} 550 551.panel-status-button { 552 border-width: 0; 553 -natural-hpadding: 3px; 554 -minimum-hpadding: 3px; 555 font-weight: bold; 556 height: 22px; 557 color: #363636; 558} 559 560.panel-button { 561 -natural-hpadding: 6px; 562 -minimum-hpadding: 2px; 563 font-weight: bold; 564 transition-duration: 100ms; 565 color: #363636; 566} 567 568.system-status-icon { 569 icon-size: 16px; 570 padding: 0 1px; 571} 572 573#overview { 574 spacing: 12px; 575} 576 577.window-caption { 578 background-color: #2a2a2a; 579 border: 1px solid #2a2a2a; 580 color: #dadada; 581 spacing: 25px; 582 border-radius: 2px; 583 font-size: 9pt; 584 padding: 5px 8px; 585 -cinnamon-caption-spacing: 4px; 586} 587 588#selected.window-caption { 589 background-color: #E9873A; 590 color: white; 591 border: 1px solid #E9873A; 592 spacing: 25px; 593} 594 595.expo-workspaces-name-entry, 596#selected.expo-workspaces-name-entry { 597 height: 15px; 598 border-radius: 2px; 599 font-size: 9pt; 600 padding: 5px 8px; 601 -cinnamon-caption-spacing: 4px; 602 color: #dadada; 603 background-color: rgba(98, 98, 98, 0.96); 604 border: 1px solid rgba(0, 0, 0, 0.15); 605 box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); 606} 607 608.expo-workspaces-name-entry:focus, 609#selected.expo-workspaces-name-entry:focus { 610 border: 1px solid #E9873A; 611 background-color: #E9873A; 612 color: white; 613 font-style: italic; 614 transition-duration: 300; 615 selection-background-color: white; 616 selected-color: #E9873A; 617} 618 619.expo-workspace-thumbnail-frame { 620 border: 4px solid rgba(255, 255, 255, 0); 621 background-color: rgba(255, 255, 255, 0); 622 border-radius: 2px; 623} 624 625#active.expo-workspace-thumbnail-frame { 626 border: 4px solid #E9873A; 627 background-color: black; 628 border-radius: 2px; 629} 630 631.expo-background { 632 background-color: #2a2a2a; 633} 634 635.workspace-thumbnails { 636 spacing: 26px; 637} 638 639.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { 640 padding: 8px; 641} 642 643.workspace-add-button { 644 background-image: url("assets/add-workspace.svg"); 645 height: 200px; 646 width: 35px; 647 transition-duration: 100; 648} 649 650.workspace-add-button:hover { 651 background-image: url("assets/add-workspace-hover.svg"); 652 transition-duration: 100; 653} 654 655.workspace-add-button:active { 656 background-image: url("assets/add-workspace-active.svg"); 657 transition-duration: 100; 658} 659 660.workspace-overview-background-shade { 661 background-color: rgba(0, 0, 0, 0.5); 662} 663 664.workspace-close-button, 665.window-close { 666 background-image: url("assets/close.svg"); 667 background-size: 26px; 668 height: 26px; 669 width: 26px; 670 -cinnamon-close-overlap: 10px; 671} 672 673.workspace-close-button:hover, 674.window-close:hover { 675 background-image: url("assets/close-hover.svg"); 676 background-size: 26px; 677 height: 26px; 678 width: 26px; 679} 680 681.workspace-close-button:active, 682.window-close:active { 683 background-image: url("assets/close-active.svg"); 684 background-size: 26px; 685 height: 26px; 686 width: 26px; 687} 688 689.workspace-thumbnail-indicator { 690 outline: 2px solid red; 691 border: 1px solid green; 692} 693 694.window-close:rtl { 695 -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); 696} 697 698.window-close-area { 699 background-image: url("assets/trash-icon.svg"); 700 height: 120px; 701 width: 400px; 702} 703 704.about-content { 705 width: 550px; 706 height: 250px; 707 spacing: 8px; 708 padding-bottom: 10px; 709} 710 711.about-title { 712 font-size: 2em; 713 font-weight: bold; 714} 715 716.about-uuid { 717 font-size: 10px; 718 color: #888; 719} 720 721.about-icon { 722 padding-right: 20px; 723 padding-bottom: 14px; 724} 725 726.about-scrollBox { 727 border: 1px solid rgba(0, 0, 0, 0.15); 728 border-radius: 2px; 729 background-color: #ffffff; 730 padding: 4px; 731 padding-right: 0; 732 border-radius: 0; 733} 734 735.about-scrollBox-innerBox { 736 padding: 1.2em; 737 spacing: 1.2em; 738} 739 740.about-description { 741 padding-top: 4px; 742 padding-bottom: 16px; 743} 744 745.about-version { 746 padding-left: 7px; 747 font-size: 10px; 748 color: #888; 749} 750 751.calendar { 752 padding: .4em 1.75em; 753 spacing-rows: 0px; 754 spacing-columns: 0px; 755} 756 757.calendar-month-label { 758 color: #242424; 759 font-weight: bold; 760 margin: 0 2px; 761 padding: 2px; 762} 763 764.calendar-change-month-back, 765.calendar-change-month-forward { 766 width: 24px; 767 height: 24px; 768 margin: 0; 769 padding: 0; 770 border-radius: 100px; 771} 772 773.calendar-change-month-back:focus, .calendar-change-month-back:hover, 774.calendar-change-month-forward:focus, 775.calendar-change-month-forward:hover { 776 background-color: rgba(36, 36, 36, 0.1); 777} 778 779.calendar-change-month-back:active, 780.calendar-change-month-forward:active { 781 background-color: rgba(36, 36, 36, 0.25); 782} 783 784.calendar-change-month-back { 785 background-image: url("assets/calendar-arrow-left.svg"); 786} 787 788.calendar-change-month-back:rtl { 789 background-image: url("assets/calendar-arrow-right.svg"); 790} 791 792.calendar-change-month-forward { 793 background-image: url("assets/calendar-arrow-right.svg"); 794} 795 796.calendar-change-month-forward:rtl { 797 background-image: url("assets/calendar-arrow-left.svg"); 798} 799 800.datemenu-date-label { 801 padding: .4em 1.75em; 802 font-weight: bold; 803 text-align: center; 804 color: #242424; 805 border-radius: 2px; 806} 807 808.calendar-day-base { 809 font-size: 80%; 810 text-align: center; 811 width: 25px; 812 height: 25px; 813 padding: 0.1em; 814 margin: 2px; 815 border-radius: 12.5px; 816} 817 818.calendar-day-heading { 819 color: rgba(36, 36, 36, 0.85); 820 margin-top: 1em; 821 font-size: 70%; 822} 823 824.calendar-day { 825 border-width: 0; 826 color: rgba(36, 36, 36, 0.8); 827} 828 829.calendar-day-top { 830 border-top-width: 0; 831} 832 833.calendar-day-left { 834 border-left-width: 0; 835} 836 837.calendar-nonwork-day { 838 color: #242424; 839 background-color: transparent; 840 font-weight: bold; 841} 842 843.calendar-today, 844.calendar-today:active, 845.calendar-today:focus, 846.calendar-today:hover { 847 font-weight: bold; 848 color: white; 849 background-color: #E9873A; 850 border-width: 0; 851} 852 853.calendar-other-month-day { 854 color: rgba(36, 36, 36, 0.3); 855 opacity: 1; 856} 857 858.calendar-week-number { 859 color: rgba(36, 36, 36, 0.7); 860 font-size: 80%; 861} 862 863#notification { 864 border-radius: 3px; 865 padding: 13px; 866 spacing-rows: 10px; 867 spacing-columns: 10px; 868 margin-from-right-edge-of-screen: 20px; 869 width: 34em; 870 color: #363636; 871 background-color: #f5f5f5; 872} 873 874#notification .notification-button, #notification .notification-icon-button { 875 padding: 5px; 876} 877 878.menu #notification, .popup-menu #notification { 879 border: 1px solid rgba(0, 0, 0, 0.15); 880} 881 882.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { 883 color: #363636; 884} 885 886.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { 887 padding: 5px; 888} 889 890#notification.multi-line-notification { 891 padding-bottom: 13px; 892 color: #363636; 893} 894 895#notification-scrollview { 896 max-height: 10em; 897} 898 899#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { 900 height: 1em; 901} 902 903#notification-scrollview:ltr > StScrollBar { 904 padding-left: 6px; 905} 906 907#notification-scrollview:rtl > StScrollBar { 908 padding-right: 6px; 909} 910 911#notification-body { 912 spacing: 5px; 913} 914 915#notification-actions { 916 spacing: 10px; 917} 918 919.notification-with-image { 920 min-height: 159px; 921 color: #363636; 922} 923 924.notification-button, .notification-icon-button { 925 padding: 5px; 926} 927 928.notification-icon-button > StIcon { 929 icon-size: 36px; 930} 931 932#altTabPopup { 933 padding: 8px; 934 spacing: 16px; 935} 936 937.switcher-list { 938 color: #dadada; 939 background-color: #2a2a2a; 940 border: 1px solid rgba(0, 0, 0, 0.15); 941 border-radius: 3px; 942 padding: 20px; 943} 944 945.switcher-list > StBoxLayout { 946 padding: 4px; 947} 948 949.switcher-list-item-container { 950 spacing: 8px; 951} 952 953.switcher-list .item-box { 954 padding: 8px; 955 border-radius: 2px; 956} 957 958.switcher-list .item-box:outlined { 959 padding: 8px; 960 border: 1px solid #E9873A; 961} 962 963.switcher-list .item-box:selected { 964 color: white; 965 background-color: #E9873A; 966 border: 0px solid #E9873A; 967} 968 969.switcher-list .thumbnail { 970 width: 256px; 971} 972 973.switcher-list .thumbnail-box { 974 padding: 2px; 975 spacing: 4px; 976} 977 978.switcher-list .separator { 979 width: 1px; 980 background: rgba(255, 255, 255, 0.2); 981} 982 983.switcher-arrow { 984 border-color: rgba(0, 0, 0, 0); 985 color: #dadada; 986} 987 988.switcher-arrow:highlighted { 989 border-color: rgba(0, 0, 0, 0); 990 color: #363636; 991} 992 993.thumbnail-scroll-gradient-left { 994 background-color: rgba(0, 0, 0, 0); 995 border-radius: 24px; 996 border-radius-topright: 0px; 997 border-radius-bottomright: 0px; 998 width: 60px; 999} 1000 1001.thumbnail-scroll-gradient-right { 1002 background-color: rgba(0, 0, 0, 0); 1003 border-radius: 24px; 1004 border-radius-topleft: 0px; 1005 border-radius-bottomleft: 0px; 1006 width: 60px; 1007} 1008 1009.ripple-box { 1010 width: 104px; 1011 height: 104px; 1012 background-image: url("assets/corner-ripple.svg"); 1013 background-size: contain; 1014} 1015 1016.lightbox { 1017 background-color: rgba(0, 0, 0, 0.4); 1018} 1019 1020.flashspot { 1021 background-color: white; 1022} 1023 1024.modal-dialog { 1025 color: #dadada; 1026 background-color: rgba(34, 34, 34, 0.95); 1027 border: 1px solid rgba(0, 0, 0, 0.65); 1028 padding: 0 5px 6px 5px; 1029 border-radius: 5px; 1030 box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); 1031} 1032 1033.modal-dialog > StBoxLayout:first-child { 1034 padding: 20px 10px 10px 10px; 1035} 1036 1037.modal-dialog-button-box { 1038 spacing: 0; 1039 margin: 0; 1040 padding: 14px 10px; 1041 background-color: transparent; 1042 border: none; 1043} 1044 1045.modal-dialog-button-box .modal-dialog-button { 1046 padding-top: 0; 1047 padding-bottom: 0; 1048 height: 30px; 1049} 1050 1051.run-dialog { 1052 padding: 0px 15px 10px 15px; 1053 background-color: #f5f5f5; 1054 border-radius: 5px; 1055} 1056 1057.run-dialog > * { 1058 padding: 0; 1059} 1060 1061.run-dialog-label { 1062 font-size: 0; 1063 font-weight: bold; 1064 color: #dadada; 1065 padding-bottom: 0; 1066} 1067 1068.run-dialog-error-label { 1069 color: #FC4138; 1070} 1071 1072.run-dialog-error-box { 1073 padding-top: 15px; 1074 spacing: 5px; 1075} 1076 1077.run-dialog-completion-box { 1078 padding-left: 15px; 1079 font-size: 10px; 1080} 1081 1082.run-dialog-entry { 1083 width: 21em; 1084 padding: 7px; 1085 border-radius: 3px; 1086 caret-color: #dadada; 1087 selected-color: white; 1088 selection-background-color: #E9873A; 1089 color: #dadada; 1090 background-color: rgba(98, 98, 98, 0.96); 1091 border: 1px solid rgba(0, 0, 0, 0.15); 1092 box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); 1093} 1094 1095.run-dialog-entry:focus { 1096 color: white; 1097 background-color: #E9873A; 1098 border: 1px solid #E9873A; 1099 box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); 1100} 1101 1102.run-dialog .modal-dialog-button-box { 1103 border: none; 1104 box-shadow: none; 1105 background: none; 1106 background-gradient-direction: none; 1107} 1108 1109/* CinnamonMountOperation Dialogs */ 1110.cinnamon-mount-operation-icon { 1111 icon-size: 48px; 1112} 1113 1114.mount-password-reask { 1115 color: #F27835; 1116} 1117 1118.show-processes-dialog, 1119.mount-question-dialog { 1120 spacing: 24px; 1121} 1122 1123.show-processes-dialog-subject, 1124.mount-question-dialog-subject { 1125 padding-top: 10px; 1126 padding-left: 17px; 1127 padding-bottom: 6px; 1128} 1129 1130.show-processes-dialog-subject:rtl, 1131.mount-question-dialog-subject:rtl { 1132 padding-left: 0px; 1133 padding-right: 17px; 1134} 1135 1136.show-processes-dialog-description, 1137.mount-question-dialog-description { 1138 padding-left: 17px; 1139 width: 28em; 1140} 1141 1142.show-processes-dialog-description:rtl, 1143.mount-question-dialog-description:rtl { 1144 padding-right: 17px; 1145} 1146 1147.show-processes-dialog-app-list { 1148 max-height: 200px; 1149 padding-top: 24px; 1150 padding-left: 49px; 1151 padding-right: 32px; 1152} 1153 1154.show-processes-dialog-app-list:rtl { 1155 padding-right: 49px; 1156 padding-left: 32px; 1157} 1158 1159.show-processes-dialog-app-list-item { 1160 color: #ccc; 1161} 1162 1163.show-processes-dialog-app-list-item:hover { 1164 color: white; 1165} 1166 1167.show-processes-dialog-app-list-item:ltr { 1168 padding-right: 1em; 1169} 1170 1171.show-processes-dialog-app-list-item:rtl { 1172 padding-left: 1em; 1173} 1174 1175.show-processes-dialog-app-list-item-icon:ltr { 1176 padding-right: 17px; 1177} 1178 1179.show-processes-dialog-app-list-item-icon:rtl { 1180 padding-left: 17px; 1181} 1182 1183.show-processes-dialog-app-list-item-name { 1184 font-size: 1.1em; 1185} 1186 1187.magnifier-zoom-region { 1188 border: 2px solid maroon; 1189} 1190 1191.magnifier-zoom-region .full-screen { 1192 border-width: 0px; 1193} 1194 1195#keyboard { 1196 background-color: #2a2a2a; 1197 border-width: 0; 1198 border-top-width: 1px; 1199 border-color: rgba(0, 0, 0, 0.4); 1200} 1201 1202.keyboard-layout { 1203 spacing: 10px; 1204 padding: 10px; 1205} 1206 1207.keyboard-row { 1208 spacing: 15px; 1209} 1210 1211.keyboard-key { 1212 min-height: 2em; 1213 min-width: 2em; 1214 font-size: 14pt; 1215 font-weight: bold; 1216 border-radius: 3px; 1217 box-shadow: none; 1218 text-shadow: none; 1219 color: #dadada; 1220 background-color: rgba(98, 98, 98, 0.96); 1221} 1222 1223.keyboard-key:hover { 1224 text-shadow: none; 1225 color: #dadada; 1226 background-color: #747474; 1227} 1228 1229.keyboard-key:active, .keyboard-key:checked { 1230 text-shadow: none; 1231 color: white; 1232 background-color: #E9873A; 1233} 1234 1235.keyboard-key:grayed { 1236 text-shadow: none; 1237 color: #5f5f5f; 1238 background-color: rgba(98, 98, 98, 0.81); 1239} 1240 1241.keyboard-subkeys { 1242 color: #dadada; 1243 padding: 5px; 1244 -arrow-border-radius: 2px; 1245 -arrow-background-color: #2a2a2a; 1246 -arrow-border-width: 1px; 1247 -arrow-border-color: rgba(0, 0, 0, 0.4); 1248 -arrow-base: 20px; 1249 -arrow-rise: 10px; 1250 -boxpointer-gap: 5px; 1251} 1252 1253.menu-favorites-box { 1254 margin: auto; 1255 padding: 10px; 1256 transition-duration: 300; 1257 background-color: #f5f5f5; 1258 border: 1px solid rgba(0, 0, 0, 0.15); 1259 border-radius: 3px; 1260} 1261 1262.menu-favorites-button { 1263 padding: 10px; 1264 border: 1px solid rgba(0, 0, 0, 0); 1265 border-radius: 5px; 1266} 1267 1268.menu-favorites-button:hover { 1269 text-shadow: none; 1270 color: #0b0b0b; 1271 border: 1px solid rgba(0, 0, 0, 0.15); 1272 background-color: #ffffff; 1273 box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); 1274 border-radius: 5px; 1275} 1276 1277.menu-places-box { 1278 margin: auto; 1279 padding: 10px; 1280 border: 1px solid rgba(0, 0, 0, 0); 1281} 1282 1283.menu-places-button { 1284 padding: 10px; 1285} 1286 1287.menu-categories-box { 1288 padding: 10px 30px 10px 30px; 1289} 1290 1291.menu-applications-inner-box, .menu-applications-outer-box { 1292 padding: 10px 10px 0 10px; 1293} 1294 1295.menu-application-button { 1296 padding: 6px; 1297 border-radius: 2px; 1298 border: none; 1299} 1300 1301.menu-application-button:highlighted { 1302 font-weight: bold; 1303} 1304 1305.menu-application-button-selected { 1306 text-shadow: none; 1307 color: white; 1308 background-color: #E9873A; 1309 border: 1px solid #e77f2c; 1310 padding: 6px; 1311 border-radius: 2px; 1312 border: none; 1313} 1314 1315.menu-application-button-selected:highlighted { 1316 font-weight: bold; 1317} 1318 1319.menu-application-button-label:ltr { 1320 padding-left: 5px; 1321} 1322 1323.menu-application-button-label:rtl { 1324 padding-right: 5px; 1325} 1326 1327.menu StScrollView.menu-application-button { 1328 padding: 0; 1329 border-radius: 3px; 1330 border: 1px solid rgba(0, 0, 0, 0.15); 1331 background-color: #ffffff; 1332} 1333 1334.menu StScrollView.menu-application-button .popup-menu-item { 1335 padding: 0; 1336 spacing: 0; 1337} 1338 1339.menu StScrollView.menu-application-button .popup-menu-item:ltr { 1340 padding-left: 7px; 1341} 1342 1343.menu StScrollView.menu-application-button .popup-menu-item:rtl { 1344 padding-right: 7px; 1345} 1346 1347.menu StScrollView.menu-application-button .popup-menu-item:active { 1348 border-image: none; 1349 background-color: #E9873A; 1350} 1351 1352.menu StScrollView.menu-application-button .popup-menu-item StIcon { 1353 min-width: 22px; 1354} 1355 1356.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { 1357 padding: 6px 0 7px 5px; 1358} 1359 1360.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { 1361 padding: 6px 5px 7px 0; 1362} 1363 1364.menu-category-button { 1365 padding: 6px; 1366 border: 1px solid rgba(0, 0, 0, 0); 1367 border-radius: 5px; 1368} 1369 1370.menu-category-button-selected { 1371 padding: 6px; 1372 border: 1px solid rgba(0, 0, 0, 0.15); 1373} 1374 1375.menu-category-button-hover, .menu-category-button-selected { 1376 text-shadow: none; 1377 color: #0b0b0b; 1378 border: 1px solid rgba(0, 0, 0, 0.15); 1379 background-color: #ffffff; 1380 box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); 1381 border-radius: 5px; 1382} 1383 1384.menu-category-button-greyed { 1385 padding: 6px; 1386 color: rgba(36, 36, 36, 0.45); 1387 border: 1px solid rgba(0, 0, 0, 0); 1388} 1389 1390.menu-category-button-label:ltr { 1391 padding-left: 5px; 1392} 1393 1394.menu-category-button-label:rtl { 1395 padding-right: 5px; 1396} 1397 1398.menu-selected-app-box { 1399 padding-right: 30px; 1400 padding-left: 28px; 1401 text-align: right; 1402 height: 30px; 1403} 1404 1405.menu-selected-app-box:rtl { 1406 padding-top: 10px; 1407 height: 30px; 1408} 1409 1410.menu-selected-app-title { 1411 font-weight: bold; 1412} 1413 1414.menu-selected-app-description { 1415 max-width: 150px; 1416} 1417 1418.menu-search-box:ltr { 1419 padding-left: 30px; 1420} 1421 1422.menu-search-box-rtl { 1423 padding-right: 30px; 1424} 1425 1426#menu-search-entry { 1427 width: 250px; 1428 height: 15px; 1429 font-weight: normal; 1430 caret-color: #242424; 1431} 1432 1433.menu-search-entry-icon { 1434 icon-size: 1em; 1435 color: #242424; 1436} 1437 1438/* Context menu (at the moment only for favorites) */ 1439.info-osd { 1440 text-align: center; 1441 font-weight: bold; 1442 spacing: 1em; 1443 padding: 16px; 1444 color: #363636; 1445 background-color: rgba(241, 241, 241, 0.85); 1446} 1447 1448.osd-window { 1449 text-align: center; 1450 font-weight: bold; 1451 spacing: 1em; 1452 padding: 20px; 1453 min-width: 64px; 1454 min-height: 64px; 1455 color: #363636; 1456 border-radius: 0; 1457 background-color: rgba(241, 241, 241, 0.85); 1458 border: none; 1459 border-image: url("assets/menu.svg") 15 15 15 15; 1460} 1461 1462.osd-window .osd-monitor-label { 1463 font-size: 3em; 1464} 1465 1466.osd-window .level { 1467 padding: 0; 1468 height: 4px; 1469 background-color: rgba(0, 0, 0, 0.35); 1470 border-radius: 2px; 1471 color: #E9873A; 1472} 1473 1474.osd-window .level-bar { 1475 border-radius: 2px; 1476 background-color: #E9873A; 1477} 1478 1479.window-list-box { 1480 spacing: 0; 1481} 1482 1483.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { 1484 padding: 0 0 0 8px; 1485} 1486 1487.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { 1488 padding: 0 8px 0 0; 1489} 1490 1491.window-list-box.vertical { 1492 padding: 6px 0 0 0; 1493} 1494 1495.window-list-box.vertical #appMenuIcon { 1496 padding-top: 2px; 1497} 1498 1499.window-list-box:highlight { 1500 background-color: rgba(252, 65, 56, 0.5); 1501} 1502 1503.window-list-item-label { 1504 font-weight: normal; 1505 width: 15em; 1506 min-width: 5px; 1507} 1508 1509.window-list-item-box { 1510 font-weight: normal; 1511 background-image: none; 1512 transition-duration: 100; 1513 color: rgba(54, 54, 54, 0.9); 1514 border: 0 solid transparent; 1515} 1516 1517.panel-bottom .window-list-item-box StLabel { 1518 padding-left: 6px; 1519} 1520 1521.panel-top .window-list-item-box StLabel { 1522 padding-left: 6px; 1523} 1524 1525.panel-left .window-list-item-box StLabel { 1526 padding-top: 6px; 1527} 1528 1529.panel-right .window-list-item-box StLabel { 1530 padding-top: 6px; 1531} 1532 1533.panel-top .window-list-item-box { 1534 border-top-width: 2px; 1535} 1536 1537.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { 1538 padding: 2px; 1539 padding-top: 0; 1540} 1541 1542.panel-bottom .window-list-item-box { 1543 border-bottom-width: 2px; 1544} 1545 1546.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { 1547 padding: 2px; 1548 padding-bottom: 0; 1549} 1550 1551.panel-left .window-list-item-box { 1552 border-left-width: 2px; 1553} 1554 1555.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { 1556 padding: 2px; 1557 padding-left: 0; 1558} 1559 1560.panel-right .window-list-item-box { 1561 border-right-width: 2px; 1562} 1563 1564.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { 1565 padding: 2px; 1566 padding-right: 0; 1567} 1568 1569.window-list-item-box:hover { 1570 color: #363636; 1571 border: 0 solid rgba(54, 54, 54, 0.5); 1572 background-gradient-direction: none; 1573} 1574 1575.panel-top .window-list-item-box:hover { 1576 border-top-width: 2px; 1577} 1578 1579.panel-bottom .window-list-item-box:hover { 1580 border-bottom-width: 2px; 1581} 1582 1583.panel-left .window-list-item-box:hover { 1584 border-left-width: 2px; 1585} 1586 1587.panel-right .window-list-item-box:hover { 1588 border-right-width: 2px; 1589} 1590 1591.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { 1592 color: #363636; 1593 border: 0 solid rgba(233, 135, 58, 0.35); 1594 background-gradient-direction: none; 1595} 1596 1597.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { 1598 border-top-width: 2px; 1599} 1600 1601.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { 1602 border-bottom-width: 2px; 1603} 1604 1605.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { 1606 border-left-width: 2px; 1607} 1608 1609.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { 1610 border-right-width: 2px; 1611} 1612 1613.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { 1614 border-color: rgba(233, 135, 58, 0.5); 1615} 1616 1617.window-list-item-box:focus { 1618 color: #363636; 1619 border: 0 solid #E9873A; 1620 background-gradient-direction: none; 1621} 1622 1623.panel-top .window-list-item-box:focus { 1624 border-top-width: 2px; 1625} 1626 1627.panel-bottom .window-list-item-box:focus { 1628 border-bottom-width: 2px; 1629} 1630 1631.panel-left .window-list-item-box:focus { 1632 border-left-width: 2px; 1633} 1634 1635.panel-right .window-list-item-box:focus { 1636 border-right-width: 2px; 1637} 1638 1639.window-list-item-box.right, .window-list-item-box.left { 1640 padding-left: 0px; 1641 padding-right: 0px; 1642} 1643 1644.window-list-item-box .progress { 1645 background-gradient-direction: vertical; 1646 background-gradient-start: #E9873A; 1647 background-gradient-end: #E9873A; 1648 border-radius: 2px; 1649 box-shadow: none; 1650} 1651 1652.window-list-item-demands-attention { 1653 background-gradient-start: #F27835; 1654 background-gradient-end: #F27835; 1655} 1656 1657.window-list-preview { 1658 padding: 12px; 1659 spacing: 8px; 1660 border: none; 1661 background-color: #ffffff; 1662 border-radius: 5px; 1663 color: #242424; 1664 box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); 1665} 1666 1667.grouped-window-list-thumbnail-label { 1668 padding-left: 4px; 1669} 1670 1671.grouped-window-list-thumbnail-alert { 1672 background-color: rgba(252, 65, 56, 0.5); 1673} 1674 1675.grouped-window-list-thumbnail-menu .item-box { 1676 padding: 6px; 1677 border-radius: 2px; 1678 spacing: 4px; 1679} 1680 1681.grouped-window-list-thumbnail-menu .item-box:outlined { 1682 padding: 2px; 1683 border: 2px solid #E9873A; 1684} 1685 1686.grouped-window-list-thumbnail-menu .item-box:selected { 1687 background-color: rgba(255, 255, 255, 0.33); 1688} 1689 1690.grouped-window-list-thumbnail-menu .thumbnail { 1691 width: 256px; 1692} 1693 1694.grouped-window-list-thumbnail-menu .separator { 1695 width: 1px; 1696 background-color: rgba(54, 54, 54, 0.33); 1697} 1698 1699.grouped-window-list-number-label { 1700 z-index: 99; 1701 text-shadow: none; 1702 font-size: 10px; 1703 color: white; 1704 padding: 0; 1705} 1706 1707.grouped-window-list-button-label { 1708 padding-left: 4px; 1709} 1710 1711.grouped-window-list-badge { 1712 border-radius: 256px; 1713 background-color: #E9873A; 1714} 1715 1716.grouped-window-list-item-box { 1717 font-weight: normal; 1718 background-image: none; 1719 transition-duration: 100; 1720 color: rgba(54, 54, 54, 0.6); 1721 border: 0 solid transparent; 1722} 1723 1724.grouped-window-list-item-box.top { 1725 border-top-width: 2px; 1726} 1727 1728.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { 1729 padding: 2px; 1730 padding-top: 0; 1731} 1732 1733.grouped-window-list-item-box.bottom { 1734 border-bottom-width: 2px; 1735} 1736 1737.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { 1738 padding: 2px; 1739 padding-bottom: 0; 1740} 1741 1742.grouped-window-list-item-box.left { 1743 border-left-width: 2px; 1744} 1745 1746.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { 1747 padding: 2px; 1748 padding-left: 0; 1749} 1750 1751.grouped-window-list-item-box.right { 1752 border-right-width: 2px; 1753} 1754 1755.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { 1756 padding: 2px; 1757 padding-right: 0; 1758} 1759 1760.grouped-window-list-item-box:hover { 1761 color: #363636; 1762 border: 0 solid rgba(54, 54, 54, 0.5); 1763 background-gradient-direction: none; 1764} 1765 1766.panel-top .grouped-window-list-item-box:hover { 1767 border-top-width: 2px; 1768} 1769 1770.panel-bottom .grouped-window-list-item-box:hover { 1771 border-bottom-width: 2px; 1772} 1773 1774.panel-left .grouped-window-list-item-box:hover { 1775 border-left-width: 2px; 1776} 1777 1778.panel-right .grouped-window-list-item-box:hover { 1779 border-right-width: 2px; 1780} 1781 1782.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { 1783 color: #363636; 1784 border: 0 solid rgba(233, 135, 58, 0.35); 1785 background-gradient-direction: none; 1786} 1787 1788.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { 1789 border-top-width: 2px; 1790} 1791 1792.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { 1793 border-bottom-width: 2px; 1794} 1795 1796.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { 1797 border-left-width: 2px; 1798} 1799 1800.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { 1801 border-right-width: 2px; 1802} 1803 1804.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { 1805 border-color: rgba(233, 135, 58, 0.5); 1806} 1807 1808.grouped-window-list-item-box:focus { 1809 color: #363636; 1810 border: 0 solid #E9873A; 1811 background-gradient-direction: none; 1812} 1813 1814.panel-top .grouped-window-list-item-box:focus { 1815 border-top-width: 2px; 1816} 1817 1818.panel-bottom .grouped-window-list-item-box:focus { 1819 border-bottom-width: 2px; 1820} 1821 1822.panel-left .grouped-window-list-item-box:focus { 1823 border-left-width: 2px; 1824} 1825 1826.panel-right .grouped-window-list-item-box:focus { 1827 border-right-width: 2px; 1828} 1829 1830.grouped-window-list-item-box .progress { 1831 background-gradient-direction: vertical; 1832 background-gradient-start: #E9873A; 1833 background-gradient-end: #E9873A; 1834 border-radius: 2px; 1835 box-shadow: none; 1836} 1837 1838.grouped-window-list-item-demands-attention { 1839 background-gradient-start: #F27835; 1840 background-gradient-end: #F27835; 1841} 1842 1843.sound-button { 1844 width: 22px; 1845 height: 13px; 1846 padding: 8px; 1847} 1848 1849.sound-button-container { 1850 padding-right: 3px; 1851 padding-left: 3px; 1852} 1853 1854.sound-button StIcon { 1855 icon-size: 1.4em; 1856} 1857 1858.sound-track-infos { 1859 padding: 5px; 1860} 1861 1862.sound-track-info { 1863 padding-top: 2px; 1864 padding-bottom: 2px; 1865} 1866 1867.sound-track-info StIcon { 1868 icon-size: 16px; 1869} 1870 1871.sound-track-info StLabel { 1872 padding-left: 5px; 1873 padding-right: 5px; 1874} 1875 1876.sound-track-box { 1877 padding-left: 15px; 1878 padding-right: 15px; 1879 max-width: 220px; 1880} 1881 1882.sound-seek-box { 1883 padding-left: 15px; 1884} 1885 1886.sound-seek-box StLabel { 1887 padding-top: 2px; 1888} 1889 1890.sound-seek-box StIcon { 1891 icon-size: 16px; 1892} 1893 1894.sound-seek-slider { 1895 width: 140px; 1896} 1897 1898.sound-volume-menu-item { 1899 padding: .4em 1.75em; 1900} 1901 1902.sound-volume-menu-item StIcon { 1903 icon-size: 1.14em; 1904 padding-left: 8px; 1905 padding-right: 8px; 1906} 1907 1908.sound-playback-control { 1909 padding: 5px 10px 10px 10px; 1910} 1911 1912.sound-player { 1913 padding: 0 3px; 1914} 1915 1916.sound-player > StBoxLayout:first-child { 1917 padding: 5px 10px 10px 10px; 1918 spacing: 0.5em; 1919} 1920 1921.sound-player > StBoxLayout:first-child StButton:small { 1922 width: 24px; 1923 height: 24px; 1924 border-radius: 100px; 1925} 1926 1927.sound-player > StBoxLayout:first-child StButton:small:hover { 1928 background-color: rgba(36, 36, 36, 0.1); 1929} 1930 1931.sound-player > StBoxLayout:first-child StButton:small:active { 1932 background-color: rgba(36, 36, 36, 0.25); 1933} 1934 1935.sound-player > StBoxLayout:first-child StButton:small StIcon { 1936 icon-size: 16px; 1937} 1938 1939.sound-player-generic-coverart { 1940 background: rgba(0, 0, 0, 0.2); 1941} 1942 1943.sound-player-overlay { 1944 width: 290px; 1945 height: 70px; 1946 padding: 15px; 1947 spacing: 0.5em; 1948 background: rgba(29, 29, 29, 0.9); 1949 border: 0px solid #161616; 1950 border-bottom: 1px; 1951 color: #dadada; 1952} 1953 1954.sound-player-overlay StButton { 1955 width: 22px; 1956 height: 16px; 1957 padding: 6px; 1958 margin: 0 2px; 1959 color: #dadada; 1960 border-radius: 3px; 1961 border: none; 1962} 1963 1964.sound-player-overlay StButton StIcon { 1965 icon-size: 16px; 1966} 1967 1968.sound-player-overlay StButton:hover { 1969 text-shadow: none; 1970 color: #dadada; 1971 background-color: #747474; 1972} 1973 1974.sound-player-overlay StButton:active { 1975 text-shadow: none; 1976 color: white; 1977 background-color: #E9873A; 1978} 1979 1980.sound-player-overlay StLabel { 1981 padding: 0 6px; 1982} 1983 1984.sound-player-overlay StBoxLayout { 1985 padding-top: 2px; 1986} 1987 1988.sound-player .slider { 1989 height: 0.5em; 1990 padding: 0; 1991 border: 0px solid #161616; 1992 border-bottom: 1px; 1993 -slider-height: 0.5em; 1994 -slider-background-color: rgba(0, 0, 0, 0.15); 1995 -slider-border-color: rgba(0, 0, 0, 0); 1996 -slider-active-background-color: #E9873A; 1997 -slider-active-border-color: rgba(0, 0, 0, 0); 1998 -slider-border-width: 0px; 1999 -slider-handle-radius: 0px; 2000} 2001 2002#workspaceSwitcher { 2003 spacing: 0px; 2004 padding: 3px; 2005} 2006 2007/* Controls the styling when using the "Simple buttons" option */ 2008.workspace-switcher { 2009 padding-left: 3px; 2010 padding-right: 3px; 2011} 2012 2013.workspace-button { 2014 width: 20px; 2015 height: 10px; 2016 color: #363636; 2017 padding: 3px; 2018 padding-top: 4px; 2019 transition-duration: 300; 2020} 2021 2022.workspace-button:outlined, .workspace-button:outlined:hover { 2023 color: #E9873A; 2024} 2025 2026.workspace-button:hover { 2027 color: #eea368; 2028} 2029 2030/* Controls the style when using the "Visual representation" option */ 2031.workspace-graph { 2032 padding: 3px; 2033 spacing: 3px; 2034} 2035 2036.workspace-graph .workspace { 2037 border: 1px solid rgba(0, 0, 0, 0.4); 2038 background-gradient-direction: none; 2039 background-color: rgba(0, 0, 0, 0.2); 2040} 2041 2042.workspace-graph .workspace:active { 2043 border: 1px solid #E9873A; 2044 background-gradient-direction: none; 2045} 2046 2047.workspace-graph .workspace .windows { 2048 -active-window-background: rgba(255, 255, 255, 0.85); 2049 -active-window-border: rgba(0, 0, 0, 0.8); 2050 -inactive-window-background: rgba(255, 255, 255, 0.85); 2051 -inactive-window-border: rgba(0, 0, 0, 0.8); 2052} 2053 2054.workspace-graph .workspace:active .windows { 2055 -active-window-background: rgba(255, 255, 255, 0.85); 2056 -active-window-border: rgba(0, 0, 0, 0.8); 2057 -inactive-window-background: rgba(254, 254, 254, 0.85); 2058 -inactive-window-border: rgba(0, 0, 0, 0.8); 2059} 2060 2061#panel-launchers-box { 2062 padding: 0 6px; 2063} 2064 2065#panel-launchers-box.vertical { 2066 padding: 3px 0; 2067} 2068 2069.panel-launcher { 2070 padding: 2px; 2071 transition-duration: 200ms; 2072} 2073 2074.panel-launcher:hover { 2075 background-gradient-direction: none; 2076 border: 0px solid #E9873A; 2077} 2078 2079.panel-bottom .panel-launcher:hover { 2080 border-bottom-width: 2px; 2081 padding-bottom: 0; 2082} 2083 2084.panel-top .panel-launcher:hover { 2085 border-top-width: 2px; 2086 padding-top: 0; 2087} 2088 2089.panel-left .panel-launcher:hover { 2090 border-left-width: 2px; 2091 padding-left: 0; 2092} 2093 2094.panel-right .panel-launcher:hover { 2095 border-right-width: 2px; 2096 padding-right: 0; 2097} 2098 2099.launcher { 2100 padding: 2px; 2101 spacing: 2px; 2102 transition-duration: 0.2s; 2103} 2104 2105.launcher:hover { 2106 border: 0 solid #E9873A; 2107 background-gradient-direction: none; 2108} 2109 2110.panel-top .launcher:hover { 2111 padding-top: 0; 2112 border-top-width: 2px; 2113} 2114 2115.panel-bottom .launcher:hover { 2116 padding-bottom: 0; 2117 border-bottom-width: 2px; 2118} 2119 2120.panel-left .launcher:hover { 2121 padding-left: 0; 2122 border-left-width: 2px; 2123} 2124 2125.panel-right .launcher:hover { 2126 padding-right: 0; 2127 border-right-width: 2px; 2128} 2129 2130.launcher .icon-box { 2131 padding: 0 2px; 2132} 2133 2134.launcher .icon-box.vertical { 2135 padding: 2px 0; 2136} 2137 2138.applet-separator { 2139 padding: 1px 4px; 2140} 2141 2142.applet-separator-line { 2143 width: 1px; 2144 background: rgba(255, 255, 255, 0.12); 2145} 2146 2147.applet-box { 2148 padding-left: 3px; 2149 padding-right: 3px; 2150 color: #363636; 2151 text-shadow: none; 2152 transition-duration: 100; 2153} 2154 2155.applet-box.vertical { 2156 padding: 3px 0; 2157} 2158 2159.applet-box:hover { 2160 color: #363636; 2161 background-color: rgba(54, 54, 54, 0.15); 2162} 2163 2164.applet-box:checked, .applet-box:checked:hover { 2165 color: white; 2166 background-color: #E9873A; 2167} 2168 2169.applet-box:highlight { 2170 background-image: none; 2171 border-image: none; 2172 background-color: rgba(252, 65, 56, 0.5); 2173} 2174 2175.applet-label { 2176 font-weight: bold; 2177 color: #363636; 2178} 2179 2180.applet-box:checked .applet-label { 2181 color: white; 2182 text-shadow: none; 2183} 2184 2185.applet-icon { 2186 color: #363636; 2187 icon-size: 22px; 2188} 2189 2190.applet-box:checked .applet-icon { 2191 color: white; 2192 text-shadow: none; 2193} 2194 2195.user-icon { 2196 width: 32px; 2197 height: 32px; 2198 background-color: transparent; 2199 border: none; 2200 border-radius: 0; 2201} 2202 2203.user-label { 2204 color: #242424; 2205 font-size: 1em; 2206 font-weight: bold; 2207 margin: 0px; 2208} 2209 2210.desklet { 2211 color: #dadada; 2212} 2213 2214.desklet:highlight { 2215 background-color: rgba(252, 65, 56, 0.5); 2216} 2217 2218.desklet-with-borders { 2219 color: #dadada; 2220 background-color: #2a2a2a; 2221 padding: 12px; 2222 padding-bottom: 16px; 2223} 2224 2225.desklet-with-borders:highlight { 2226 background-color: rgba(252, 65, 56, 0.5); 2227} 2228 2229.desklet-with-borders-and-header { 2230 color: #dadada; 2231 background-color: #2a2a2a; 2232 border-radius: 6px; 2233 border-radius-topleft: 0; 2234 border-radius-topright: 0; 2235 padding: 12px; 2236 padding-bottom: 17px; 2237} 2238 2239.desklet-with-borders-and-header:highlight { 2240 background-color: rgba(252, 65, 56, 0.5); 2241} 2242 2243.desklet-header { 2244 color: #dadada; 2245 background-color: #2a2a2a; 2246 border-radius: 0; 2247 border-radius-topleft: 6px; 2248 border-radius-topright: 6px; 2249 font-size: 1em; 2250 padding: 12px; 2251 padding-bottom: 6px; 2252} 2253 2254.desklet-drag-placeholder { 2255 border: 2px solid #E9873A; 2256 background-color: rgba(233, 135, 58, 0.3); 2257} 2258 2259.photoframe-box { 2260 color: #dadada; 2261 background-color: #2a2a2a; 2262 padding: 12px; 2263 padding-bottom: 16px; 2264} 2265 2266/*FIXME*/ 2267.workspace-osd { 2268 /*color: red;*/ 2269 text-shadow: black 5px 5px 5px; 2270 font-weight: bold; 2271 font-size: 48pt; 2272} 2273 2274.notification-applet-padding { 2275 padding: .5em 1em; 2276} 2277 2278.notification-applet-container { 2279 max-height: 100px; 2280} 2281 2282.tile-preview, .tile-preview.snap, 2283.tile-hud, .tile-hud.snap { 2284 background-color: rgba(233, 135, 58, 0.3); 2285 border: 1px solid #E9873A; 2286} 2287 2288.xkcd-box { 2289 padding: 6px; 2290 border: 0px; 2291 background-color: rgba(0, 0, 0, 0); 2292 border-radius: 0px; 2293} 2294