← Back to branch summary

~ubuntu-branches/debian/jessie/gnome-shell/jessie

« back to all changes in this revision

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

  • Committer: Package Import Robot
  • Author(s): Michael Biebl
  • Date: 2012-05-30 13:19:38 UTC
  • mfrom: (18.1.24 experimental)
  • Revision ID: package-import@ubuntu.com-20120530131938-i3trc1g1p3is2u6x
Tags: 3.4.1-3
Upload to unstable.

Show diffs side-by-side

added added

removed removed

Lines of Context:
data/theme/gnome-shell.css
17
17
 * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA.
18
18
 */
19
19
 
 
20
/* Text Styles */
 
21
 
 
22
/* default text style */
20
23
stage {
21
24
    font-family: cantarell, sans-serif;
 
25
    font-size: 11pt;
 
26
    color: white;
22
27
}
23
28
 
 
29
/* links */
24
30
.shell-link {
25
31
    color: #0000ff;
26
32
    text-decoration: underline;
30
36
    color: #0000e0;
31
37
}
32
38
 
33
 
.label-shadow {
34
 
    color: rgba(0,0,0,0.5);
35
 
}
 
39
/* small */
 
40
.app-well-menu,
 
41
.contact-details-status,
 
42
.run-dialog-label,
 
43
.run-dialog-error-label {
 
44
    font-size: 9pt;
 
45
}
 
46
 
 
47
/* small bold */
 
48
.dash-label,
 
49
.window-caption,
 
50
.switcher-list, 
 
51
.source-title,
 
52
.app-well-app > .overview-icon,
 
53
.remove-favorite > .overview-icon,
 
54
.search-result-content > .overview-icon {
 
55
    font-size: 9pt;
 
56
    font-weight: bold;
 
57
}
 
58
 
 
59
/* Scroll Bars */
36
60
 
37
61
StScrollBar
38
62
{
39
 
  padding: 0px;
 
63
    padding: 0px;
40
64
}
41
65
 
42
66
StScrollView.vfade
43
67
{
44
 
  -st-vfade-offset: 68px;
 
68
    -st-vfade-offset: 68px;
 
69
}
 
70
 
 
71
StScrollView.hfade
 
72
{
 
73
    -st-hfade-offset: 68px;
45
74
}
46
75
 
47
76
StScrollView StScrollBar
48
77
{
49
 
  min-width: 16px;
50
 
  min-height: 16px;
 
78
    min-width: 16px;
 
79
    min-height: 16px;
51
80
}
52
81
 
53
82
 
79
108
    background-color: #292929;
80
109
}
81
110
 
82
 
StTooltip StLabel {
83
 
    border: 1px solid rgba(255,255,255,0.6);
84
 
    border-radius: 5px;
85
 
    padding: 2px 12px;
86
 
    background-color: rgba(0,0,0,0.9);
87
 
    color: #ffffff;
88
 
    font-size: 0.8em;
89
 
    font-weight: normal;
90
 
    text-align: center;
 
111
/* Check Boxes */
 
112
 
 
113
.check-box ShellGenericContainer {
 
114
    spacing: .8em;
 
115
}
 
116
 
 
117
.check-box StBin {
 
118
    width: 24px;
 
119
    height: 22px;
 
120
    background-image: url("checkbox-off.svg");
 
121
}
 
122
 
 
123
.check-box:focus StBin {
 
124
    background-image: url("checkbox-off-focused.svg");
 
125
}
 
126
 
 
127
.check-box:checked StBin {
 
128
    background-image: url("checkbox.svg");
 
129
}
 
130
 
 
131
.check-box:focus:checked StBin {
 
132
    background-image: url("checkbox-focused.svg");
91
133
}
92
134
 
93
135
/* PopupMenu */
102
144
}
103
145
 
104
146
.popup-menu {
105
 
    color: #ffffff;
106
 
    font-size: 10.5pt;
107
147
    min-width: 200px;
108
148
}
109
149
 
142
182
.popup-combo-menu {
143
183
    background-color: rgba(0,0,0,0.9);
144
184
    padding: 1em 0em;
145
 
    color: #ffffff;
146
 
    font-size: 10.5pt;
147
185
    border: 1px solid #5f5f5f;
148
186
    border-radius: 9px;
149
187
}
213
251
}
214
252
 
215
253
.popup-menu-icon {
216
 
    icon-size: 1.14em;
 
254
    icon-size: 1.09em;
217
255
}
218
256
 
219
 
/* Switches (to be used in menus) */
 
