summaryrefslogtreecommitdiffstats
path: root/browser/extensions/pocket/skin/shared/pocket.css
blob: ec46e18905008c096a44bc571e56a939884263f2 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
/* Bug 1164419 - increase Pocket panel size to accomidate wider Russian text. */
panelmultiview[mainViewId=PanelUI-pocketView] > .panel-viewcontainer > .panel-viewstack > .panel-mainview:not([panelid="PanelUI-popup"]) {
  max-width: 33em; /* standaloneSubviewWidth + 3 */
}

.cui-widget-panel[viewId="PanelUI-pocketView"] > .panel-arrowcontainer > .panel-arrowcontent {
  padding-top: 0;
  padding-bottom: 0;
}

#PanelUI-pocketView > .panel-subview-body,
#PanelUI-pocketView {
  overflow: visible;
}

#pocket-button {
  list-style-image: url("chrome://pocket/skin/Toolbar.png");
  -moz-image-region: rect(0, 18px, 18px, 0);
}

toolbar[brighttext] #pocket-button {
  list-style-image: url(chrome://pocket/skin/Toolbar-inverted.png);
}

@media not all and (min-resolution: 1.1dppx) {
  #pocket-button[cui-areatype="menu-panel"],
  toolbarpaletteitem[place="palette"] > #pocket-button {
    list-style-image: url(chrome://pocket/skin/menuPanel.png);
    -moz-image-region: rect(0, 32px, 32px, 0);
  }

  #pocket-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
    -moz-image-region: rect(32px, 32px, 64px, 0);
  }
}

@media (min-resolution: 1.1dppx) {
  #pocket-button[cui-areatype="menu-panel"],
  toolbarpaletteitem[place="palette"] > #pocket-button {
    list-style-image: url(chrome://pocket/skin/menuPanel@2x.png);
    -moz-image-region: rect(0px, 64px, 64px, 0);
  }

  #pocket-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
    -moz-image-region: rect(64px, 64px, 128px, 0);
  }
}

#pocket-button[cui-areatype="toolbar"] {
  -moz-image-region: rect(0, 18px, 18px, 0);
}

#pocket-button[cui-areatype="toolbar"][open] {
  -moz-image-region: rect(18px, 18px, 36px, 0);
}

@media (min-resolution: 1.1dppx) {
  #pocket-button {
    list-style-image: url("chrome://pocket/skin/Toolbar@2x.png");
  }

  toolbar[brighttext] #pocket-button {
    list-style-image: url("chrome://pocket/skin/Toolbar-inverted@2x.png");
  }

  #pocket-button[cui-areatype="toolbar"] {
    -moz-image-region: rect(0, 36px, 36px, 0px);
  }

  #pocket-button[cui-areatype="toolbar"][open] {
    -moz-image-region: rect(36px, 36px, 72px, 0px);
  }
}

#panelMenu_pocket,
#menu_pocket,
#BMB_pocket {
  list-style-image: url("chrome://pocket/content/panels/img/pocketmenuitem16.png");
}