← Back to branch summary

~ubuntu-branches/ubuntu/trusty/gnome-shell/trusty-proposed

« back to all changes in this revision

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

  • Committer: Package Import Robot
  • Author(s): Jeremy Bicha
  • Date: 2012-03-14 13:47:20 UTC
  • mfrom: (1.1.36) (18.1.8 sid)
  • Revision ID: package-import@ubuntu.com-20120314134720-202sbjbu4a3z1fru
Tags: 3.3.90-0ubuntu1
https://launchpad.net/bugs/941755
https://launchpad.net/bugs/937709
* Sync with Debian experimental svn packaging (LP: #941755, #937709).
  Remaining changes:
  - debian/gnome-shell.gsettings-override: Update for Ubuntu defaults
  - debian/control.in: Recommend cups-pk-helper
  - debian/patches/10-make-NetworkManager-optional.patch: Disabled
  - Don't run dh-autoreconf

Show diffs side-by-side

added added

removed removed

Lines of Context:
data/theme/gnome-shell.css
36
36
 
37
37
StScrollBar
38
38
{
39
 
  padding: 0px;
 
39
    padding: 0px;
40
40
}
41
41
 
42
42
StScrollView.vfade
43
43
{
44
 
  -st-vfade-offset: 68px;
 
44
    -st-vfade-offset: 68px;
45
45
}
46
46
 
47
47
StScrollView StScrollBar
48
48
{
49
 
  min-width: 16px;
50
 
  min-height: 16px;
 
49
    min-width: 16px;
 
50
    min-height: 16px;
51
51
}
52
52
 
53
53
 
79
79
    background-color: #292929;
80
80
}
81
81
 
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;
 
82
.check-box ShellGenericContainer {
 
83
    spacing: .8em;
 
84
}
 
85
 
 
86
.check-box StBin {
 
87
    width: 24px;
 
88
    height: 22px;
 
89
    background-image: url("checkbox-off.svg");
 
90
}
 
91
 
 
92
.check-box:focus StBin {
 
93
    background-image: url("checkbox-off-focused.svg");
 
94
}
 
95
 
 
96
.check-box:checked StBin {
 
97
    background-image: url("checkbox.svg");
 
98
}
 
99
 
 
100
.check-box:focus:checked StBin {
 
101
    background-image: url("checkbox-focused.svg");
91
102
}
92
103
 
93
104
/* PopupMenu */
224
235
 
225
236
.toggle-switch-us {
226
237
    background-image: url("toggle-off-us.svg");
 
238
    background-size: contain;
227
239
}
228
240
.toggle-switch-us:checked {
229
241
    background-image: url("toggle-on-us.svg");
 
242
    background-size: contain;
230
243
}
231
244
 
232
245
.toggle-switch-intl {
233
246
    background-image: url("toggle-off-intl.svg");
 
247
    background-size: contain;
234
248
}
235
249
.toggle-switch-intl:checked {
236
250
    background-image: url("toggle-on-intl.svg");
 
251
    background-size: contain;
237
252
}
238
253
 
239
254
.nm-menu-item-icons {
278
293
#panel {
279
294
    color: #ffffff;
280
295
    background-color: black;
281
 
    border-image: url("panel-border.svg") 1;
282
296
    font-size: 10.5pt;
283
297
    font-weight: bold;
284
298
    height: 1.86em;
307
321
.panel-corner {
308
322
    -panel-corner-radius: 10px;
309
323
    -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;
 
324
    -panel-corner-border-width: 2px;
 
325
    -panel-corner-border-color: transparent;
314
326
}
315
327
 
316
328
.panel-corner:active,
317
329
.panel-corner:overview,
318
330
.panel-corner:focus {
319
 
    -panel-corner-inner-border-color: rgba(255,255,255,0.8);
 
331
    -panel-corner-border-color: rgba(255,255,255,0.8);
320
332
}
321
333
 
322
334
#appMenu {
467
479
}
468
480
 
