← Back to branch summary

~darkxst/ubuntu/saucy/gnome-shell/upstart_log

« back to all changes in this revision

Viewing changes to data/theme/gnome-shell.css

  • Committer: Package Import Robot
  • Author(s): Jeremy Bicha
  • Date: 2013-05-31 12:01:12 UTC
  • mfrom: (1.1.49) (19.1.36 experimental)
  • Revision ID: package-import@ubuntu.com-20130531120112-ew91khxf051x9i2r
Tags: 3.8.2-1ubuntu1
https://launchpad.net/bugs/1185869
https://launchpad.net/bugs/1185721
https://launchpad.net/bugs/1064584
* Merge with Debian (LP: #1185869, #1185721). Remaining changes:
  - debian/control.in:
    + Build-depend on libsystemd-login-dev & libsystemd-daemon-dev
    + Depend on gdm instead of gdm3
    + Don't recommend gnome-session-fallback
  - debian/patches/40_change-pam-name-to-match-gdm.patch:
  - debian/patches/revert-suspend-break.patch:
    + Disabled, not needed on Ubuntu
  - debian/patches/ubuntu-lightdm-user-switching.patch:
    + Allow user switching when using LightDM. Thanks Gerhard Stein
      for rebasing against gnome-shell 3.8!
  - debian/patches/ubuntu_lock_on_suspend.patch
    + Respect Ubuntu's lock-on-suspend setting.
      Disabled until it can be rewritten.
  - debian/patches/git_relock_screen_after_crash.patch:
    + Add Upstream fix for unlocked session after crash (LP: #1064584)
* Note that the new GNOME Classic mode (which requires installing
  gnome-shell-extensions) won't work until gnome-session 3.8 is
  available in Ubuntu

Show diffs side-by-side

added added

removed removed

Lines of Context:
data/theme/gnome-shell.css
38
38
 
39
39
/* small */
40
40
.app-well-menu,
41
 
.contact-details-status,
42
 
.run-dialog-label,
43
41
.run-dialog-error-label {
44
42
    font-size: 9pt;
45
43
}
50
48
.switcher-list, 
51
49
.app-well-app > .overview-icon,
52
50
.show-apps > .overview-icon,
53
 
.search-result-content > .overview-icon {
 
51
.grid-search-result .overview-icon {
54
52
    font-size: 9pt;
55
53
    font-weight: bold;
56
54
}
127
125
 
128
126
/* PopupMenu */
129
127
 
130
 
.popup-menu-boxpointer {
 
128
.popup-menu-boxpointer,
 
129
.candidate-popup-boxpointer {
131
130
    -arrow-border-radius: 8px;
132
 
    -arrow-background-color: black;
 
131
    -arrow-background-color: rgba(0,0,0,0.9);
133
132
    -arrow-border-width: 2px;
134
133
    -arrow-border-color: #a5a5a5;
135
134
    -arrow-base: 24px;
207
206
}
208
207
 
209
208
.popup-separator-menu-item {
210
 
    -gradient-height: 2px;
211
 
    -gradient-start: rgba(8,8,8,0);
212
 
    -gradient-end: #333333;
213
 
    -margin-horizontal: 1.5em;
214
 
    height: 1em;
 
209
    -gradient-height: 1px;
 
210
    -gradient-start: rgba(255,255,255,0.0);
 
211
    -gradient-end: rgba(255,255,255,0.3);
 
212
    -margin-horizontal: 24px;
 
213
    height: 1px;
 
214
    padding: 8px 0px;
215
215
}
216
216
 
217
217
.popup-alternating-menu-item:alternate {
252
252
    icon-size: 1.09em;
253
253
}
254
254
 
 
255
.popup-battery-percentage {
 
256
    padding-left: 24px;
 
257
}
 
258
 
255
259
/* Switches */
256
260
.toggle-switch {
257
261
    width: 65px;
282
286
 
283
287
/* Buttons */
284
288
 
285
 
.dash-search-button,
 
289
.candidate-page-button,
286
290
.notification-button,
287
291
.notification-icon-button,
288
292
.hotplug-notification-item,
289
293
.hotplug-resident-eject-button,
290
 
.modal-dialog-button {
291
 
    font-weight: bold;
 
294
.modal-dialog-button,
 
295
.app-view-control {
292
296
    border: 1px solid #8b8b8b;
293
297
    background-gradient-direction: vertical;
294
298
    background-gradient-start: rgba(255, 255, 255, 0.2);
295
299
    background-gradient-end: rgba(255, 255, 255, 0);
296
300
}
297
301
 
298
 
.dash-search-button:hover,
 
302
.modal-dialog-button {
 
303
    font-weight: bold;
 
304
}
 
305
 
 
306
.candidate-page-button:hover,
299
307
.notification-button:hover,
300
308
.notification-icon-button:hover,
301
309
.hotplug-notification-item:hover,
305
313
    background-gradient-end: rgba(255, 255, 255, 0.1);
306
314
}
307
315
 
308
 
.dash-search-button:selected,
309
 
.dash-search-button:focus,
310
316
.notification-button:focus,
311
317
.notification-icon-button:focus,
312
318
.hotplug-notification-item:focus,
313
 
.modal-dialog-button:focus {
314
 
    border: 2px solid #8b8b8b;
315
 
}
316
 
 
317
 
.dash-search-button:active,
318
 
.dash-search-button:pressed,
 
319
.modal-dialog-button:focus,
 
320
.app-view-control:focus {
 
321
    border-width: 2px;
 
322
}
 
323
 
 
324
.app-view-control:focus {
 
325
    padding: 3px;
 
326
}
 
327
 
 
328
.app-view-control:first-child:ltr:focus,
 
329
.app-view-control:last-child:rtl:focus {
 
330
    border-right-width: 1px;
 
331
}
 
332
 
 
333
.candidate-page-button:active,
 
334
.candidate-page-button:pressed,
319
335
.notification-button:active,
320
336
.notification-icon-button:active,
321
337
.hotplug-notification-item:active,
322
338
.hotplug-resident-eject-button:active,
323
339
.modal-dialog-button:active,
324
 
.modal-dialog-button:pressed {
 
340
.modal-dialog-button:pressed,
 
341
.app-view-control:checked {
325
342
    background-gradient-start: rgba(255, 255, 255, 0);
326
343
    background-gradient-end: rgba(255, 255, 255, 0.2);
327
344
}
328
345
 
 
346
.candidate-page-button:insensitive,
 
347
.notification-button:insensitive,
329
348
.notification-icon-button:insensitive,
330
 
.notification-button:insensitive {
 
349
.modal-dialog-button:insensitive {
 
350
    border-color: #666666;
331
351
    color: #9f9f9f;
 
352
    background-gradient-direction: none;
 
353
    background-color: rgba(102, 102, 102, 0.15);
 
354
}
 
355
 
 
356
/* Common radii */
 
357
 
 
358
#searchEntry,
 
359
.modal-dialog-button,
 
360
.notification-button,
 
361
.hotplug-notification-item,
 
362
.app-view-controls {
 
363
    border-radius: 18px;
 
364
}
 
365
 
 
366
.app-view-control:first-child:ltr,
 
367
.app-view-control:last-child:rtl {
 
368
    border-radius: 18px 0px 0px 18px;
 
369
    border-right-width: 0px;
 
370
}
 
371
 
 
372
.app-view-control:last-child:ltr,
 
373
.app-view-control:first-child:rtl {
 
374
    border-radius: 0px 18px 18px 0px;
332
375
}
333
376
 
334
377
/* Entries */
335
378
 
336
379
#searchEntry,
337
380
.notification StEntry,
338
 
.login-dialog-prompt-entry,
339
 
.prompt-dialog-password-entry {
 
381
.modal-dialog StEntry {
340
382
    color: rgb(64, 64, 64);
341
383
    caret-color: rgb(64, 64, 64);
342
384
    font-size: 12pt;
346
388
}
347
389
 
348
390
#searchEntry,
 
391
.run-dialog-entry,
349
392
.notification StEntry {
350
393
    border: 2px solid rgba(245,245,245,0.2);
351
394
    background-gradient-start: rgba(5,5,6,0.1);
352
395
    background-gradient-end: rgba(254,254,254,0.1);
353
396
    background-gradient-direction: vertical;
354
 
    transition-duration: 300;
 
397
    transition-duration: 300ms;
355
398
    box-shadow: inset 0px 2px 4px rgba(0,0,0,0.6);
356
399
}
357
400
 
358
401
#searchEntry:focus,
359
402
#searchEntry:hover,
360
403
.notification StEntry:focus,
361
 
.login-dialog-prompt-entry,
362
 
.prompt-dialog-password-entry {
 
404
.modal-dialog StEntry {
363
405
    border: 2px solid rgb(136,138,133);
364
406
    background-gradient-start: rgb(200,200,200);
365
407
    background-gradient-end: white;
368
410
}
369
411
 
370
412
.notification StEntry:focus,
371
 
.prompt-dialog-password-entry:focus,
372
 
.login-dialog-prompt-entry:focus {
 
413
.modal-dialog StEntry:focus {
373
414
    border: 2px solid #3465a4;
374
415
}
375
416
 
376
417
#searchEntry {
 
418
    border-color: rgba(245,245,245,0.3);
 
419
    color: rgb(192, 192, 192);
 
420
    caret-color: rgb(192, 192, 192);
 
421
}
 
422
 
 
423
#searchEntry:hover {
377
424
    color: rgb(128, 128, 128);
378
425
    caret-color: rgb(128, 128, 128);
379
426
}
382
429
    color: rgb(64, 64, 64);
383
430
    caret-color: rgb(64, 64, 64);
384
431
    font-weight: bold;
385
 
    transition-duration: 0;
 
432
    transition-duration: 0ms;
386
433
}
387
434
 
388
435
.notification StEntry,
389
 
.prompt-dialog-password-entry,
390
 
.login-dialog-prompt-entry {
 
436
.modal-dialog StEntry {
391
437
    border-radius: 5px;
392
438
    padding: 4px 4px;
393
439
}
399
445
    padding: 0 4px;
400
446
}
401
447
 
402
 
.login-dialog-prompt-entry:insensitive {
403
 
    color: rgba(0,0,0,0.7);
404
 
    border: 2px solid #565656;
405
 
    background-gradient-start: rgb(200,200,200);
406
 
    background-gradient-end: rgb(210,210,210);
 
448
.modal-dialog StEntry:insensitive {
 
449
    border-color: #666666;
 
450
    color: #9f9f9f;
 
451
    border: 2px solid #9f9f9f;
 
452
    background-gradient-direction: none;
 
453
    background-color: rgba(102, 102, 102, 0.15);
 
454
    box-shadow: inset 0 0 rgba(0,0,0,1.0);
407
455
}
408
456
 
409
457
/* Panel */
414
462
    height: 1.86em;
415
463
}
416
464
 
 
465
#panel.lock-screen {
 
466
    background-color: rgba(0,0,0,0.3);
 
467
}
 
468
 
 
469
#panel.unlock-screen,
 
470
#panel.login-screen {
 
471
    background-color: transparent;
 
472
}
 
473
 
417
474
#panelLeft, #panelCenter {
418
475
    spacing: 4px;
419
476
}
447
504
    -panel-corner-border-color: rgba(255,255,255,0.8);
448
505
}
449
506
 
 
507
.panel-corner.lock-screen,
 
508
.panel-corner.unlock-screen,
 
509
.panel-corner.login-screen {
 
510
    -panel-corner-background-color: transparent;
 
511
    -panel-corner-border-color: transparent;
 
512
}
 
513
 
450
514
#appMenu {
 
515
    spinner-image: url("process-working.svg");
451
516
    spacing: 4px;
452
517
}
453
518
 
476
541
    -minimum-hpadding: 6px;
477
542
    font-weight: bold;
478
543
    color: #ccc;
479
 
    transition-duration: 100;
 
544
    transition-duration: 100ms;
 
545
}
 
546
 
 
547
#panel.unlock-screen .panel-button,
 
548
#panel.lock-screen .panel-button,
 
549
#panel.login-screen .panel-button {
 
550
    color: #e6e6e6;
 
551
}
 