257
/* Switches */
220
258
.toggle-switch {
221
259
    width: 65px;
222
260
    height: 22px;
224
262
 
225
263
.toggle-switch-us {
226
264
    background-image: url("toggle-off-us.svg");
 
265
    background-size: contain;
227
266
}
228
267
.toggle-switch-us:checked {
229
268
    background-image: url("toggle-on-us.svg");
 
269
    background-size: contain;
230
270
}
231
271
 
232
272
.toggle-switch-intl {
233
273
    background-image: url("toggle-off-intl.svg");
 
274
    background-size: contain;
234
275
}
235
276
.toggle-switch-intl:checked {
236
277
    background-image: url("toggle-on-intl.svg");
 
278
    background-size: contain;
237
279
}
238
280
 
239
281
.nm-menu-item-icons {
240
282
    spacing: .5em;
241
283
}
242
284
 
243
 
/* Shared button properties */
 
285
/* Buttons */
244
286
 
245
 
.dash-search-button, .notification-button, .notification-icon-button,
246
 
.hotplug-notification-item, .hotplug-resident-eject-button,
 
287
.dash-search-button,
 
288
.notification-button,
 
289
.notification-icon-button,
 
290
.hotplug-notification-item,
 
291
.hotplug-resident-eject-button,
247
292
.modal-dialog-button {
248
 
    color: white;
 
293
    font-weight: bold;
249
294
    border: 1px solid #8b8b8b;
250
295
    background-gradient-direction: vertical;
251
296
    background-gradient-start: rgba(255, 255, 255, 0.2);
252
297
    background-gradient-end: rgba(255, 255, 255, 0);
253
298
}
254
299
 
255
 
.dash-search-button:hover, .notification-button:hover,
256
 
.notification-icon-button:hover, .hotplug-notification-item:hover,
257
 
.hotplug-resident-eject-button:hover, .modal-dialog-button:hover {
 
300
.dash-search-button:hover,
 
301
.notification-button:hover,
 
302
.notification-icon-button:hover,
 
303
.hotplug-notification-item:hover,
 
304
.hotplug-resident-eject-button:hover,
 
305
.modal-dialog-button:hover {
258
306
    background-gradient-start: rgba(255, 255, 255, 0.3);
259
307
    background-gradient-end: rgba(255, 255, 255, 0.1);
260
308
}
261
309
 
262
 
.dash-search-button:selected, .notification-button:focus,
263
 
.notification-icon-button:focus, .hotplug-notification-item:focus,
 
310
.dash-search-button:selected,
 
311
.dash-search-button:focus,
 
312
.notification-button:focus,
 
313
.notification-icon-button:focus,
 
314
.hotplug-notification-item:focus,
264
315
.modal-dialog-button:focus {
265
316
    border: 2px solid #8b8b8b;
266
317
}
267
318
 
268
 
.dash-search-button:active, .dash-search-button:pressed,
269
 
.notification-button:active, .notification-icon-button:active,
270
 
.hotplug-notification-item:active, .hotplug-resident-eject-button:active,
271
 
.modal-dialog-button:active, .modal-dialog-button:pressed {
 
319
.dash-search-button:active,
 
320
.dash-search-button:pressed,
 
321
.notification-button:active,
 
322
.notification-icon-button:active,
 
323
.hotplug-notification-item:active,
 
324
.hotplug-resident-eject-button:active,
 
325
.modal-dialog-button:active,
 
326
.modal-dialog-button:pressed {
272
327
    background-gradient-start: rgba(255, 255, 255, 0);
273
328
    background-gradient-end: rgba(255, 255, 255, 0.2);
274
329
}
276
331
/* Panel */
277
332
 
278
333
#panel {
279
 
    color: #ffffff;
280
334
    background-color: black;
281
 
    border-image: url("panel-border.svg") 1;
282
 
    font-size: 10.5pt;
283
335
    font-weight: bold;
284
336
    height: 1.86em;
285
337
}
307
359
.panel-corner {
308
360
    -panel-corner-radius: 10px;
309
361
    -panel-corner-background-color: black;
310
 
    -panel-corner-inner-border-width: 2px;
311
 
    -panel-corner-inner-border-color: transparent;
312
 
    -panel-corner-outer-border-width: 1px;
313
 
    -panel-corner-outer-border-color: #536272;
 
362
    -panel-corner-border-width: 2px;
 
363
    -panel-corner-border-color: transparent;
314
364
}
315
365
 
316
366
.panel-corner:active,
317
367
.panel-corner:overview,
318
368
.panel-corner:focus {
319
 
    -panel-corner-inner-border-color: rgba(255,255,255,0.8);
 
369
    -panel-corner-border-color: rgba(255,255,255,0.8);
320
370
}
321
371
 
322
372
#appMenu {
323
373
    spacing: 4px;
324
374
}
325
375
 
 
376
/* used for the app menu header only */
 
377
.label-shadow {
 
378
    color: rgba(0,0,0,0.5);
 
379
}
 
380
 
326
381
.panel-button #appMenuIcon {
327
382
    app-icon-bottom-clip: 1px;
328
383
}
376
431
    -boxpointer-gap: 4px
