summaryrefslogtreecommitdiffstats
path: root/application/basilisk/themes/osx/aboutSyncTabs.css
blob: 18e21546602b89195dc569ea602328abdf21f446 (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
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

#tabs-display,
#tabsList {
  background-color: transparent;
  -moz-appearance: none;
  margin: 0;
}

#tabsList {
  width: 100%;
}

#tabs-display {
  background: #fff url(chrome://browser/skin/sync-bg.png) repeat-x center -80px;
}

#headers {
  background: url(chrome://browser/skin/sync-32.png) no-repeat;
  margin-top: 4px;
  width: 45em;
  height: 32px;
  margin-inline-start: 2em;
  margin-inline-end: 2em;
}

#headers:-moz-locale-dir(rtl) {
  background-position-x: 100%;
}

#tabsListHeading {
  font-size: 140%;
  font-weight: bold;
  margin-inline-start: 40px;
}

richlistitem {
  margin-inline-end: 2em;
}

richlistitem[selected="true"],
richlistitem:focus {
  outline-style: none;
}

richlistitem[type="tab"] {
  min-height: 3em;
  border: #999999 1px solid !important;
  padding: 2px 5px;
  margin-bottom: 4px;
  margin-inline-start: 4em;
  border-radius: 6px;
  background-color: menu;
  width: 44em;
  opacity: 0.9;
  box-shadow:
    inset rgba(255, 255, 255, 0.5) 0 1px 0px,
    inset rgba(0, 0, 0, 0.1) 0 -2px 0px,
    rgba(0, 0, 0, 0.1) 0px 1px 0px;
}

richlistitem[type="tab"][selected="true"] {
  background-color: -moz-MenuHover;
}

richlistitem[type="client"] {
  min-height: 2em;
  color: #000000;
  margin-inline-start: 2em;
  margin-top: 2px;
  margin-bottom: 3px;
  width: 42em;
  border-radius: 6px;
  background-color: transparent;
  -moz-user-focus: ignore !important;
}
richlistitem.mobile[type="client"] {
  list-style-image: url("chrome://browser/skin/sync-mobileIcon.svg#icon");
}
richlistitem.desktop[type="client"] {
  list-style-image: url("chrome://browser/skin/sync-desktopIcon.svg#icon");
}

.title,
.clientName {
  color: #000000;
  font-size: 1.1em;
}

.title[selected="true"],
.url[selected="true"] {
  color: inherit;
}

.url {
  color: -moz-nativehyperlinktext;
  font-size: 0.95em;
}

.tabIcon {
  padding-inline-start: 2px;
  padding-top: 2px;
}