552
 
 
553
#panel.unlock-screen .panel-button:hover,
 
554
#panel.lock-screen .panel-button:hover,
 
555
#panel.login-screen .panel-button:hover,
 
556
#panel.unlock-screen .panel-button:active,
 
557
#panel.lock-screen .panel-button:active,
 
558
#panel.login-screen .panel-button:active,
 
559
#panel.unlock-screen .panel-button:focus,
 
560
#panel.lock-screen .panel-button:focus,
 
561
#panel.login-screen .panel-button:focus {
 
562
    color: white;
480
563
}
481
564
 
482
565
.panel-button:hover {
506
589
}
507
590
 
508
591
.panel-menu {
509
 
    -boxpointer-gap: 4px
 
592
    -boxpointer-gap: 4px;
510
593
}
511
594
 
512
595
.panel-status-button-box {
513
596
    spacing: 4px;
514
597
}
515
598
 
 
599
.lock-screen-status-button-box {
 
600
    spacing: 8px;
 
601
}
 
602
 
516
603
/* User Menu */
517
604
 
518
605
#panelUserMenu {
551
638
}
552
639
 
553
640
.status-chooser-combo.popup-combo-menu {
554
 
    background-color: rgba(0,0,0,0.7);
555
641
    padding: .4em 0em;
556
642
    border-radius: 4px;
557
643
    border: 1px solid #5f5f5f;
569
655
/* Overview */
570
656
 
571
657
#overview {
572
 
    spacing: 12px;
573
 
}
574
 
 
575
 