377
432
}
378
433
 
 
434
/* User Menu */
 
435
 
379
436
#panelUserMenu {
380
437
    spacing: 4px;
381
438
}
415
472
    padding: .4em 0em;
416
473
    border-radius: 4px;
417
474
    border: 1px solid #5f5f5f;
418
 
    color: #ffffff;
419
 
    font-size: 10.5pt;
420
475
}
421
476
 
422
477
.status-chooser-status-item,
425
480
}
426
481
 
427
482
.system-status-icon {
428
 
    icon-size: 1.14em;
 
483
    icon-size: 1.09em;
429
484
}
430
485
 
431
486
/* Overview */
435
490
}
436
491
 
437
492
.window-caption {
438
 
    color: white;
439
493
    spacing: 25px;
440
494
}
441
495
 
467
521
}
468
522
 
469
523
.window-caption {
470
 
    background: rgba(0,0,0,0.8);
471
 
    border: 1px solid rgba(128,128,128,0.40);
472
 
    border-radius: 10px;
473
 
    font-size: 9pt;
474
 
    padding: 2px 8px;
475
 
    -shell-caption-spacing: 4px;
 
524
    background: rgba(0,0,0,0.5);
 
525
    border-radius: 8px;
 
526
    padding: 4px 12px;
 
527
    -shell-caption-spacing: 12px;
476
528
}
477
529
 
478
530
.window-close {
479
531
    background-image: url("close-window.svg");
 
532
    background-size: 34px;
480
533
    height: 34px;
481
534
    width: 34px;
482
535
    -shell-close-overlap: 20px;
509
562
    width: 60px;
510
563
}
511
564
 
512
 
.dash-placeholder {
 
565
.placeholder {
513
566
    background-image: url("dash-placeholder.svg");
 
567
    background-size: contain;
 
568
    height: 24px;
514
569
}
515
570
 
516
571
#viewSelector {
517
572
    spacing: 1em;
518
 
    font-size: 12pt;
519
573
}
520
574
 
521
575
#viewSelectorTabBar {
522
576
    padding: 1em;
523
577
}
524
578
 
 
579
/* Search Box */
 
580
 
525
581
#searchArea {
526
582
    padding: 0px 24px;
527
583
}
529
585
#searchEntry {
530
586
    padding: 4px 12px;
531
587
    border-radius: 17px;
 
588
    font-size: 12pt;
532
589
    color: rgb(128, 128, 128);
533
590
    border: 2px solid rgba(245,245,245,0.2);
534
591
    background-gradient-start: rgba(5,5,6,0.1);
565
622
    color: #8d8f8a;
566
623
}
567
624
 
 
625
/* View Tabs */
 
626
 
568
627
.view-tab-title {
569
628
    color: #888a85;
 
629
    font-size: 12pt;
570
630
    font-weight: bold;
571
631
    padding: 0px 0.75em;
572
632
    height: 1.5em;
582
642
    border-radius: 0.25em;
583
643
}
584
644
 
 
645
/* Search Results */
 
646
 
585
647
#searchResults {
586
648
    padding: 20px 10px 10px 10px;
587
649
    spacing: 18px;
606
668
}
607
669
 
608
670
.search-section-results {
609
 
    color: #ffffff;
610
671
    padding: 6px;
611
672
}
612
673
 
633
694
    font-weight: bold;
634
695
}
635
696
 
 
697
.dash-search-button:focus,
636
698
.dash-search-button:selected {
637
699
    padding-top: 3px;
638
700
    padding-bottom: 4px;
639
701
    width: 298px;
640
702
}
641
703
 
642
 
