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