.window-caption {
576
 
    spacing: 25px;
577
 
}
578
 
 
579
 
.workspace-controls {
580
 
    visible-width: 32px; /* Amount visible before hovering */
 
658
    spacing: 24px;
 
659
}
 
660
 
 
661
.overview-controls {
 
662
    padding-bottom: 32px;
581
663
}
582
664
 
583
665
.workspace-thumbnails-background {
597
679
 
598
680
.workspace-thumbnails {
599
681
    spacing: 11px;
 
682
    visible-width: 32px; /* Amount visible before hovering */
600
683
}
601
684
 
602
685
.workspace-thumbnail-indicator {
606
689
}
607
690
 
608
691
.window-caption {
 
692
    spacing: 25px;
609
693
    background: rgba(0,0,0,0.5);
610
694
    border-radius: 8px;
611
695
    padding: 4px 12px;
612
696
    -shell-caption-spacing: 12px;
 
697
    border: 2px solid rgba(0, 0, 0, 0);
 
698
}
 
699
 
 
700
.window-caption:hover {
 
701
    border: 2px solid rgba(255, 255, 255, 0);
613
702
}
614
703
 
615
704
.window-close, .notification-close {
620
709
}
621
710
 
622
711
.window-close {
623
 
    -shell-close-overlap: 20px;
 
712
    -shell-close-overlap: 16px;
 
713
}
 
714
 
 
715
.window-clone-border {
 
716
    border: 4px solid rgba(255, 255, 255, 0.5);
 
717
    border-radius: 4px;
624
718
}
625
719
 
626
720
.notification-close {
633
727
     * adjust down 8px */
634
728
 
635
729
    -shell-close-overlap-x: 14px;
636
 
    -shell-close-overlap-y: 12px;
 
730
    -shell-close-overlap-y: -12px;
 
731
}
 
732
 
 
733
.notification-close:rtl {
 
734
    /* as above, but starting out in the top left of the
 
735
     * notification. */
 
736
 
 
737
    -shell-close-overlap-x: -14px;
637
738
}
638
739
 
639
740
.window-close:rtl {
640
741
    -st-background-image-shadow: 2px 2px 6px rgba(0,0,0,0.5);
641
742
}
642
743
 
 
744
.window-picker {
 
745
    -horizontal-spacing: 32px;
 
746
    -vertical-spacing: 32px;
 
747
    padding-left: 32px;
 
748
    padding-right: 32px;
 
749
    padding-bottom: 48px;
 
750
}
 
751
 
 
752
.window-picker.external-monitor {
 
753
    padding: 32px;
 
754
}
 
755
 
 
756
.messages-indicator {
 
757
    color: #999999;
 
758
    height: 32px;
 
759
}
 
760
 
 
761
.messages-indicator-contents {
 
762
    spacing: 12px;
 
763
    padding-bottom: 12px;
 
764
}
 
765
 
 
766
.messages-indicator-contents:hover {
 
767
    color: white;
 
768
    text-shadow: black 0px 2px 2px;
 
769
}
 
770
 
 
771
.messages-indicator-highlight {
 
772
    background-gradient-start: transparent;
 
773
    background-gradient-end: #999999;
 
774
    background-gradient-direction: vertical;
 
775
 
 
776
    height: 6px;
 
777
}
 
778
 
643
779
/* Dash */
644
780
 
645
781
#dash {
664
800
    height: 24px;
665
801
}
666
802
 