.dash-search-button-label {
643
 
    color: white;
644
 
    font-size: 11pt;
 
704
.dash-label {
 
705
    border-radius: 7px;
 
706
    padding: 4px 12px;
 
707
    background-color: rgba(0,0,0,0.5);
 
708
    text-align: center;
 
709
    -x-offset: 8px;
645
710
}
646
711
 
647
 
/* Apps */
 
712
/* Application Launchers and Grid */
648
713
 
649
714
.icon-grid {
650
715
    spacing: 36px;
651
 
    -shell-grid-item-size: 118px;
652
 
}
653
 
 
654
 
.contact-grid {
655
 
    spacing: 36px;
656
 
    -shell-grid-item-size: 272px; /* 2 * -shell-grid-item-size + spacing */
 
716
    -shell-grid-horizontal-item-size: 118px;
 
717
    -shell-grid-vertical-item-size: 118px;
657
718
}
658
719
 
659
720
.icon-grid .overview-icon {
671
732
}
672
733
 
673
734
.app-filter {
674
 
    font-size: 10.5pt;
675
735
    font-weight: bold;
676
736
    height: 2.85em;
677
737
    color: #aaa;
716
776
    border-radius: 4px;
717
777
    padding: 3px;
718
778
    border: 1px rgba(0,0,0,0);
719
 
    font-size: 7.5pt;
720
 
    color: white;
721
779
    transition-duration: 100;
722
780
    text-align: center;
723
781
}
724
782
 
 
783
.app-well-app.running > .overview-icon {
 
784
    text-shadow: black 0px 2px 2px;
 
785
    background-image: url("running-indicator.svg");
 
786
    background-size: contain;
 
787
}
 
788
 
 
789
.app-well-app:hover > .overview-icon,
 
790
.remove-favorite:hover > .overview-icon,
 
791
.search-result-content:hover > .overview-icon {
 
792
    background-color: rgba(255,255,255,0.1);
 
793
    text-shadow: black 0px 2px 2px;
 
794
    transition-duration: 100;
 
795
}
 
796
 
 
797
/* Contacts */
 
798
 
 
799
.contact-grid {
 
800
    spacing: 36px;
 
801
    -shell-grid-horizontal-item-size: 272px; /* 2 * -shell-grid-horizontal-item-size + spacing */
 
802
    -shell-grid-vertical-item-size: 118px;
 
803
}
 
804
 
725
805
.contact {
726
806
    width: 272px; /* Same width as two normal results + spacing */
727
807
    height: 118px; /* Aspect ratio = 1.75. Normal US business card ratio */
732
812
}
733
813
 
734
814
.contact-content {
735
 
    border-radius: 2px;
 
815
    border-radius: 7px;
736
816
    padding: 8px;
737
817
    width: 232px;
738
818
    height: 84px;
739
 
    background-color: white;
740
 
    color: black;
741
 
    text-align: center;
 
819
    background-color: rgba(0.0, 0.0, 0.0, 0.5);
 
820
    color: white;
742
821
}
743
822
 
744
823
.contact-icon {
745
 
  border-radius: 4px;
 
824
    border-radius: 4px;
746
825
}
747
826
 
748
827
.contact-details {
749
 
  padding: 6px 8px 11px 8px;
 
828
    padding: 0px 6px 22px 10px;
750
829
}
751
830
 
752
831
.contact-details-alias {
753
 
  font-size: 16px;
754
 
  padding-bottom: 11px;
755
 
}
756
 
 
757
 
.contact-details-status {
758
 
  font-size: 11pt;
 
832
    font-size: 18px;
 
833
    padding-bottom: 8px;
759
834
}
760
835
 
761
836
.contact-details-status-icon {
762
 
  padding-right: 2px;
 
837
    padding-right: 4px;
763
838
}
764
839
 
765
840
.contact:hover {
767
842
    transition-duration: 100;
768
843
}
769
844
 
770
 
.app-well-app.running > .overview-icon {
771
 
    text-shadow: black 0px 2px 2px;
772
 
    background-image: url("running-indicator.svg");
773
 
}
774
 
 
 
845
.contact:focus,
 
846
.app-well-app:focus > .overview-icon,
 
847
.search-result-content:focus > .overview-icon,
775
848
.contact:selected,
776
849
.app-well-app:selected > .overview-icon,
777
850
.search-result-content:selected > .overview-icon {
778
851
    background-color: rgba(255,255,255,0.33);
779
852
}
780
853
 
781
 
.app-well-app:hover > .overview-icon,
782
 
.remove-favorite:hover > .overview-icon,
783
 
.search-result-content:hover > .overview-icon {
784
 
    background-color: rgba(255,255,255,0.1);
785
 
    text-shadow: black 0px 2px 2px;
786
 
    transition-duration: 100;
787
 
}
788
 
 
789
 
.contact:focus,
790
 
.app-well-app:focus > .overview-icon,
791
 
.search-result-content:focus > .overview-icon {
792
 
    border: 1px solid #cccccc;
793
 
}
794
 
 
795
 
.app-well-menu {
796
 
    font-size: 9pt;
797
 
}
798
 
 
799
854
/* LookingGlass */
800
855
 
801
856
#LookingGlassDialog
802
857
{
803
 
  background-color: rgba(0,0,0,0.85);
804
 
  spacing: 4px;
805
 
  padding: 4px;
806
 
  border: 2px solid grey;
807
 
  border-radius: 4px;
808
 
 
809
 
  color: #88ff66;
 
858
    background-color: rgba(0,0,0,0.80);
 
859
    spacing: 4px;
 
860
    padding: 4px;
 
861
    border: 2px solid grey;
 
862
    border-radius: 4px;
810
863
}
811
864
 
812
865
#LookingGlassDialog > #Toolbar
813
866
{
814
 
  border: 1px solid grey;
815
 
  border-radius: 4px;
 
867
    border: 1px solid grey;
 
868
    border-radius: 4px;
816
869
}
817
870
 
818
871
#LookingGlassDialog .labels {
819
 
  spacing: 4px;
 
872
    spacing: 4px;
820
873
}
821
874
 