469
481
.window-caption {
470
 
    background: rgba(0,0,0,0.8);
471
 
    border: 1px solid rgba(128,128,128,0.40);
472
 
    border-radius: 10px;
 
482
    background: rgba(0,0,0,0.5);
 
483
    border-radius: 8px;
473
484
    font-size: 9pt;
474
 
    padding: 2px 8px;
475
 
    -shell-caption-spacing: 4px;
 
485
    font-weight: bold;
 
486
    padding: 4px 12px;
 
487
    -shell-caption-spacing: 12px;
476
488
}
477
489
 
478
490
.window-close {
479
491
    background-image: url("close-window.svg");
 
492
    background-size: 34px;
480
493
    height: 34px;
481
494
    width: 34px;
482
495
    -shell-close-overlap: 20px;
509
522
    width: 60px;
510
523
}
511
524
 
512
 
.dash-placeholder {
 
525
.placeholder {
513
526
    background-image: url("dash-placeholder.svg");
 
527
    background-size: contain;
 
528
    height: 24px;
514
529
}
515
530
 
516
531
#viewSelector {
644
659
    font-size: 11pt;
645
660
}
646
661
 
 
662
.dash-label {
 
663
    border-radius: 7px;
 
664
    padding: 4px 12px;
 
665
    background-color: rgba(0,0,0,0.5);
 
666
    color: #ffffff;
 
667
    font-size: 0.9em;
 
668
    font-weight: bold;
 
669
    text-align: center;
 
670
    -x-offset: 8px;
 
671
}
 
672
 
647
673
/* Apps */
648
674
 
649
675
.icon-grid {
650
676
    spacing: 36px;
651
 
    -shell-grid-item-size: 118px;
 
677
    -shell-grid-horizontal-item-size: 118px;
 
678
    -shell-grid-vertical-item-size: 118px;
652
679
}
653
680
 
654
681
.contact-grid {
655
682
    spacing: 36px;
656
 
    -shell-grid-item-size: 272px; /* 2 * -shell-grid-item-size + spacing */
 
683
    -shell-grid-horizontal-item-size: 272px; /* 2 * -shell-grid-horizontal-item-size + spacing */
 
684
    -shell-grid-vertical-item-size: 118px;
657
685
}
658
686
 
659
687
.icon-grid .overview-icon {
716
744
    border-radius: 4px;
717
745
    padding: 3px;
718
746
    border: 1px rgba(0,0,0,0);
719
 
    font-size: 7.5pt;
 
747
    font-size: 8pt;
 
748
    font-weight: bold;
720
749
    color: white;
721
750
    transition-duration: 100;
722
751
    text-align: center;
732
761
}
733
762
 
734
763
.contact-content {
735
 
    border-radius: 2px;
 
764
    border-radius: 7px;
736
765
    padding: 8px;
737
766
    width: 232px;
738
767
    height: 84px;
739
 
    background-color: white;
740
 
    color: black;
741
 
    text-align: center;
 
768
    background-color: rgba(0.0, 0.0, 0.0, 0.5);
 
769
    color: white;
742
770
}
743
771
 
744
772
.contact-icon {
745
 
  border-radius: 4px;
 
773
    border-radius: 4px;
746
774
}
747
775
 
748
776
.contact-details {
749
 
  padding: 6px 8px 11px 8px;
 
777
    padding: 0px 6px 22px 10px;
750
778
}
751
779
 
752
780
.contact-details-alias {
753
 
  font-size: 16px;
754
 
  padding-bottom: 11px;
 
781
    font-size: 18px;
 
782
    padding-bottom: 8px;
755
783
}
756
784
 
757
785
.contact-details-status {
758
 
  font-size: 11pt;
 
786
    font-size: 10pt;
759
787
}
760
788
 
761
789
.contact-details-status-icon {
762
 
  padding-right: 2px;
 
790
    padding-right: 4px;
763
791
}
764
792
 