667
 
#viewSelector {
668
 
    spacing: 1em;
669
 
}
670
 
 
671
803
/* Search Box */
672
804
 
673
805
#searchEntry {
674
 
    border-radius: 17px;
675
806
    width: 320px;
676
807
}
677
808
 
678
809
.search-entry-icon {
679
810
    icon-size: 1em;
 
811
    color: #c0c0c0;
 
812
}
 
813
 
 
814
#searchEntry:hover .search-entry-icon,
 
815
#searchEntry:focus .search-entry-icon {
680
816
    color: #8d8f8a;
681
817
}
682
818
 
683
819
/* Search Results */
684
820
 
685
821
#searchResults {
686
 
    padding: 20px 10px 10px 10px;
 
822
    padding: 20px 10px 0px 10px;
687
823
    spacing: 18px;
688
824
}
689
825
 
 
826
#searchResultsBin {
 
827
    max-width: 1000px;
 
828
}
 
829
 
690
830
#searchResultsContent {
 
831
    padding-left: 20px;
691
832
    padding-right: 20px;
692
 
    spacing: 36px;
693
 
}
694
 
 
695
 
#searchResultsContent:rtl {
696
 
    padding-right: 0px;
697
 
    padding-left: 20px;
698
 
}
699
 
 
700
 
.search-section-header {
701
 
    padding: 4px 12px;
702
 
    spacing: 4px;
703
 
    color: #6f6f6f;
704
 
    font-size: .8em;
 
833
    spacing: 16px;
 
834
}
 
835
 
 
836
.search-section {
 
837
    /* This should be equal to #searchResultsContent spacing */
 
838
    spacing: 16px;
 
839
}
 
840
 
 
841
.search-section-separator {
 
842
    -gradient-height: 1px;
 
843
    -gradient-start: rgba(255,255,255,0);
 
844
    -gradient-end: rgba(255,255,255,0.5);
 
845
    -margin-horizontal: 1.5em;
 
846
    height: 1px;
 
847
}
 
848
 
 
849
.search-section-content {
 
850
    /* This is the space between the provider icon and the results container */
 
851
    spacing: 32px;
705
852
}
706
853
 
707
854
.search-statustext {
710
857
    font-weight: bold;
711
858
}
712
859
 
713
 
.search-section-results {
714
 
    padding: 6px;
715
 
}
716
 
 
717
 
.search-section-list-results {
718
 
    spacing: 4px;
719
 
}
720
 
 
721
 
.results-container {
722
 
    spacing: 4px;
723
 
}
724
 
 
725
 
/* Text labels are an odd number of pixels tall. The uneven top and bottom
726
 
 * padding compensates for this and ensures that the label is vertically
727
 
 * centered */
728
 
.dash-search-button {
729
 
    border-radius: 16px;
730
 
    padding-top: 4px;
731
 
    padding-bottom: 5px;
732
 
    width: 300px;
733
 
    font-weight: bold;
734
 
}
735
 
 
736
 
.dash-search-button:focus,
737
 
