The css is not used on lists.gnu. I will probably tweak it or remove it.
--- /dev/null
+</body>
+</html>
--- /dev/null
+</body>
+</html>
--- /dev/null
+<html>
+<head>
+<title>Mail Archives</title>
+<link rel="stylesheet" type="text/css" href="/archive/html/stylesheet.css">
+<body>
+<h1>Mail Archives</h1>
+<p>Archives listed from most recently updated to oldest updated.
+</p>
--- /dev/null
+<html>
+<head>
+<title>Mail Archives</title>
+<link rel="stylesheet" type="text/css" href="@@HTML_URL@@/stylesheet.css">
+<body>
+<h1>Mail Archives</h1>
+<p>Archives listed from most recently updated to oldest updated.
+</p>
--- /dev/null
+<hr>
+<a href="../">[All Lists]</a>
+</body>
+</html>
--- /dev/null
+<hr>
+<a href="../">[All Lists]</a>
+</body>
+</html>
--- /dev/null
+<html>
+<head>
+<title>$LIST-TITLE$ Archives</title>
+<body>
+<h1>$LIST-DESC$ Archives</h1>
+<em>Archives are refreshed every 30 minutes - for details, please visit <a
+href="https://lists.gnu.org/archive/html/">the main index</a>.<br>
+You can also <a href="https://lists.gnu.org/$LIST-NAME$/">download the archives in mbox format</a>.</em>
+
+<!--x-search-form-->
+<form method="get" action="$SEARCH-CGI$">
+<p><strong>Search String:</strong>
+<input type="text" name="query" size="40">
+<input type="submit" name="submit" value="Search!">
+<input type="hidden" name="idxname" value="$LIST-NAME$">
+<a href="$SEARCH-CGI$?idxname=$LIST-NAME$">[How to search]</a><br>
+<strong>Display:</strong>
+<select name="max">
+<option value="10">10</option>
+<option selected value="20">20</option>
+<option value="30">30</option>
+<option value="50">50</option>
+<option value="100">100</option>
+</select>
+<strong>Description:</strong>
+<select name="result">
+<option selected value="normal">normal</option>
+<option value="short">short</option>
+</select>
+<strong>Sort:</strong>
+<select name="sort">
+<option selected value="score">by score</option>
+<option value="date:late">in reverse chronological order</option>
+<option value="date:early">in chronological order</option>
+<option value="field:subject:ascending">by title in ascending order</option>
+<option value="field:subject:descending">by title in descending order</option>
+<option value="field:from:ascending">by author in ascending order</option>
+<option value="field:from:descending">by author in descending order</option>
+<option value="field:size:ascending">by size in ascending order</option>
+<option value="field:size:descending">by size in descending order</option>
+<option value="field:uri:ascending">by URI in ascending order</option>
+<option value="field:uri:descending">by URI in descending order</option>
+</select>
+</p>
+</form>
+<!--/x-search-form-->
+<a href="../">[All Lists]</a>
+<hr>
--- /dev/null
+<html>
+<head>
+<title>$LIST-TITLE$ Archives</title>
+<body>
+<h1>$LIST-DESC$ Archives</h1>
+<em>Archives are refreshed every 30 minutes - for details, please visit <a
+href="https://@@FSF_DOMAIN@@/archive/html/">the main index</a>.<br>
+You can also <a href="https://@@FSF_DOMAIN@@/$LIST-NAME$/">download the archives in mbox format</a>.</em>
+
+<!--x-search-form-->
+<form method="get" action="$SEARCH-CGI$">
+<p><strong>Search String:</strong>
+<input type="text" name="query" size="40">
+<input type="submit" name="submit" value="Search!">
+<input type="hidden" name="idxname" value="$LIST-NAME$">
+<a href="$SEARCH-CGI$?idxname=$LIST-NAME$">[How to search]</a><br>
+<strong>Display:</strong>
+<select name="max">
+<option value="10">10</option>
+<option selected value="20">20</option>
+<option value="30">30</option>
+<option value="50">50</option>
+<option value="100">100</option>
+</select>
+<strong>Description:</strong>
+<select name="result">
+<option selected value="normal">normal</option>
+<option value="short">short</option>
+</select>
+<strong>Sort:</strong>
+<select name="sort">
+<option selected value="score">by score</option>
+<option value="date:late">in reverse chronological order</option>
+<option value="date:early">in chronological order</option>
+<option value="field:subject:ascending">by title in ascending order</option>
+<option value="field:subject:descending">by title in descending order</option>
+<option value="field:from:ascending">by author in ascending order</option>
+<option value="field:from:descending">by author in descending order</option>
+<option value="field:size:ascending">by size in ascending order</option>
+<option value="field:size:descending">by size in descending order</option>
+<option value="field:uri:ascending">by URI in ascending order</option>
+<option value="field:uri:descending">by URI in descending order</option>
+</select>
+</p>
+</form>
+<!--/x-search-form-->
+<a href="../">[All Lists]</a>
+<hr>
--- /dev/null
+/*
+ * $Id: stylesheet.css.in.dist,v 1.2 2002/08/26 20:55:33 ehood Exp $
+ * Main stylesheet for MHArc archives.
+ * NOTE: The .in template version of this file should be edited
+ * if any changes are desired. Then re-run the configure
+ * script to have changes applied.
+ */
+
+/**********************************************************************
+ * General Styles
+ */
+body {
+ background-color: #DDDDDD;
+ color: black;
+ text-align: left;
+}
+.listTitle {
+ font-size: larger;
+ background-color: #FFEECC;
+ padding: 0.25em;
+ border-style: solid;
+ border-width: thin;
+ border-color: black;
+}
+div.metaIdxNav {
+ text-align: center;
+ font-size: smaller;
+}
+div.idxTitle {
+ text-align: center;
+ margin-bottom: 0.5em;
+}
+.periodLink {
+ background-color: #CCEEFF;
+ padding: 0.25em;
+ border-style: solid;
+ border-width: thin;
+ border-color: black;
+}
+.iaText {
+ color: #888888;
+}
+
+/**********************************************************************
+ * All Lists Index
+ */
+table.archiveLists {
+ color: #EEEEEE;
+ background: black;
+}
+table.archiveLists * th {
+ background: #FFEECC;
+ color: black;
+}
+table.archiveLists * td {
+ background: #CCEEFF;
+ color: black;
+}
+.listName {
+ font-weight: bold;
+}
+.infoLink {
+ font-weight: normal;
+}
+
+/**********************************************************************
+ * Date Index Styles
+ */
+div.dayGroup {
+ background-color: #EEEEEE;
+ padding: 0.5em;
+ margin-bottom: 0.5em;
+ border-style: solid;
+ border-width: thin;
+ border-color: black;
+}
+div.dayGroup > ul {
+ margin-top: 0em;
+ margin-bottom: 0em;
+}
+
+/**********************************************************************
+ * Thread Index Styles
+ */
+div.threadList > ul {
+ margin: 0.5em;
+ padding-left: 1.0em;
+}
+
+div.threadGroup {
+ background-color: #EEEEEE;
+ padding: 0.5em;
+ margin-top: 0.25em;
+ margin-bottom: 0.25em;
+ border-style: solid;
+ border-width: thin;
+ border-color: black;
+}
+div.threadGroup > ul {
+ margin-top: 0em;
+ margin-bottom: 0em;
+}
+
+/**********************************************************************
+ * Message Page Styles
+ */
+div.msgTitle {
+ text-align: center;
+ margin-bottom: 0.5em;
+}
+
+div.msgSubject h2 {
+ margin-top: 0.25em;
+ margin-bottom: 0.25em;
+}
+div.msgLinks {
+ margin-left: 1.0em;
+ margin-right: 1.0em;
+}
+div.msgLinks > table * td {
+ font-size: smaller;
+}
+
+div.topLinks {
+ text-align: center;
+}
+.topDateNav {
+ background-color: #CCEEFF;
+ padding: 0.25em;
+ border-style: solid;
+ border-width: thin;
+ border-color: black;
+}
+.topThreadNav {
+ background-color: #CCEEFF;
+ padding: 0.25em;
+ border-style: solid;
+ border-width: thin;
+ border-color: black;
+}
+
+div.msgHead {
+ margin-top: 0.5em;
+ margin-bottom: 0.5em;
+}
+div.msgHead > table {
+ background-color: #FFEECC;
+ padding-left: 0.5em;
+ padding-right: 0.5em;
+ border-style: solid;
+ border-width: thin;
+ border-color: black;
+ width: 100%;
+ border-spacing: 0em;
+}
+
+div.msgBody {
+ margin-top: 0.5em;
+ margin-bottom: 0.5em;
+}
+div.msgBody > table {
+ background-color: #EEEEEE;
+ padding-left: 0.5em;
+ padding-right: 0.5em;
+ border-style: solid;
+ border-width: thin;
+ border-color: black;
+}
+
+div.tSlice {
+ margin-top: 0.5em;
+ margin-bottom: 0.5em;
+}
+div.tSlice table {
+ background-color: black;
+}
+div.tSlice * td {
+ background-color: #CCEEFF;
+}
+div.tSlice * th {
+ background-color: #FFEECC;
+}
+tr.tSliceList td {
+ background-color: #DDDDDD;
+}
+.sliceCur {
+ background-color: #CCCCCC;
+}
+
+div.botLinks > table {
+ background-color: #FFEECC;
+ padding-left: 0.5em;
+ padding-right: 0.5em;
+ border-style: solid;
+ border-width: thin;
+ border-color: black;
+ border-spacing: 0em;
+}
--- /dev/null
+/*
+ * $Id: stylesheet.css.in.dist,v 1.2 2002/08/26 20:55:33 ehood Exp $
+ * Main stylesheet for MHArc archives.
+ * NOTE: The .in template version of this file should be edited
+ * if any changes are desired. Then re-run the configure
+ * script to have changes applied.
+ */
+
+/**********************************************************************
+ * General Styles
+ */
+body {
+ background-color: #DDDDDD;
+ color: black;
+ text-align: left;
+}
+.listTitle {
+ font-size: larger;
+ background-color: #FFEECC;
+ padding: 0.25em;
+ border-style: solid;
+ border-width: thin;
+ border-color: black;
+}
+div.metaIdxNav {
+ text-align: center;
+ font-size: smaller;
+}
+div.idxTitle {
+ text-align: center;
+ margin-bottom: 0.5em;
+}
+.periodLink {
+ background-color: #CCEEFF;
+ padding: 0.25em;
+ border-style: solid;
+ border-width: thin;
+ border-color: black;
+}
+.iaText {
+ color: #888888;
+}
+
+/**********************************************************************
+ * All Lists Index
+ */
+table.archiveLists {
+ color: #EEEEEE;
+ background: black;
+}
+table.archiveLists * th {
+ background: #FFEECC;
+ color: black;
+}
+table.archiveLists * td {
+ background: #CCEEFF;
+ color: black;
+}
+.listName {
+ font-weight: bold;
+}
+.infoLink {
+ font-weight: normal;
+}
+
+/**********************************************************************
+ * Date Index Styles
+ */
+div.dayGroup {
+ background-color: #EEEEEE;
+ padding: 0.5em;
+ margin-bottom: 0.5em;
+ border-style: solid;
+ border-width: thin;
+ border-color: black;
+}
+div.dayGroup > ul {
+ margin-top: 0em;
+ margin-bottom: 0em;
+}
+
+/**********************************************************************
+ * Thread Index Styles
+ */
+div.threadList > ul {
+ margin: 0.5em;
+ padding-left: 1.0em;
+}
+
+div.threadGroup {
+ background-color: #EEEEEE;
+ padding: 0.5em;
+ margin-top: 0.25em;
+ margin-bottom: 0.25em;
+ border-style: solid;
+ border-width: thin;
+ border-color: black;
+}
+div.threadGroup > ul {
+ margin-top: 0em;
+ margin-bottom: 0em;
+}
+
+/**********************************************************************
+ * Message Page Styles
+ */
+div.msgTitle {
+ text-align: center;
+ margin-bottom: 0.5em;
+}
+
+div.msgSubject h2 {
+ margin-top: 0.25em;
+ margin-bottom: 0.25em;
+}
+div.msgLinks {
+ margin-left: 1.0em;
+ margin-right: 1.0em;
+}
+div.msgLinks > table * td {
+ font-size: smaller;
+}
+
+div.topLinks {
+ text-align: center;
+}
+.topDateNav {
+ background-color: #CCEEFF;
+ padding: 0.25em;
+ border-style: solid;
+ border-width: thin;
+ border-color: black;
+}
+.topThreadNav {
+ background-color: #CCEEFF;
+ padding: 0.25em;
+ border-style: solid;
+ border-width: thin;
+ border-color: black;
+}
+
+div.msgHead {
+ margin-top: 0.5em;
+ margin-bottom: 0.5em;
+}
+div.msgHead > table {
+ background-color: #FFEECC;
+ padding-left: 0.5em;
+ padding-right: 0.5em;
+ border-style: solid;
+ border-width: thin;
+ border-color: black;
+ width: 100%;
+ border-spacing: 0em;
+}
+
+div.msgBody {
+ margin-top: 0.5em;
+ margin-bottom: 0.5em;
+}
+div.msgBody > table {
+ background-color: #EEEEEE;
+ padding-left: 0.5em;
+ padding-right: 0.5em;
+ border-style: solid;
+ border-width: thin;
+ border-color: black;
+}
+
+div.tSlice {
+ margin-top: 0.5em;
+ margin-bottom: 0.5em;
+}
+div.tSlice table {
+ background-color: black;
+}
+div.tSlice * td {
+ background-color: #CCEEFF;
+}
+div.tSlice * th {
+ background-color: #FFEECC;
+}
+tr.tSliceList td {
+ background-color: #DDDDDD;
+}
+.sliceCur {
+ background-color: #CCCCCC;
+}
+
+div.botLinks > table {
+ background-color: #FFEECC;
+ padding-left: 0.5em;
+ padding-right: 0.5em;
+ border-style: solid;
+ border-width: thin;
+ border-color: black;
+ border-spacing: 0em;
+}