822
875
#LookingGlassDialog .notebook-tab {
823
 
  padding: 2px;
 
876
    -natural-hpadding: 12px;
 
877
    -minimum-hpadding: 6px;
 
878
    font-weight: bold;
 
879
    color: #ccc;
 
880
    transition-duration: 100;
 
881
    padding-left: .3em;
 
882
    padding-right: .3em;
824
883
}
825
884
 
826
885
#LookingGlassDialog .notebook-tab:hover {
827
 
  color: #00ff00;
 
886
    color: white;
 
887
    text-shadow: black 0px 2px 2px;
828
888
}
829
889
 
830
890
#LookingGlassDialog .notebook-tab:selected {
831
 
  border: 1px solid #88ff66;
832
 
  border-radius: 4px;
833
 
  padding: 5px;
 
891
    border-image: url("panel-button-border.svg") 10 10 0 2;
 
892
    background-image: url("panel-button-highlight-wide.svg");
 
893
    color: white;
 
894
    text-shadow: black 0px 2px 2px;
834
895
}
835
896
 
836
897
#LookingGlassDialog .lg-inspector-title {
838
899
    padding-bottom: 8px;
839
900
}
840
901
 
841
 
.lg-dialog StLabel
842
 
{
843
 
  color: #88ff66;
844
 
}
845
 
 
846
902
.lg-dialog StEntry
847
903
{
848
 
  color: #88ff66;
849
 
  selection-background-color: #88ff66;
850
 
  selected-color: black;
 
904
    selection-background-color: #bbbbbb;
 
905
    selected-color: #333333;
 
906
}
 
907
 
 
908
.lg-completions-text
 
909
{
 
910
    font-size: .9em;
 
911
    font-style: italic;
851
912
}
852
913
 
853
914
.lg-obj-inspector-title
854
915
{
855
 
  spacing: 4px;
 
916
    spacing: 4px;
856
917
}
857
918
 
858
919
.lg-obj-inspector-button
859
920
{
860
 
  border: 1px solid #88ff66;
861
 
  padding: 4px;
862
 
  border-radius: 4px;
 
921
    border: 1px solid gray;
 
922
    padding: 4px;
 
923
    border-radius: 4px;
863
924
}
864
925
 
865
926
.lg-obj-inspector-button:hover
866
927
{
867
 
  border: 1px solid #00ff00;
 
928
    border: 1px solid #ffffff;
868
929
}
869
930
 
870
931
.lg-dialog .shell-link
871
932
{
872
 
  color: #88ff66;
 
933
    color: #999999;
873
934
}
874
935
 
875
936
.lg-dialog .shell-link:hover
876
937
{
877
 
  color: #00ff00;
 
938
    color: #dddddd;
878
939
}
879
940
 
880
941
#LookingGlassDialog StBoxLayout#EvalBox
881
942
{
882
 
  padding: 4px;
883
 
  spacing: 4px;
 
943
    padding: 4px;
 
944
    spacing: 4px;
884
945
}
885
946
 
886
947
#LookingGlassDialog StBoxLayout#ResultsArea
887
948
{
888
 
  spacing: 4px;
 
949
    spacing: 4px;
889
950
}
890
951
 
891
952
#lookingGlassExtensions {
912
973
}
913
974
 
914
975
#LookingGlassPropertyInspector {
915
 
    background: rgba(0, 0, 0, 0.9);
 
976
    background: rgba(0, 0, 0, 0.8);
916
977
    border: 2px solid grey;
917
978
    border-radius: 4px;
918
979
    padding: 6px;
919
 
    color: #88ff66;