.dash-search-button:selected {
738
 
    padding-top: 3px;
739
 
    padding-bottom: 4px;
740
 
    width: 298px;
 
860
.list-search-results {
 
861
    spacing: 3px;
741
862
}
742
863
 
743
864
.dash-label {
748
869
    -x-offset: 8px;
749
870
}
750
871
 
751
 
/* Application Launchers and Grid */
 
872
/* Application Launchers, Grid and List results */
752
873
 
753
874
.icon-grid {
754
875
    spacing: 36px;
760
881
    icon-size: 96px;
761
882
}
762
883
 
763
 
.all-app {
764
 
    padding: 16px 25px 16px 16px;
 
884
.app-display {
 
885
    padding: 8px;
765
886
    spacing: 20px;
766
887
}
767
888
 
768
 
.all-app:rtl {
769
 
    padding-right: 16px;
770
 
    padding-left: 25px;
771
 
}
772
 
 
773
 
.app-filter {
774
 
    font-weight: bold;
775
 
    height: 2.85em;
776
 
    color: #aaa;
777
 
    width: 200px;
778
 
}
779
 
 
780
 
.app-filter:hover {
781
 
    color: #eee;
782
 
}
783
 
 
784
 
.app-filter:selected {
785
 
    color: #ffffff;
786
 
    background-image: url("filter-selected-ltr.svg");
787
 
    background-position: 190px 10px;
788
 
}
789
 
 
790
 
.app-filter:selected:rtl {
791
 
    background-image: url("filter-selected-rtl.svg");
792
 
    background-position: 10px 10px;
793
 
}
794
 
 
795
 
.app-filter:focus {
796
 
    outline: 1px solid #aaa;
 
889
.app-view-controls {
 
890
    width: 250px;
 
891
    padding-bottom: 32px;
 
892
}
 
893
 
 
894
.app-view-control {
 
895
    padding: 4px 16px;
 
896
}
 
897
 
 
898
.search-display > StBoxLayout,
 
899
.all-apps > StBoxLayout,
 
900
.frequent-apps > StBoxLayout {
 
901
    /* horizontal padding to make sure scrollbars or dash don't overlap content */
 
902
    padding: 0px 88px;
 
903
}
 
904
 
 
905
.app-folder-icon {
 
906
    padding: 5px;
797
907
}
798
908
 
799
909
.dash-item-container > StButton {
800
910
    padding: 4px 8px;
801
911
}
802
912
 
 
913
.list-search-result-content {
 
914
    spacing: 12px;
 
915
    padding: 12px;
 
916
}
 
917
 
 
918
.list-search-result-title {
 
919
    font-weight: bold;
 
920
    font-size: 14pt;
 
921
    color: white;
 
922
}
 
923
 
 
924
.list-search-result-description {
 
925
    color: #eeeeec;
 
926
}
 
927
 
 
928
.search-provider-icon-more {
 
929
    width: 16px;
 
930
    height: 16px;
 
931
    background-image: url("more-results.svg");
 
932
}
 
933
 
803
934
.app-well-app > .overview-icon,
804
935
.show-apps > .overview-icon,
805
 
.search-result-content > .overview-icon {
 
936
.search-provider-icon,
 
937
.list-search-result,
 
938
.grid-search-result .overview-icon {
806
939
    border-radius: 4px;
807
940
    padding: 3px;
808
941
    border: 1px rgba(0,0,0,0);
809
 
    transition-duration: 100;
 
942
    transition-duration: 100ms;
810
943
    text-align: center;
811
944
}
812
945
 
 
946
.app-folder-popup {
 
947
    -arrow-border-radius: 8px;
 
948
    -arrow-background-color: black;
 
949
    -arrow-base: 24px;
 
950
    -arrow-rise: 11px;
 
951
}
 
952
 
 
953
.app-folder-popup-bin {
 
954
    padding: 15px;
 
955
}
 
956
 
813
957
.app-well-app.running > .overview-icon {
814
958
    text-shadow: black 0px 2px 2px;
815
959
    background-image: url("running-indicator.svg");
816
960
    background-size: contain;
817
961
}
818
962
 
 
963
.app-well-app.app-folder > .overview-icon {
 
964
    background-color: rgba(0,0,0,0.5);
 
965
}
 
966
 
819
967
.app-well-app:hover > .overview-icon,
820
968
.show-apps:hover > .overview-icon,
821
 
.search-result-content:hover > .overview-icon {
 
969
.search-provider-icon:hover,
 
970
.list-search-result:hover,
 
971
.grid-search-result:hover .overview-icon {
822
972
    background-color: rgba(255,255,255,0.1);
823
973
    text-shadow: black 0px 2px 2px;
824
 
    transition-duration: 100;
 
974
    transition-duration: 100ms;
825
975
    color:white;
826
976
}
827
977
 
 
978
.app-display .app-well-app > .overview-icon {
 
979
    border-radius: 10px;
 
980
}
 
981
 
 
982
.list-search-result:hover .list-search-result-description {
 
983
    text-shadow: rgba(0,0,0,0.8) 0px 1px 2px;
 
984
}
 
985
 
828
986
.show-apps {
829
987
    padding: 4px 0;
830
988
}
837
995
    color: white;
838
996
}
839
997
 
840
 
.show-apps:checked > .overview-icon {
 
998
.app-well-app:checked > .overview-icon,
 
999
.app-well-app:active > .overview-icon,
 
1000
.show-apps:checked > .overview-icon,
 
1001
.show-apps:active > .overview-icon {
841
1002
    background-gradient-start: rgba(255, 255, 255, .05);
842
1003
    background-gradient-end: rgba(255, 255, 255, .15);
843
1004
    background-gradient-direction: vertical;
844
1005
    border-radius: 4px;
845
1006
    box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 1);
846
 
    transition-duration: 100;
 
1007
    transition-duration: 100ms;
847
1008
}
848
1009
 
849
1010
.show-apps:checked .show-apps-icon,
850
1011
.show-apps:focus .show-apps-icon {
851
1012
    color: white;
852
 
    transition-duration: 100;
 
1013
    transition-duration: 100ms;
853
1014
}
854
1015
 
855
1016
.app-well-app:focus > .overview-icon,
856
 
.search-result-content:focus > .overview-icon,
 
1017
.grid-search-result:focus .overview-icon,
857
1018
.show-apps:focus > .overview-icon,
 
1019
.search-provider-icon:focus,
 
1020
.list-search-result:focus,
858
1021
.app-well-app:selected > .overview-icon,
859
 
.search-result-content:selected > .overview-icon {
 
1022
.grid-search-result:selected .overview-icon,
 
1023
.search-provider-icon:selected,
 
1024
.list-search-result:selected {
860
1025
    background-color: rgba(255,255,255,0.33);
861
1026
}
862
1027
 
884
1049
    -minimum-hpadding: 6px;
885
1050
    font-weight: bold;
886
1051
    color: #ccc;
887
 
    transition-duration: 100;
 
1052
    transition-duration: 100ms;
888
1053
    padding-left: .3em;
889
1054
    padding-right: .3em;
890
1055
}
1108
1273
    font-weight: bold;
1109
1274
}
1110
1275
 
 
1276
.calendar-day-with-events {
 
1277
    font-weight: bold;
 
1278
    color: white;
 
1279
}
 
1280
 
1111
1281
.calendar-other-month-day {
1112
1282
    color: #333333;
1113
1283
}
1114
1284
 
1115
 
.calendar-day-with-events {
1116
 
    font-weight: bold;
1117
 
    color: white;
1118
 
}
1119
 
 
1120
1285
.events-header-vbox {
1121
1286
    spacing: 6pt;
1122
1287
    padding-right: .5em;
1187
1352
#message-tray {
1188
1353
    background: #2e3436 url(message-tray-background.png);
1189
1354
    background-repeat: repeat;
1190
 
    transition-duration: 250;
1191
 
}
1192
 
 
1193
 
#message-tray:keyboard {
1194
 
    /* Same as the OSK */
1195
 
    background: rgba(0, 0, 0, 0.8);
1196
 
}
1197
 
 
1198
 
#message-tray:overview {
1199
 
    background: rgba(0, 0, 0, 0.1);
1200
 
    outline: 1px solid rgba(128, 128, 128, 0.3);
 
1355
    height: 72px;
 
1356
}
 
1357
 
 
1358
.message-tray-summary {
 
1359
    height: 72px;
 
1360
}
 
1361
 
 
1362
.no-messages-label {
 
1363
    font-family: cantarell, sans-serif;
 
1364
    font-size: 11pt;
 
1365
    color: #999999;
1201
1366
}
1202
1367
 
1203
1368
.notification {
1204
1369
    border-radius: 10px 10px 0px 0px;
1205
 
    background: rgba(0,0,0,0.8);
 
1370
    background: rgba(0,0,0,0.9);
1206
1371
    padding: 8px 8px 4px 8px;
1207
 
    spacing-rows: 10px;
 
1372
    spacing-rows: 4px;
1208
1373
    spacing-columns: 10px;
1209
1374
}
1210
1375
 
1233
1398
}
1234
1399
 
