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