Commits:
-
f3f6359d
by Henry Wilkes at 2025-02-05T14:21:28+00:00
fixup! TB 2176: Rebrand Firefox to TorBrowser
TB 43466: Drop unnecessary changes to the aboutDialog.css stylesheet.
Common branding rules common to tor browser releases were moved to the
existing aboutDialogTor.css.
Duplicate rules that were already in
browser/base/content/aboutDialog.css were dropped.
Rules that only made a minor difference were dropped:
1. We now centre-align the logo, instead of right-aligning (which did
not seem to work as intended in right-to-left locales).
2. We keep the logo at the default 192px size, rather than 180px, which
is a 0.75 scaling of the original 256px PNG.
3. We use the default size between the wordmark and "Extended Support
Release", which increases the gap by 6px.
4 changed files:
Changes:
browser/base/content/aboutDialogTor.css
|
|
1
|
+#aboutDialogContainer {
|
|
|
2
|
+ background-color: #20123a;
|
|
|
3
|
+ color: #fff;
|
|
|
4
|
+ color-scheme: dark;
|
|
|
5
|
+}
|
|
|
6
|
+
|
|
1
|
7
|
#leftBox {
|
|
2
|
8
|
background-image: url('chrome://branding/content/icon256.png');
|
|
3
|
|
- background-position: right top;
|
|
4
|
|
- background-size: 180px;
|
|
|
9
|
+ background-position-y: 0;
|
|
5
|
10
|
}
|
|
6
|
11
|
|
|
7
|
12
|
#rightBox {
|
|
8
|
13
|
background-size: auto;
|
|
9
|
|
- padding-top: 32px;
|
|
10
|
|
-}
|
|
11
|
|
-
|
|
12
|
|
-#contributeDesc {
|
|
13
|
|
- display: none;
|
|
|
14
|
+ margin-inline: 30px;
|
|
14
|
15
|
}
|
|
15
|
16
|
|
|
16
|
|
-#communityDesc {
|
|
17
|
|
- display: none;
|
|
|
17
|
+#bottomBox {
|
|
|
18
|
+ background-color: hsla(235, 43%, 10%, .5);
|
|
|
19
|
+ padding: 15px 10px 15px;
|
|
18
|
20
|
}
|
|
19
|
21
|
|
|
20
|
22
|
#trademark {
|
| ... |
... |
@@ -24,6 +26,14 @@ |
|
24
|
26
|
margin-block: 10px;
|
|
25
|
27
|
}
|
|
26
|
28
|
|
|
|
29
|
+#contributeDesc {
|
|
|
30
|
+ display: none;
|
|
|
31
|
+}
|
|
|
32
|
+
|
|
|
33
|
+#communityDesc {
|
|
|
34
|
+ display: none;
|
|
|
35
|
+}
|
|
|
36
|
+
|
|
27
|
37
|
#bottomBox > hbox:not(#newBottom) {
|
|
28
|
38
|
display: none;
|
|
29
|
39
|
} |
browser/branding/tb-alpha/content/aboutDialog.css
| ... |
... |
@@ -2,47 +2,6 @@ |
|
2
|
2
|
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
3
|
3
|
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
|
|
4
|
4
|
|
|
5
|
|
-#aboutDialogContainer {
|
|
6
|
|
- background-color: #20123a;
|
|
7
|
|
- color: #fff;
|
|
8
|
|
-}
|
|
9
|
|
-
|
|
10
|
|
-#clientBox {
|
|
11
|
|
- padding: 10px 0 15px;
|
|
12
|
|
-}
|
|
13
|
|
-
|
|
14
|
|
-#leftBox {
|
|
15
|
|
- background-image: url("chrome://branding/content/about-logo.png");
|
|
16
|
|
- background-repeat: no-repeat;
|
|
17
|
|
- background-size: 192px auto;
|
|
18
|
|
- background-position: center 20%;
|
|
19
|
|
- /* min-width and min-height create room for the logo */
|
|
20
|
|
- min-width: 210px;
|
|
21
|
|
- min-height: 210px;
|
|
22
|
|
- margin-top: 20px;
|
|
23
|
|
- margin-inline-start: 30px;
|
|
24
|
|
-}
|
|
25
|
|
-
|
|
26
|
|
-@media (min-resolution: 2dppx) {
|
|
27
|
|
- #leftBox {
|
|
28
|
|
- background-image: url("chrome://branding/content/about-logo@xxxxxx");
|
|
29
|
|
- }
|
|
30
|
|
-}
|
|
31
|
|
-
|
|
32
|
|
-.text-link {
|
|
33
|
|
- color: #fff !important;
|
|
34
|
|
- text-decoration: underline;
|
|
35
|
|
-}
|
|
36
|
|
-
|
|
37
|
|
-.text-link:-moz-focusring {
|
|
38
|
|
- border-color: #fff;
|
|
39
|
|
-}
|
|
40
|
|
-
|
|
41
|
|
-#rightBox {
|
|
42
|
|
- margin-inline: 30px;
|
|
43
|
|
- padding-top: 64px;
|
|
44
|
|
-}
|
|
45
|
|
-
|
|
46
|
5
|
#rightBox:-moz-locale-dir(rtl) {
|
|
47
|
6
|
/* tor-browser#42319: re-align the background image after we added some
|
|
48
|
7
|
padding to make all the channel use the same size for the wordmark.
|
| ... |
... |
@@ -50,8 +9,3 @@ |
|
50
|
9
|
(tor-browser#29745) */
|
|
51
|
10
|
background-position: right -34px top 0;
|
|
52
|
11
|
} |
|
53
|
|
-
|
|
54
|
|
-#bottomBox {
|
|
55
|
|
- background-color: hsla(235, 43%, 10%, .5);
|
|
56
|
|
- padding: 15px 10px 15px;
|
|
57
|
|
-} |
browser/branding/tb-nightly/content/aboutDialog.css
|
1
|
1
|
/* This Source Code Form is subject to the terms of the Mozilla Public
|
|
2
|
2
|
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
3
|
3
|
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */ |
|
4
|
|
-
|
|
5
|
|
-#aboutDialogContainer {
|
|
6
|
|
- background-color: #20123a;
|
|
7
|
|
- color: #fff;
|
|
8
|
|
- color-scheme: dark;
|
|
9
|
|
-}
|
|
10
|
|
-
|
|
11
|
|
-#clientBox {
|
|
12
|
|
- padding: 10px 0 15px;
|
|
13
|
|
-}
|
|
14
|
|
-
|
|
15
|
|
-#leftBox {
|
|
16
|
|
- background-image: url("chrome://branding/content/about-logo.png");
|
|
17
|
|
- background-repeat: no-repeat;
|
|
18
|
|
- background-size: 192px auto;
|
|
19
|
|
- background-position: center 20%;
|
|
20
|
|
- /* min-width and min-height create room for the logo */
|
|
21
|
|
- min-width: 210px;
|
|
22
|
|
- min-height: 210px;
|
|
23
|
|
- margin-top: 20px;
|
|
24
|
|
- margin-inline-start: 30px;
|
|
25
|
|
-}
|
|
26
|
|
-
|
|
27
|
|
-@media (min-resolution: 2dppx) {
|
|
28
|
|
- #leftBox {
|
|
29
|
|
- background-image: url("chrome://branding/content/about-logo@xxxxxx");
|
|
30
|
|
- }
|
|
31
|
|
-}
|
|
32
|
|
-
|
|
33
|
|
-.text-link {
|
|
34
|
|
- color: #fff !important;
|
|
35
|
|
- text-decoration: underline;
|
|
36
|
|
-}
|
|
37
|
|
-
|
|
38
|
|
-#rightBox {
|
|
39
|
|
- margin-inline: 30px;
|
|
40
|
|
- padding-top: 64px;
|
|
41
|
|
-}
|
|
42
|
|
-
|
|
43
|
|
-#bottomBox {
|
|
44
|
|
- background-color: hsla(235, 43%, 10%, .5);
|
|
45
|
|
- padding: 15px 10px 15px;
|
|
46
|
|
-} |
browser/branding/tb-release/content/aboutDialog.css
| ... |
... |
@@ -2,43 +2,6 @@ |
|
2
|
2
|
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
3
|
3
|
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
|
|
4
|
4
|
|
|
5
|
|
-#aboutDialogContainer {
|
|
6
|
|
- background-color: #20123a;
|
|
7
|
|
- color: #fff;
|
|
8
|
|
- color-scheme: dark;
|
|
9
|
|
-}
|
|
10
|
|
-
|
|
11
|
|
-#clientBox {
|
|
12
|
|
- padding: 10px 0 15px;
|
|
13
|
|
-}
|
|
14
|
|
-
|
|
15
|
|
-#leftBox {
|
|
16
|
|
- background-image: url("chrome://branding/content/about-logo.png");
|
|
17
|
|
- background-repeat: no-repeat;
|
|
18
|
|
- background-size: 192px auto;
|
|
19
|
|
- background-position: center 20%;
|
|
20
|
|
- /* min-width and min-height create room for the logo */
|
|
21
|
|
- min-width: 210px;
|
|
22
|
|
- min-height: 210px;
|
|
23
|
|
- margin-top: 20px;
|
|
24
|
|
- margin-inline-start: 30px;
|
|
25
|
|
-}
|
|
26
|
|
-
|
|
27
|
|
-@media (min-resolution: 2dppx) {
|
|
28
|
|
- #leftBox {
|
|
29
|
|
- background-image: url("chrome://branding/content/about-logo@xxxxxx");
|
|
30
|
|
- }
|
|
31
|
|
-}
|
|
32
|
|
-
|
|
33
|
|
-.text-link {
|
|
34
|
|
- color: #fff !important;
|
|
35
|
|
- text-decoration: underline;
|
|
36
|
|
-}
|
|
37
|
|
-
|
|
38
|
|
-#rightBox {
|
|
39
|
|
- margin-inline: 30px;
|
|
40
|
|
-}
|
|
41
|
|
-
|
|
42
|
5
|
#rightBox:-moz-locale-dir(rtl) {
|
|
43
|
6
|
/* tor-browser#42319: re-align the background image after we added some
|
|
44
|
7
|
padding to make all the channel use the same size for the wordmark.
|
| ... |
... |
@@ -46,15 +9,3 @@ |
|
46
|
9
|
(tor-browser#29745) */
|
|
47
|
10
|
background-position: right -164px top 0;
|
|
48
|
11
|
} |
|
49
|
|
-
|
|
50
|
|
-#bottomBox {
|
|
51
|
|
- background-color: hsla(235, 43%, 10%, .5);
|
|
52
|
|
- padding: 15px 10px 15px;
|
|
53
|
|
-}
|
|
54
|
|
-
|
|
55
|
|
-#trademark {
|
|
56
|
|
- font-size: xx-small;
|
|
57
|
|
- text-align: center;
|
|
58
|
|
- color: #999999;
|
|
59
|
|
- margin-block: 10px;
|
|
60
|
|
-} |
|