1235
1400
.summary-boxpointer {
1236
 
    -arrow-border-radius: 8px;
1237
 
    -arrow-background-color: rgba(0,0,0,0.8);
 
1401
    -arrow-border-radius: 15px;
 
1402
    -arrow-background-color: rgba(0,0,0,0.9);
1238
1403
    -arrow-base: 36px;
1239
1404
    -arrow-rise: 18px;
1240
1405
    color: white;
1254
1419
 
1255
1420
.summary-notification-stack-scrollview {
1256
1421
    max-height: 18em;
1257
 
    padding-top: 6px;
1258
 
    padding-bottom: 6px;
 
1422
    padding-top: 8px;
 
1423
    padding-bottom: 8px;
1259
1424
}
1260
1425
 
1261
1426
.summary-notification-stack-scrollview:ltr {
1284
1449
}
1285
1450
 
1286
1451
.notification-actions {
 
1452
    padding-top: 18px;
1287
1453
    spacing: 10px;
1288
1454
}
1289
1455
 
1290
1456
.notification-button {
1291
 
    border-radius: 18px;
1292
 
    padding: 4px 42px 5px;
 
1457
    -st-natural-width: 140px;
 
1458
    padding: 4px 4px 5px;
1293
1459
}
1294
1460
 
1295
1461
.notification-button:focus {
1296
 
    padding: 3px 41px 4px;
 
1462
    -st-natural-width: 138px;
 
1463
    padding: 3px 4px 4px;
1297
1464
}
1298
1465
 
1299
1466
.notification-icon-button {
1321
1488
 
1322
1489
.hotplug-notification-item {
1323
1490
    padding: 2px 10px;
1324
 
    border-radius: 18px;
1325
1491
}
1326
1492
 
1327
1493
.hotplug-notification-item:focus {
1410
1576
    padding-right: 4px;
1411
1577
}
1412
1578
 
 
1579
.chat-notification-scrollview{
 
1580
        max-height: 22em;
 
1581
}
 
1582
 
1413
1583
.subscription-message {
1414
1584
    font-style: italic;
1415
1585
}
1418
1588
    border-radius: 4px;
1419
1589
}
1420
1590
 
1421
 
#summary-mode {
1422
 
    height: 72px;
1423
 
}
1424
 
 
1425
1591
.summary-source-button {
1426
1592
    padding: 6px 3px 6px 3px;
1427
1593
}
1446
1612
.summary-source {
1447
1613
    border-radius: 4px;
1448
1614
    padding: 0 6px 0 6px;
1449
 
    transition-duration: 100;
 
1615
    transition-duration: 100ms;
1450
1616
}
1451
1617
 