920
980
}
921
981
 
922
982
/* Calendar popup */
995
1055
 
996
1056
.datemenu-date-label {
997
1057
    padding: .4em 1.75em;
998
 
    font-size: 10.5pt;
999
1058
    color: #cccccc;
1000
1059
    font-weight: bold;
1001
1060
}
1142
1201
    background-gradient-start: rgba(0,0,0,0.01);
1143
1202
    background-gradient-end: rgba(0,0,0,0.82);
1144
1203
    height: 36px;
1145
 
    color: white;
1146
1204
}
1147
1205
 
1148
1206
#notification {
1149
 
    font-size: 11pt;
1150
1207
    border-radius: 10px 10px 0px 0px;
1151
1208
    background: rgba(0,0,0,0.8);
1152
1209
    padding: 8px 8px 4px 8px;
1184
1241
}
1185
1242
 
1186
1243
.summary-boxpointer #summary-right-click-menu {
1187
 
    font-size: 10.5pt;
1188
1244
    padding-top: 12px;
1189
1245
    padding-bottom: 12px;
1190
1246
}
1209
1265
 
1210
1266
#notification-scrollview {
1211
1267
    max-height: 10em;
 
1268
    -st-vfade-offset: 24px;
1212
1269
}
1213
1270
 
1214
1271
#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow {
1233
1290
 
1234
1291
.notification-button {
1235
1292
    border-radius: 18px;
1236
 
    font-size: 11pt;
1237
1293
    padding: 4px 42px 5px;
1238
1294
}
1239
1295
 
1251
1307
}
1252
1308
 
1253
1309
.notification-icon-button > StIcon {
1254
 
    icon-size: 36px;
 
1310
    icon-size: 16px;
 
1311
    padding: 8px;
1255
1312
}
1256
1313
 
