[tbb-commits] [torbutton/master] fixup! Bug 40013: End of year 2020 Fundraising campaign

[sysrqb at torproject.org]

commit 983c073b337eac1bbdcaac7134811f93a5d97daa
Author: Alex Catarineu <acat at torproject.org>
Date:   Fri Oct 30 12:53:08 2020 +0100

    fixup! Bug 40013: End of year 2020 Fundraising campaign
---
 chrome/content/aboutTor/aboutTor.xhtml |  1 +
 chrome/skin/aboutTor.css               | 31 +++++++++++++++++++++++++++++--
 2 files changed, 30 insertions(+), 2 deletions(-)

diff --git a/chrome/content/aboutTor/aboutTor.xhtml b/chrome/content/aboutTor/aboutTor.xhtml
index 3a242a36..25267fc3 100644
--- a/chrome/content/aboutTor/aboutTor.xhtml
+++ b/chrome/content/aboutTor/aboutTor.xhtml
@@ -49,6 +49,7 @@
           </div>
           <div id="eoy2020_1">
             <p id="eoy2020_resist">&aboutTor.ey2020.resistsurveillance;</p>
+            <p id="eoy2020_match"><a href="https://blog.torproject.org/friends-of-tor-match-2020">&aboutTor.ey2020.donationmatch;</a></p>
           </div>
           <div id="eoy2020_3">
             <a id="eoy2020_donate" href="https://www.torproject.org/donate/donate-usetor-default">&aboutTor.donationBanner.buttonA;</a>
diff --git a/chrome/skin/aboutTor.css b/chrome/skin/aboutTor.css
index 223a5c73..e6f5c4ee 100644
--- a/chrome/skin/aboutTor.css
+++ b/chrome/skin/aboutTor.css
@@ -362,6 +362,11 @@ body[eoy2020] .torcontent-logo {
   display: none!important;
 }
 
+#eoy2020_1 {
+  width: 70%;
+  background: #000;
+}
+
 #eoy2020_3 {
   padding-top: 10px;
   padding-bottom: 30px;
@@ -376,14 +381,36 @@ body[eoy2020] .torcontent-logo {
   text-align: left;
   color: white;
   font-family: "TerminalGrotesque", monospace;
-  font-size: 25px;
-  width: 70%;
+  font-size: 27px;
+  padding: 9px 0;
 }
 
 #eoy2020_resist:dir(rtl) {
   text-align: right;
 }
 
+#eoy2020_match {
+  font-size: 16px;
+  padding: 0 0 20px 0;
+  font-family: "Courier New", monospace;
+  font-weight: bold;
+  text-align: left;
+}
+
+#eoy2020_match a {
+  color: #9D4AE8;
+  text-decoration: unset;
+}
+
+#eoy2020_match a:hover {
+  color: #4DFB00;
+  text-decoration: unset;
+}
+
+#eoy2020_match:dir(rtl) {
+  text-align: right;
+}
+
 #eoy2020_useamask {
   line-height: 53px;
   text-align: left;