765
793
.contact:hover {
770
798
.app-well-app.running > .overview-icon {
771
799
    text-shadow: black 0px 2px 2px;
772
800
    background-image: url("running-indicator.svg");
 
801
    background-size: contain;
773
802
}
774
803
 
775
804
.contact:selected,
800
829
 
801
830
#LookingGlassDialog
802
831
{
803
 
  background-color: rgba(0,0,0,0.85);
804
 
  spacing: 4px;
805
 
  padding: 4px;
806
 
  border: 2px solid grey;
807
 
  border-radius: 4px;
 
832
    background-color: rgba(0,0,0,0.80);
 
833
    spacing: 4px;
 
834
    padding: 4px;
 
835
    border: 2px solid grey;
 
836
    border-radius: 4px;
808
837
 
809
 
  color: #88ff66;
 
838
    color: #ffffff;
810
839
}
811
840
 
812
841
#LookingGlassDialog > #Toolbar
813
842
{
814
 
  border: 1px solid grey;
815
 
  border-radius: 4px;
 
843
    border: 1px solid grey;
 
844
    border-radius: 4px;
816
845
}
817
846
 
818
847
#LookingGlassDialog .labels {
819
 
  spacing: 4px;
 
848
    spacing: 4px;
820
849
}
821
850
 
822
851
#LookingGlassDialog .notebook-tab {
823
 
  padding: 2px;
 
852
    -natural-hpadding: 12px;
 
853
    -minimum-hpadding: 6px;
 
854
    font-weight: bold;
 
855
    color: #ccc;
 
856
    transition-duration: 100;
 
857
    padding-left: .3em;
 
858
    padding-right: .3em;
824
859
}
825
860
 
826
861
#LookingGlassDialog .notebook-tab:hover {
827
 
  color: #00ff00;
 
862
    color: white;
 
863
    text-shadow: black 0px 2px 2px;
828
864
}
829
865
 
830
866
#LookingGlassDialog .notebook-tab:selected {
831
 
  border: 1px solid #88ff66;
832
 
  border-radius: 4px;
833
 
  padding: 5px;
 
867
    border-image: url("panel-button-border.svg") 10 10 0 2;
 
868
    background-image: url("panel-button-highlight-wide.svg");
 
869
    color: white;
 
870
    text-shadow: black 0px 2px 2px;
834
871
}
835
872
 
836
873
#LookingGlassDialog .lg-inspector-title {
840
877
 
841
878
.lg-dialog StLabel
842
879
{
843
 
  color: #88ff66;
 
880
    color: #ffffff;
844
881
}
845
882
 
846
883
.lg-dialog StEntry
847
884
{
848
 
  color: #88ff66;
849
 
  selection-background-color: #88ff66;
850
 
  selected-color: black;
 
885
    color: #ffffff;
 
886
    selection-background-color: #bbbbbb;
 
887
    selected-color: #333333;
 
888
}
 
889
 
 
890
.lg-completions-text
 
891
{
 
892
    font-size: .9em;
 
893
    font-style: italic;
851
894
}
852
895
 
853
896
.lg-obj-inspector-title
854
897
{
855
 
  spacing: 4px;
 
898
    spacing: 4px;
856
899
}
857
900
 
858
901
.lg-obj-inspector-button
859
902
{
860
 
  border: 1px solid #88ff66;
861
 
  padding: 4px;
862
 
  border-radius: 4px;
 
903
    border: 1px solid gray;
 
904
    padding: 4px;
 
905
    border-radius: 4px;
863
906
}
864
907
 
865
908
.lg-obj-inspector-button:hover
866
909
{
867
 
  border: 1px solid #00ff00;
 
910
    border: 1px solid #ffffff;
868
911
}
869
912
 
870
913
.lg-dialog .shell-link
871
914
{
872
 
  color: #88ff66;
 
915
    color: #999999;
873
916
}
874
917
 
875
918
.lg-dialog .shell-link:hover
876
919
{
877
 
  color: #00ff00;
 
920
    color: #dddddd;
878
921
}
879
922
 