1257
1314
.hotplug-transient-box {
1262
1319
.hotplug-notification-item {
1263
1320
    padding: 2px 10px;
1264
1321
    border-radius: 18px;
1265
 
    font-size: 10.5pt;
1266
1322
}
1267
1323
 
1268
1324
.hotplug-notification-item:focus {
1321
1377
    padding: 8px 0;
1322
1378
}
1323
1379
 
1324
 
.chat-sent {
 
1380
.chat-received {
1325
1381
    padding-left: 4px;
1326
 
    border-radius: 4px;
1327
1382
}
1328
1383
 
1329
1384
.chat-received:rtl {
1333
1388
 
1334
1389
.chat-sent {
1335
1390
    padding-left: 18pt;
1336
 
    border-radius: 4px;
1337
 
    color: #7E7E7E;
 
1391
    color: #959595;
1338
1392
}
1339
1393
 
1340
1394
.chat-sent:rtl {
1344
1398
 
1345
1399
.chat-meta-message {
1346
1400
    padding-left: 4px;
1347
 
    border-radius: 4px;
1348
1401
    font-size: 9pt;
1349
1402
    color: #bbbbbb;
1350
1403
}
1408
1461
}
1409
1462
 
1410
1463
.summary-source-button {
1411
 
    color: #fff;
1412
1464
    text-shadow: black 0px 2px 2px;
1413
1465
}
1414
1466
 
1418
1470
 
1419
1471
.summary-source-button:selected .summary-source {
1420
1472
    background-image: url("panel-button-highlight-narrow.svg");
 
1473
    background-size: contain;
1421
1474
    border-image: url("source-button-border.svg") 10 10 0 1;
1422
1475
}
1423
1476
 
1428
1481
 
1429
1482
.summary-source-button:expanded:selected {
1430
1483
    background-image: url("panel-button-highlight-wide.svg");
 
1484
    background-size: contain;
1431
1485
    border-image: url("source-button-border.svg") 10 10 0 1;
1432
1486
}
1433
1487
 
1459
1513
}
1460
1514
 
1461
1515
.source-title {
1462
 
    font-size: 9pt;
1463
 
    font-weight: bold;
1464
1516
    padding-left: 4px;
1465
1517
}
1466
1518
 
1480
1532
    border: 1px solid rgba(128,128,128,0.40);
1481
1533
    border-radius: 24px;
1482
1534
    padding: 20px;
1483
 
 
1484
 
    font-size: 9pt;
1485
 
    color: white;
1486
1535
}
1487
1536
 
1488
1537
.switcher-list-item-container {
1541
1590
    width: 52px;
1542
1591
    height: 52px;
1543
1592
    background-image: url("corner-ripple-ltr.png");
 
1593
    background-size: contain;
1544
1594
}
1545
1595
 
1546
1596
.ripple-box:rtl {
1601
1651
}
1602
1652
 
1603
1653
/* Modal Dialogs */
 
1654
 
 
1655
/* Dialog Subject Text Style */
 
1656
.show-processes-dialog-subject,
 
1657
.mount-question-dialog-subject,
 
1658
.end-session-dialog-subject {
 
1659
    font-size: 14pt;
 
1660
    font-weight: bold;
 
1661
    color: #999999;
 
1662
}
 
1663
 
1604
1664
.modal-dialog {
1605
 
    font-size: 12pt;
1606
1665
    border-radius: 24px;
1607
1666
    background-color: rgba(0.0, 0.0, 0.0, 0.9);
1608
1667
    border: 2px solid #868686;
1609
 
    color: #babdb6;
1610
1668
 
1611
1669
    padding-right: 42px;
1612
1670
    padding-left: 42px;
1616
1674
 
1617
1675
.modal-dialog-button-box {
1618
1676
    spacing: 21px;
 
1677
    padding-top: 50px;
1619
1678
}
1620
1679
 
1621
1680
.modal-dialog-button {
1622
1681
    border-radius: 18px;
1623
 
    font-size: 11pt;
1624
 
    color: white;
1625
1682
 
1626
1683
    margin-left: 10px;
1627
1684
    margin-right: 10px;
1637
1694
}
1638
1695
 
1639
1696
/* Run Dialog */
1640
 
.run-dialog-label {
1641
 
    font-size: 9pt;
1642
 
    color: white;
1643
 
}
1644
 
 
1645
 
.run-dialog-error-label {
1646
 
    font-size: 9pt;
1647
 
    color: white;
1648
 
}
1649
1697
 
1650
1698
.run-dialog-error-box {
1651
1699
    padding-top: 15px;
1653
1701
}
1654
1702
 
1655
1703
.run-dialog-entry {
1656
 
    font-size: 10.5pt;
1657
1704
    font-weight: bold;
1658
1705
    width: 23em;
1659
 
    color: white;
1660
1706
    selection-background-color: white;
1661
1707
    selected-color: black;
1662
1708
}
1674
1720
    background-color: rgba(0, 0, 0, 0.4);
1675
1721
}
1676
1722
 
 
1723
.flashspot {
 
1724
    background-color: white;
 
1725
}
 
1726
 
1677
1727
/* End Session Dialog */
1678
1728
.end-session-dialog {
1679
1729
    spacing: 42px;
1680
1730
}
1681
1731
 
1682
1732
.end-session-dialog-subject {
1683
 
    font-size: 12pt;
1684
 
    font-weight: bold;
1685
 
    color: #666666;
1686
 
    padding-top: 10px;
1687
1733
    padding-left: 17px;
1688
 
    padding-bottom: 30px;
 
1734
    padding-bottom: 20px;
1689
1735
}
1690
1736
 
1691
1737
.end-session-dialog-subject:rtl {
1694
1740
}
1695
1741
 
1696
1742
.end-session-dialog-description {
1697
 
    font-size: 10pt;
1698
 
    color: white;
1699
1743
    padding-left: 17px;
1700
1744
    width: 28em;
1701
1745
}
1712
1756
}
1713
1757
 
1714
1758
.end-session-dialog-shutdown-icon {
 
1759
    color: #bebebe;
1715
1760
    width: 32px;
1716
1761
    height: 32px;
1717
1762
}
1778
1823
 
1779
1824
.show-processes-dialog-subject,
1780
1825
.mount-question-dialog-subject {
1781
 
    font-size: 12pt;
1782
 
    font-weight: bold;
1783
 
    color: #666666;
1784
1826
    padding-top: 10px;
1785
1827
    padding-left: 17px;
1786
1828
    padding-bottom: 6px;
1787
1829
}
1788
1830
 
 
1831
.mount-question-dialog-subject {
 
1832
    max-width: 500px;
 
1833
}
 
1834
 
1789
1835
.show-processes-dialog-subject:rtl,
1790
1836
.mount-question-dialog-subject:rtl {
1791
1837
    padding-left: 0px;
1794
1840
 
1795
1841
.show-processes-dialog-description,
1796
1842
.mount-question-dialog-description {
1797
 
    font-size: 10pt;
1798
 
    color: white;
1799
1843
    padding-left: 17px;
1800
1844
    width: 28em;
1801
1845
}
1846
1890
    font-size: 10pt;
1847
1891
}
1848
1892
 
1849
 
/* PolicyKit Authentication Dialog */
1850
 
