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