880
923
#LookingGlassDialog StBoxLayout#EvalBox
881
924
{
882
 
  padding: 4px;
883
 
  spacing: 4px;
 
925
    padding: 4px;
 
926
    spacing: 4px;
884
927
}
885
928
 
886
929
#LookingGlassDialog StBoxLayout#ResultsArea
887
930
{
888
 
  spacing: 4px;
 
931
    spacing: 4px;
889
932
}
890
933
 
891
934
#lookingGlassExtensions {
912
955
}
913
956
 
914
957
#LookingGlassPropertyInspector {
915
 
    background: rgba(0, 0, 0, 0.9);
 
958
    background: rgba(0, 0, 0, 0.8);
916
959
    border: 2px solid grey;
917
960
    border-radius: 4px;
918
961
    padding: 6px;
919
 
    color: #88ff66;
 
962
    color: #ffffff;
920
963
}
921
964
 
922
965
/* Calendar popup */
1209
1252
 
1210
1253
#notification-scrollview {
1211
1254
    max-height: 10em;
 
1255
    -st-vfade-offset: 24px;
1212
1256
}
1213
1257
 
1214
1258
#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow {
1251
1295
}
1252
1296
 
1253
1297
.notification-icon-button > StIcon {
1254
 
    icon-size: 36px;
 
1298
    icon-size: 16px;
 
1299
    padding: 8px;
1255
1300
}
1256
1301
 
1257
1302
.hotplug-transient-box {
1321
1366
    padding: 8px 0;
1322
1367
}
1323
1368
 
1324
 