.polkit-dialog {
 
1893
/* Password or Authentication Dialog */
 
1894
.prompt-dialog {
1851
1895
    /* this is the width of the entire modal popup */
1852
1896
    width: 500px;
1853
1897
}
1854
1898
 
1855
 
.polkit-dialog-main-layout {
 
1899
.prompt-dialog-main-layout {
1856
1900
    spacing: 24px;
1857
1901
    padding: 10px;
1858
1902
}
1859
1903
 
1860
 
.polkit-dialog-message-layout {
 
1904
.prompt-dialog-message-layout {
1861
1905
    spacing: 16px;
1862
1906
}
1863
1907
 
1864
 
.polkit-dialog-headline {
 
1908
.prompt-dialog-headline {
1865
1909
    font-size: 12pt;
1866
1910
    font-weight: bold;
1867
1911
    color: #666666;
1868
1912
}
1869
1913
 
1870
 
.polkit-dialog-description {
1871
 
    font-size: 10pt;
1872
 
    color: white;
1873
 
}
1874
 
 
1875
 
.polkit-dialog-user-layout {
1876
 
    padding-left: 10px;
1877
 
    spacing: 10px;
1878
 
}
1879
 
 
1880
 
.polkit-dialog-user-layout:rtl {
1881
 
    padding-left: 0px;
1882
 
    padding-right: 10px;
1883
 
}
1884
 
 
1885
 
.polkit-dialog-user-root-label {
1886
 
    color: #ff0000;
1887
 
}
1888
 
 
1889
 
.polkit-dialog-password-label:ltr {
 
1914
.prompt-dialog-password-label:ltr {
1890
1915
    padding-right: 0.5em;
1891
1916
}
1892
1917
 
1893
 
.polkit-dialog-password-label:rtl {
 
1918
.prompt-dialog-password-label:rtl {
1894
1919
    padding-left: 0.5em;
1895
1920
}
1896
1921
 
1897
 
.polkit-dialog-password-entry {
 
1922
.prompt-dialog-password-entry {
1898
1923
    background-gradient-start: rgb(236,236,236);
1899
1924
    background-gradient-end: white;
1900
1925
    background-gradient-direction: vertical;
1901
1926
    color: black;
 
1927
    selected-color: white;
1902
1928
    border-radius: 5px;
1903
1929
    border: 2px solid #555753;
1904
1930
}
1905
1931
 
1906
 
.polkit-dialog-password-entry:focus {
 
1932
.prompt-dialog-password-entry:focus {
1907
1933
    border: 2px solid #3465a4;
1908
1934
}
1909
1935
 
1910
 
.polkit-dialog-password-entry .capslock-warning {
 
1936
.prompt-dialog-password-entry .capslock-warning {
1911
1937
    icon-size: 16px;
1912
1938
    warning-color: #999;
1913
1939
    padding: 0 4px;
1914
1940
}
1915
1941
 
1916
 
.polkit-dialog-error-label {
 
1942
.prompt-dialog-error-label {
1917
1943
    font-size: 10pt;
1918
1944
    color: #ffff00;
1919
1945
    padding-bottom: 8px;
1920
1946
}
1921
1947
 
1922
 
.polkit-dialog-info-label {
 
1948
.prompt-dialog-info-label {
1923
1949
    font-size: 10pt;
1924
1950
    padding-bottom: 8px;
1925
1951
}
1926
1952
 
1927
1953
/* intentionally left transparent to avoid dialog changing size */
1928
 
.polkit-dialog-null-label {
 
1954
.prompt-dialog-null-label {
1929
1955
    font-size: 10pt;
1930
1956
    color: rgba(0,0,0,0);
1931
1957
    padding-bottom: 8px;
1932
1958
}
1933
1959
 
 
1960
/* Polkit Dialog */
 
1961
 
 
1962
.polkit-dialog-user-layout {
 
1963
    padding-left: 10px;
 
1964
    spacing: 10px;
 
1965
}
 
1966
 
 
1967
.polkit-dialog-user-layout:rtl {
 
1968
    padding-left: 0px;
 
1969
    padding-right: 10px;
 
1970
}
 
1971
 
 
1972
.polkit-dialog-user-root-label {
 
1973
    color: #ff0000;
 
1974
}
 
1975
 
 
1976
/* Network Agent Dialog */
 
1977
 
1934
1978
.network-dialog-secret-table {
1935
1979
    spacing-rows: 15px;
1936
1980
}
1937
1981
 
 
1982
.keyring-dialog-control-table {
 
1983
    spacing-rows: 15px;
 
1984
}
 
1985
 
1938
1986
/* Magnifier */
1939
1987
 
1940
1988
.magnifier-zoom-region {