Commit | Line | Data |
---|---|---|
84c37d04 RK |
1 | #tabsList { |
2 | background: #000000; | |
3 | width: 100%; | |
4 | } | |
5 | ||
6 | #headers { | |
7 | background: url("chrome://communicator/skin/sync/sync-32.png") no-repeat; | |
8 | margin-top: 4px; | |
9 | width: 45em; | |
10 | height: 32px; | |
dae45075 RK |
11 | margin-inline-start: 2em; |
12 | margin-inline-end: 2em; | |
84c37d04 RK |
13 | } |
14 | ||
b9060895 RK |
15 | #headers:-moz-locale-dir(rtl) { |
16 | background-position-x: 100%; | |
17 | } | |
18 | ||
84c37d04 RK |
19 | #tabsListHeading { |
20 | font-size: 140%; | |
21 | font-weight: bold; | |
dae45075 | 22 | margin-inline-start: 40px; |
84c37d04 RK |
23 | } |
24 | ||
25 | richlistitem { | |
dae45075 | 26 | margin-inline-end: 2em; |
84c37d04 RK |
27 | } |
28 | ||
29 | richlistitem[selected="true"], | |
30 | richlistitem:focus { | |
31 | outline-style: none; | |
32 | } | |
33 | ||
34 | richlistitem[type="tab"] { | |
35 | min-height: 3em; | |
36 | border: #9C9CFF 1px solid !important; | |
37 | padding: 2px 5px; | |
38 | margin-bottom: 4px; | |
dae45075 | 39 | margin-inline-start: 4em; |
84c37d04 RK |
40 | border-radius: 6px; |
41 | background-color: #402800; | |
42 | width: 44em; | |
43 | opacity: 0.9; | |
44 | } | |
45 | ||
46 | richlistitem[type="tab"][selected="true"] { | |
47 | background-color: #008484; | |
48 | } | |
49 | ||
50 | richlistitem[type="client"] { | |
51 | min-height: 2em; | |
52 | color: #FF9F00; | |
dae45075 | 53 | margin-inline-start: 2em; |
84c37d04 RK |
54 | margin-top: 2px; |
55 | margin-bottom: 3px; | |
56 | width: 42em; | |
57 | border-radius: 6px; | |
58 | background-color: transparent; | |
59 | -moz-user-focus: ignore !important; | |
60 | } | |
61 | richlistitem.mobile[type="client"] { | |
9ff3770c | 62 | list-style-image: url("chrome://browser/skin/sync-mobileIcon.svg#icon"); |
84c37d04 RK |
63 | } |
64 | richlistitem.desktop[type="client"] { | |
9ff3770c | 65 | list-style-image: url("chrome://browser/skin/sync-desktopIcon.svg#icon"); |
84c37d04 RK |
66 | } |
67 | ||
68 | .title, | |
69 | .clientName { | |
70 | font-size: 1.1em; | |
71 | } | |
72 | ||
73 | .title[selected="true"], | |
74 | .url[selected="true"] { | |
75 | color: inherit; | |
76 | } | |
77 | ||
78 | .url { | |
dbd844cb | 79 | color: #3333FF; |
84c37d04 RK |
80 | font-size: 0.95em; |
81 | } | |
82 | ||
83 | .tabIcon { | |
dae45075 | 84 | padding-inline-start: 2px; |
84c37d04 RK |
85 | padding-top: 2px; |
86 | } |