.chat-sent {
 
1369
.chat-received {
1325
1370
    padding-left: 4px;
1326
 
    border-radius: 4px;
1327
1371
}
1328
1372
 
1329
1373
.chat-received:rtl {
1333
1377
 
1334
1378
.chat-sent {
1335
1379
    padding-left: 18pt;
1336
 
    border-radius: 4px;
1337
 
    color: #7E7E7E;
 
1380
    color: #959595;
1338
1381
}
1339
1382
 
1340
1383
.chat-sent:rtl {
1344
1387
 
1345
1388
.chat-meta-message {
1346
1389
    padding-left: 4px;
1347
 
    border-radius: 4px;
1348
1390
    font-size: 9pt;
1349
1391
    color: #bbbbbb;
1350
1392
}
1418
1460
 
1419
1461
.summary-source-button:selected .summary-source {
1420
1462
    background-image: url("panel-button-highlight-narrow.svg");
 
1463
    background-size: contain;
1421
1464
    border-image: url("source-button-border.svg") 10 10 0 1;
1422
1465
}
1423
1466
 
1428
1471
 
1429
1472
.summary-source-button:expanded:selected {
1430
1473
    background-image: url("panel-button-highlight-wide.svg");
 
1474
    background-size: contain;
1431
1475
    border-image: url("source-button-border.svg") 10 10 0 1;
1432
1476
}
1433
1477
 
1541
1585
    width: 52px;
1542
1586
    height: 52px;
1543
1587
    background-image: url("corner-ripple-ltr.png");
 
1588
    background-size: contain;
1544
1589
}
1545
1590
 
1546
1591
.ripple-box:rtl {
1674
1719
    background-color: rgba(0, 0, 0, 0.4);
1675
1720
}
1676
1721
 
 
1722
.flashspot {
 
1723
    background-color: white;
 
1724
}
 
1725
 
1677
1726
/* End Session Dialog */
1678
1727
.end-session-dialog {
1679
1728
    spacing: 42px;
1786
1835
    padding-bottom: 6px;
1787
1836
}
1788
1837
 
 
1838
.mount-question-dialog-subject {
 
1839
    max-width: 500px;
 
1840
}
 
1841
 
1789
1842
.show-processes-dialog-subject:rtl,
1790
1843
.mount-question-dialog-subject:rtl {
1791
1844
    padding-left: 0px;
1846
1899
    font-size: 10pt;
1847
1900
}
1848
1901
 
1849
 
/* PolicyKit Authentication Dialog */
1850
 
.polkit-dialog {
 
1902
/* Password or Authentication Dialog */
 
1903
.prompt-dialog {
1851
1904
    /* this is the width of the entire modal popup */
1852
1905
    width: 500px;
1853
1906
}
1854
1907
 
1855
 
.polkit-dialog-main-layout {
 
1908
.prompt-dialog-main-layout {
1856
1909
    spacing: 24px;
1857
1910
    padding: 10px;
1858
1911
}
1859
1912
 
1860
 
.polkit-dialog-message-layout {
 
1913
.prompt-dialog-message-layout {
1861
1914
    spacing: 16px;
1862
1915
}
1863
1916
 
1864
 
.polkit-dialog-headline {
 
1917
.prompt-dialog-headline {
1865
1918
    font-size: 12pt;
1866
1919
    font-weight: bold;
1867
1920
    color: #666666;
1868
1921
}
1869
1922
 
1870
 
.polkit-dialog-description {
 
1923
.prompt-dialog-description {
1871
1924
    font-size: 10pt;
1872
1925
    color: white;
1873
1926
}
1874
1927
 
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 {
 
1928
.prompt-dialog-password-label:ltr {
1890
1929
    padding-right: 0.5em;
1891
1930
}
1892
1931
 
1893
 
.polkit-dialog-password-label:rtl {
 
1932
.prompt-dialog-password-label:rtl {
1894
1933
    padding-left: 0.5em;
1895
1934
}
1896
1935
 
1897
 
.polkit-dialog-password-entry {
 
1936
.prompt-dialog-password-entry {
1898
1937
    background-gradient-start: rgb(236,236,236);
1899
1938
    background-gradient-end: white;
1900
1939
    background-gradient-direction: vertical;
1901
1940
    color: black;
 
1941
    selected-color: white;
1902
1942
    border-radius: 5px;
1903
1943
    border: 2px solid #555753;
1904
1944
}
1905
1945
 
1906
 
.polkit-dialog-password-entry:focus {
 
1946
.prompt-dialog-password-entry:focus {
1907
1947
    border: 2px solid #3465a4;
1908
1948
}
1909
1949
 
1910
 
.polkit-dialog-password-entry .capslock-warning {
 
1950
.prompt-dialog-password-entry .capslock-warning {
1911
1951
    icon-size: 16px;
1912
1952
    warning-color: #999;
1913
1953
    padding: 0 4px;
1914
1954
}
1915
1955
 
1916
 
.polkit-dialog-error-label {
 
1956
.prompt-dialog-error-label {
1917
1957
    font-size: 10pt;
1918
1958
    color: #ffff00;
1919
1959
    padding-bottom: 8px;
1920
1960
}
1921
1961
 
1922
 
.polkit-dialog-info-label {
 
1962
.prompt-dialog-info-label {
1923
1963
    font-size: 10pt;
1924
1964
    padding-bottom: 8px;
1925
1965
}
1926
1966
 
1927
1967
/* intentionally left transparent to avoid dialog changing size */
1928
 
.polkit-dialog-null-label {
 
1968
.prompt-dialog-null-label {
1929
1969
    font-size: 10pt;
1930
1970
    color: rgba(0,0,0,0);
1931
1971
    padding-bottom: 8px;
1932
1972
}
1933
1973
 
 
1974
/* Polkit Dialog */
 
1975
 
 
1976
.polkit-dialog-user-layout {
 
1977
    padding-left: 10px;
 
1978
    spacing: 10px;
 
1979
}
 
1980
 
 
1981
.polkit-dialog-user-layout:rtl {
 
1982
    padding-left: 0px;
 
1983
    padding-right: 10px;
 
1984
}
 
1985
 
 
1986
.polkit-dialog-user-root-label {
 
1987
    color: #ff0000;
 
1988
}
 
1989
 
 
1990
/* Network Agent Dialog */
 
1991
 
1934
1992
.network-dialog-secret-table {
1935
1993
    spacing-rows: 15px;
1936
1994
}