1452
1618
.summary-source-counter {
1453
1619
    background-image: url("summary-counter.svg");
1454
 
    background-size: 2.5em;
 
1620
    background-size: 2.4em;
1455
1621
    font-size: 10pt;
1456
1622
    font-weight: bold;
1457
 
    height: 2.5em;
1458
 
    width: 2.5em;
1459
 
    -shell-counter-overlap-x: 4px;
1460
 
    -shell-counter-overlap-y: 4px;
 
1623
    height: 2.4em;
 
1624
    width: 2.4em;
 
1625
    -shell-counter-overlap-x: 13px;
 
1626
    -shell-counter-overlap-y: 13px;
 
1627
}
 
1628
 
 
1629
/* OSD */
 
1630
.osd-window {
 
1631
    text-align: center;
 
1632
    font-weight: bold;
 
1633
    spacing: 1em;
 
1634
}
 
1635
 
 
1636
.osd-window .level {
 
1637
    height: 0.6em;
 
1638
    border-radius: 0.3em;
 
1639
    background-color: rgba(190,190,190,0.2);
1461
1640
}
1462
1641
 
1463
1642
/* App Switcher */
1464
 
#altTabPopup {
 
1643
.switcher-popup {
1465
1644
    padding: 8px;
1466
1645
    spacing: 16px;
1467
1646
}
1468
1647
 
 
1648
.osd-window,
1469
1649
.switcher-list {
1470
1650
    background: rgba(0,0,0,0.8);
1471
1651
    border: 1px solid rgba(128,128,128,0.40);
1617
1797
}
1618
1798
 
1619
1799
.modal-dialog-button {
1620
 
    border-radius: 18px;
1621
 
 
1622
1800
    margin-left: 10px;
1623
1801
    margin-right: 10px;
1624
1802
    padding: 4px 32px 5px;
1625
1803
}
1626
1804
 
1627
 
.modal-dialog-button:insensitive {
1628
 
    color: rgb(60, 60, 60);
1629
 
}
1630
 
 
1631
1805
.modal-dialog-button:focus {
1632
1806
    padding: 3px 31px 4px;
1633
1807
}
1634
1808
 
1635
1809
/* Run Dialog */
1636
1810
 
 
1811
.run-dialog-label {
 
1812
    font-size: 12pt;
 
1813
    font-weight: bold;
 
1814
    color: #999999;
 
1815
    padding-bottom: .4em;
 
1816
}
 
1817
 
1637
1818
.run-dialog-error-box {
1638
1819
    padding-top: 15px;
1639
1820
    spacing: 5px;
1640
1821
}
1641
1822
 
1642
 
.run-dialog-entry {
1643
 
    font-weight: bold;
1644
 
    width: 23em;
1645
 
    selection-background-color: white;
1646
 
    selected-color: black;
1647
 
}
1648
 
 
1649
 
.run-dialog {
1650
 
    border-radius: 16px;
1651
 
 
1652
 
    padding-right: 21px;
1653
 
    padding-left: 21px;
1654
 
    padding-bottom: 15px;
1655
 
    padding-top: 15px;
 
1823
.modal-dialog .run-dialog-entry {
 
1824
    width: 20em;
1656
1825
}
1657
1826
 
1658
1827
.lightbox {
1978
2147
}
1979
2148
 
1980
2149
/* IBus Candidate Popup */
 
2150
 
 
2151
.candidate-popup-content {
 
2152
    padding: 0.5em;
 
2153
    spacing: 0.3em;
 
2154
}
 
2155
 
1981
2156
.candidate-index {
1982
 
    padding: 0.5em 0.5em 0.5em 0.5em;
1983
 
}
1984
 
 
1985
 
.candidate-label {
1986
 
    padding: 0.5em 0.5em 0.5em 0.5em;
1987
 
}
1988
 
 
1989
 
.candidate-label:selected {
1990
 
    border-radius: 4px;
1991
 
    background-color: rgba(255,255,255,0.33);
 
2157
    padding: 0 0.5em 0 0;
 
2158
    color: #cccccc;
 
2159
}
 
2160
 
 
2161
.candidate-box {
 
2162
    padding: 0.3em 0.5em 0.3em 0.5em;
 
2163
}
 
2164
 
 
2165
.candidate-box:selected {
 
2166
    border-radius: 4px;
 
2167
    background-color: rgba(255,255,255,0.2);
 
2168
}
 
2169
 
 
2170
.candidate-box:hover {
 
2171
    border-radius: 4px;
 
2172
    background-color: rgba(255,255,255,0.1);
 
2173
}
 
2174
.candidate-page-button-box {
 
2175
    height: 2em;
 
2176
    width: 80px;
 
2177
}
 
2178
 
 
2179
.vertical .candidate-page-button-box {
 
2180
    padding-top: 0.5em;
 
2181
}
 
2182
 
 
2183
.horizontal .candidate-page-button-box {
 
2184
    padding-left: 0.5em;
 
2185
}
 
2186
 
 
2187
.candidate-page-button-previous {
 
2188
    border-radius: 4px 0px 0px 4px;
 
2189
}
 
2190
 
 
2191
.candidate-page-button-next {
 
2192
    border-radius: 0px 4px 4px 0px;
 
2193
}
 
2194
 
 
2195
.candidate-page-button-icon {
 
2196
    icon-size: 1em;
1992
2197
}
1993
2198
 
1994
2199
/* Login Dialog */
2013
2218
    border: none;
2014
2219
    background-color: transparent;
2015
2220
 
 
2221
    padding-bottom: 80px;
 
2222
    padding-top: 80px;
 
2223
 
2016
2224
    border-radius: 16px;
2017
2225
    min-height: 150px;
2018
2226
    max-height: 700px;
2112
2320
    font-weight: bold;
2113
2321
    text-align: left;
2114
2322
    padding-left: 15px;
2115
 
    text-shadow: black 4px 4px 3px 0px;
 
2323
    text-shadow: black 0px 4px 3px 0px;
2116
2324
}
2117
2325
 
