Adding a local static/css/base.css, and changing the table settings a bit in the mailing list pages to make the two header images end up on the same line. Needing to do this is related to the change to serving XHTML Transitional; if I take away the xml and transitional doctype declarations, the pre-change html worked fine.

 - Legacy-Id: 569

Author: levkowetz

ietf/templates/mailinglists/list_approval_base.html

@@ -20,7 +20,7 @@
 {% block content %}
 <table bgcolor="#88AED2" cellspacing="1" border="0" width="594">
 <tr><td> 
-<table bgcolor="f3f8fd" cellpadding="3" cellspacing="0" border="0">
+<table bgcolor="f3f8fd" cellpadding="3" cellspacing="0" border="0" width="100%">
 <tr>
 <td><img src="/images/ietf_topleft.gif" border="0"><img src="/images/blue_title.
 gif" border="0"></td>

ietf/templates/mailinglists/list_toapprove.html

@@ -29,7 +29,7 @@
 <form action="." method="POST">
 <table bgcolor="#88AED2" cellspacing="1" border="0" width="594">
 <tr><td>
-<table bgcolor="f3f8fd" cellpadding="3" cellspacing="0" border="0">
+<table bgcolor="f3f8fd" cellpadding="3" cellspacing="0" border="0" width="100%">
 <tr>
 <td colspan="2"><img src="/images/ietf_topleft.gif" border="0"><img src="/images/blue_title.gif" border="0"></td>
 </tr>

ietf/templates/mailinglists/list_wizard_base.html

@@ -9,14 +9,14 @@
 {% endblock %} 
 
 {% block head %}
-<link rel="stylesheet" type="text/css" href="http://www.ietf.org/css/base.css" />
+<link rel="stylesheet" type="text/css" href="/css/base.css" />
 {% endblock %}
 
 {% block content %}
 <blockquote>
-<table bgcolor="#88AED2" cellspacing="1" border="0" width="594">
+<table bgcolor="#88AED2" cellspacing="1" border="0" width="598">
 <tr><td> 
-<table bgcolor="#f3f8fd" cellpadding="3" cellspacing="0" border="0" width="100%">
+<table bgcolor="#f3f8fd" cellpadding="0" cellspacing="0" border="0" width="100%">
 
 <tr>
 <td colspan="2"><img src="/images/ietf_topleft.gif" border="0"><img src="/images/blue_title.gif" border="0"></td>

static/css/base.css

@@ -0,0 +1,34 @@
+body {
+  margin:0;
+  padding:0;
+  font-family: Arial, sans-serif;
+  font-size: 13px;
+  color: #022D66;
+  font-style: normal;
+  }
+th {
+  padding:6px 0px 10px 30px;
+  line-height:1em;
+  font-family: Arial, sans-serif;
+  font-size: 1.0em;
+  color: #333;
+                                                                                                                                                                       
+ }
+td {text-decoration: none; color: #000000; font: 10pt arial;}
+td img { whitespace: nowrap; display:inline; }
+/* Links
+----------------------------------------------- */
+a:link, a:visited {
+  border-bottom:1px dotted #69f;
+  color:#36c;
+  text-decoration:none;
+  }
+a:visited {
+  border-bottom-color:#969;
+  color:#36c;
+  }
+a:hover {
+  border-bottom:1px solid #f00;
+  color:#f00;
+  }
+a.noline:link, a.noline:visited, a.noline:hover {border-style:none;}