Commit | Line | Data |
---|---|---|
087ed764 RK |
1 | /* User Context UI browser styles */ |
2 | ||
3 | #menu_newUserContextTabPersonal { | |
4 | list-style-image: url("chrome://browser/skin/usercontext/personal.svg"); | |
5 | } | |
6 | ||
7 | #menu_newUserContextTabWork { | |
8 | list-style-image: url("chrome://browser/skin/usercontext/work.svg"); | |
9 | } | |
10 | ||
11 | #menu_newUserContextTabBanking { | |
12 | list-style-image: url("chrome://browser/skin/usercontext/banking.svg"); | |
13 | } | |
14 | ||
15 | #menu_newUserContextTabShopping { | |
16 | list-style-image: url("chrome://browser/skin/usercontext/shopping.svg"); | |
17 | } | |
18 | ||
19 | /* URL Bar Decoration */ | |
20 | ||
21 | #userContext-indicator { | |
22 | height: 16px; | |
23 | width: 16px; | |
24 | } | |
25 | ||
26 | #userContext-label { | |
27 | margin-inline-end: 3px; | |
28 | color: #909090; | |
29 | } | |
30 | ||
31 | #userContext-icons:not([usercontextid]) { | |
32 | display: none; | |
33 | } | |
34 | ||
35 | #userContext-icons { | |
36 | -moz-box-align: center; | |
37 | } | |
38 | ||
39 | /* Personal User Context */ | |
40 | #userContext-icons[usercontextid="1"] > #userContext-label { | |
41 | color: #00a7e0; | |
42 | } | |
43 | #userContext-icons[usercontextid="1"] > #userContext-indicator { | |
44 | list-style-image: url("chrome://browser/skin/usercontext/personal.svg"); | |
45 | } | |
46 | ||
47 | /* Work User Context */ | |
48 | #userContext-icons[usercontextid="2"] > #userContext-label { | |
49 | color: #f89c24; | |
50 | } | |
51 | #userContext-icons[usercontextid="2"] > #userContext-indicator { | |
52 | list-style-image: url("chrome://browser/skin/usercontext/work.svg"); | |
53 | } | |
54 | ||
55 | /* Banking User Context */ | |
56 | #userContext-icons[usercontextid="3"] > #userContext-label { | |
57 | color: #7dc14c; | |
58 | } | |
59 | #userContext-icons[usercontextid="3"] > #userContext-indicator { | |
60 | list-style-image: url("chrome://browser/skin/usercontext/banking.svg"); | |
61 | } | |
62 | ||
63 | /* Shopping User Context */ | |
64 | #userContext-icons[usercontextid="4"] > #userContext-label { | |
65 | color: #ee5195; | |
66 | } | |
67 | #userContext-icons[usercontextid="4"] > #userContext-indicator { | |
68 | list-style-image: url("chrome://browser/skin/usercontext/shopping.svg"); | |
69 | } |