2118
2326
.login-dialog-prompt-layout {
2178
2386
    height: .75em;
2179
2387
}
2180
2388
 
 
2389
.login-dialog-logo-bin {
 
2390
    padding: 24px 0px;
 
2391
}
 
2392
 
 
2393
.login-dialog .modal-dialog-button-box {
 
2394
    spacing: 3px;
 
2395
}
2181
2396
 
2182
2397
.login-dialog .modal-dialog-button {
2183
 
    border: 1px solid #666666;
2184
2398
    border-radius: 5px;
2185
2399
    padding: 3px 18px;
2186
2400
}
2187
2401
 
2188
2402
.login-dialog .modal-dialog-button:focus {
2189
2403
    padding: 2px 17px;
2190
 
    border: 2px solid #8b8b8b;
2191
2404
}
2192
2405
 
2193
2406
.login-dialog .modal-dialog-button:default {
2194
2407
    background-gradient-start: #6793c4;
2195
2408
    background-gradient-end: #335d8f;
2196
2409
    background-gradient-direction: vertical;
2197
 
    padding: 2px 17px;
2198
 
    border: 2px solid #16335d;
 
2410
    border-color: #16335d;
2199
2411
}
2200
2412
 
2201
2413
.login-dialog .modal-dialog-button:default:focus {
2213
2425
    background-gradient-end: #74a0d0;
2214
2426
}
2215
2427
 
 
2428
.login-dialog .modal-dialog-button:default:insensitive {
 
2429
    border-color: #666666;
 
2430
    color: #9f9f9f;
 
2431
    background-gradient-direction: none;
 
2432
    background-color: rgba(102, 102, 102, 0.15);
 
2433
}
 
2434
 
2216
2435
.login-dialog-message-warning {
2217
2436
    color: orange;
2218
2437
}
2219
2438
 
2220
 
.unlock-dialog-user-name-container {
 
2439
.user-widget {
2221
2440
    spacing: .4em;
2222
2441
}
2223
2442
 
 
2443
.user-widget-label {
 
2444
    font-size: 16pt;
 
2445
    font-weight: bold;
 
2446
    text-align: left;
 
2447
    padding-left: 15px;
 
2448
    text-shadow: black 0px 4px 3px 0px;
 
2449
}
 
2450
 
2224
2451
/* Screen shield */
2225
2452
 
2226
2453
.screen-shield-background {
2227
2454
    background: black;
2228
 
    box-shadow: 0px 4px 8px rgba(0,0,0,0.9);
2229
2455
}
2230
2456
 
2231
2457
#lockDialogGroup {
2277
2503
 
2278
2504
.screen-shield-notifications-box {
2279
2505
    spacing: 18px;
 
2506
    max-width: 34em;
2280
2507
}
2281
2508
 
2282
2509
.screen-shield-notification-source {
2283
 
    padding: 0 24px;
 
2510
    padding: 13px 24px;
2284
2511
    spacing: 5px;
2285
2512
}
2286
2513
 
2287
2514
.screen-shield-notification-label {
2288
2515
    font-size: 1.2em;
2289
2516
    font-weight: bold;
 
2517
    padding: 0px 18px;
2290
2518
    color: #babdb6;
2291
2519
}
2292
2520
 
 
2521
.screen-shield-notification-count-text {
 
2522
    padding: 0px 18px;
 
2523
}
 
2524
 
2293
2525
/* Remove background from notifications, otherwise
2294
2526
   opacity is doubled and they look darker
2295
2527
*/
2305
2537
    padding-bottom: 0px;
2306
2538
}
2307
2539
 
 
2540
.input-source-switcher-symbol {
 
2541
   font-size: 34pt;
 
2542
   width: 96px;
 
2543
   height: 96px;
 
2544
}
 
2545
 
 
2546
/* Background menu */
 
2547
 
 
2548
.background-menu {
 
2549
    -boxpointer-gap: 4px;
 
2550
}