Fix up styling on outdated page

MelissaAutumn · MelissaAutumn · commit 4b075c03b024 · 2023-11-24T10:42:45.000-08:00
diff --git a/start-page/_base-resp.html b/start-page/_base-resp.html
@@ -10,6 +10,7 @@
     <title>{% filter striptags|e %}{% block title %}{% endblock %}{% endfilter %}</title>
     {{ l10n_css() }}
     <link href="/media/css/start-style.css" rel="stylesheet" type="text/css" />
+    {% block additional_head %}{% endblock %}
   </head>
   <body class="start-bg">
     <main>
diff --git a/start-page/outdated/index.html b/start-page/outdated/index.html
@@ -2,7 +2,7 @@
 # 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/. -#}
 
-{% extends "_new-base-resp.html" %}
+{% extends "_base-resp.html" %}
 
 {% block channel %}release{% endblock %}
 {% block title %}{{ _('Your Thunderbird is Not Up-to-Date!') }}{% endblock %}
@@ -11,8 +11,9 @@
 <style>
   body {
     background-image: none;
-    background-color: #D46A6A;
-    color: #000;
+    background-color: #991b1b;
+    color: #f1f3fa;
+    text-shadow: 1px 1px 0 black;;
     text-align: center;
   }
 
@@ -26,7 +27,16 @@
     top: 8px;
     width: 32px;
     height: 32px;
-    color: #0060df;
+    color: #88ccfc;
+  }
+  a {
+    text-decoration: underline !important;
+    color: #88ccfc;
+  }
+  a:visited {
+    color: #88ccfc;
+    text-decoration: underline !important;
+
   }
 </style>
 {% endblock %}
@@ -40,7 +50,7 @@ <h2 id="duration">{{ _('Your version, $vers, is no longer a supported Thunderbir
       <a href="%(download_url)s">latest stable version of Thunderbird</a>.')|format(download_url='https://thunderbird.net') }}
     </p>
     <p>{{ _('For more information, please check this
-      <a href="%(support_url)s">support article</a> on upgrading old versions.')|format(support_url='https://support.mozilla.org/en-US/products/thunderbird') }}
+      <a href="%(support_url)s">support article</a> on upgrading old versions.')|format(support_url=url('support.old-version-upgrade')) }}
     </p>
   </section>
 </div>
