pull color styles out into CSS stylesheets

This centralizes and avoids duplication of the different colors.

diff --git a/bottom.php b/bottom.php
index 31e8a524ddb8867642c48cf3e7bd1c7fc33c9a23..7e34cf1a4e2a71cf5a3edc62a88a3417b0287627 100644 (file)
--- a/bottom.php
+++ b/bottom.php
@@ -6,31 +6,31 @@
 
 <table BORDER=0 CELLSPACING=0 WIDTH="100%">
 <tr>
-<td WIDTH="3%" BGCOLOR="#440077"><b><tt><font color="#FFFFFF">^G</font></tt></b></td>
-<td WIDTH="22%"><tt><font color="#440077">&nbsp;<a href="download.php">Get Nano</a></font></tt></td>
+<td WIDTH="3%" CLASS="inverted"><b><tt>^G</tt></b></td>
+<td WIDTH="22%"><tt>&nbsp;<a href="download.php">Get Nano</a></tt></td>
 
-<td WIDTH="3%" BGCOLOR="#440077"><b><tt><font color="#FFFFFF">^N</font></tt></b></td>
-<td WIDTH="22%"><tt><font color="#440077">&nbsp;<a href="news.php">News</a></font></tt></td>
+<td WIDTH="3%" CLASS="inverted"><b><tt>^N</tt></b></td>
+<td WIDTH="22%"><tt>&nbsp;<a href="news.php">News</a></tt></td>
 
-<td WIDTH="3%" BGCOLOR="#440077"><b><tt><font color="#FFFFFF">^W</font></tt></b></td>
-<td WIDTH="22%"><tt><font color="#440077">&nbsp;<a href="who.php">Who</a></font></tt></td>
+<td WIDTH="3%" CLASS="inverted"><b><tt>^W</tt></b></td>
+<td WIDTH="22%"><tt>&nbsp;<a href="who.php">Who</a></tt></td>
 
-<td WIDTH="3%" BGCOLOR="#440077"><b><tt><font color="#FFFFFF">^T</font></tt></b></td>
-<td><tt><font color="#440077">&nbsp;<a href="git.php">Git</a></font></tt></td>
+<td WIDTH="3%" CLASS="inverted"><b><tt>^T</tt></b></td>
+<td><tt>&nbsp;<a href="git.php">Git</a></tt></td>
 </tr>
 
 <tr>
-<td WIDTH="3%" BGCOLOR="#440077"><b><tt><font color="#FFFFFF">^D</font></tt></b></td>
-<td WIDTH="22%"><tt><font color="#440077">&nbsp;<a href="docs.php">Documentation</a></font></tt></td>
+<td WIDTH="3%" CLASS="inverted"><b><tt>^D</tt></b></td>
+<td WIDTH="22%"><tt>&nbsp;<a href="docs.php">Documentation</a></tt></td>
 
-<td WIDTH="3%" BGCOLOR="#440077"><b><tt><font color="#FFFFFF">^H</font></tt></b></td>
-<td WIDTH="22%"><tt><font color="#440077">&nbsp;<a href="history.php">History</a></font></tt></td>
+<td WIDTH="3%" CLASS="inverted"><b><tt>^H</tt></b></td>
+<td WIDTH="22%"><tt>&nbsp;<a href="history.php">History</a></tt></td>
 
-<td WIDTH="3%" BGCOLOR="#440077"><b><tt><font color="#FFFFFF">^S</font></tt></b></td>
-<td WIDTH="22%"><tt><font color="#440077">&nbsp;<a href="screenshots.php">Screenshots</a></font></tt></td>
+<td WIDTH="3%" CLASS="inverted"><b><tt>^S</tt></b></td>
+<td WIDTH="22%"><tt>&nbsp;<a href="screenshots.php">Screenshots</a></tt></td>
 
-<td WIDTH="3%" BGCOLOR="#440077"><b><tt><font color="#FFFFFF">^C</font></tt></b></td>
-<td><tt><font color="#440077">&nbsp;<a href="contact.php">Contact</a></font></tt></td>
+<td WIDTH="3%" CLASS="inverted"><b><tt>^C</tt></b></td>
+<td><tt>&nbsp;<a href="contact.php">Contact</a></tt></td>
 </tr>
 </table>
 

diff --git a/docs.php b/docs.php
index 1572909cce455573eed8c1c75e804c19eb68b1b8..40553d3bba8a9cba4158272902336f3f25fc7561 100644 (file)
--- a/docs.php
+++ b/docs.php
@@ -11,12 +11,12 @@
 <br>
 
 <table BORDER=0 WIDTH="100%">
-<tr BGCOLOR="#440077">
+<tr CLASS="inverted">
 <td WIDTH="25%">
-<center><font color="#FFFFFF">Document Name</font></center>
+<center>Document Name</center>
 </td>
 <td>
-<font color="#FFFFFF">Description</font>
+Description
 </td>
 </tr>
 

diff --git a/download.php b/download.php
index 83749a0096c6527b297281aab8a97e964007fc7d..0306cad706b4625d20277f21498569bd703f4eab 100644 (file)
--- a/download.php
+++ b/download.php
@@ -19,9 +19,9 @@
 <br>
 
 <center><table BORDER=0 WIDTH="80%">
-<tr BGCOLOR="#440077">
-<td><font color="#FFFFFF">Description</font></td>
-<td><font color="#FFFFFF">Links</font></td>
+<tr CLASS="inverted">
+<td>Description</td>
+<td>Links</td>
 </tr>
 
 <tr>

diff --git a/style.css b/style.css
new file mode 100644 (file)
index 0000000..a77bb79
--- /dev/null
+++ b/style.css
@@ -0,0 +1,22 @@
+body {
+       color: #440077;
+       background-color: white;
+}
+.inverted {
+       color: white;
+       background-color: #440077;
+}
+
+a {
+       color: #440077;
+}
+a:visited {
+       color: #51188E;
+}
+a:active {
+       color: #FF0000;
+}
+
+.inverted a {
+       color: white;
+}

diff --git a/top.php b/top.php
index 4cd63658cc6a605067a4dff64475e327d178a431..33b1f5ee9e35c5e18639f270eda756f8bff72b33 100644 (file)
--- a/top.php
+++ b/top.php
@@ -4,32 +4,31 @@
 <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link rel="icon" href="/favicon.ico">
+   <link rel="stylesheet" href="style.css"/>
 </head>
 
-<body text="#440077" bgcolor="#FFFFFF" link="#440077" vlink="#51188E" alink="#FF0000">
+<body>
 
 <table BORDER=0 CELLSPACING=0 WIDTH="100%" HEIGHT="8%">
 <tr><td>
 
-<table BORDER=0 CELLSPACING=0 WIDTH="100%" BGCOLOR="#440077">
+<table BORDER=0 CELLSPACING=0 WIDTH="100%" CLASS="inverted">
 <tr>
 
 <td>
-<font color="#FFFFFF">&nbsp;Latest version:
+&nbsp;Latest version:
 <?php include "last-version"; ?>
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
-</font>
 </td>
 
-<td align="center">>
-<a href="/"><font color="#FFFFFF">The GNU nano homepage</font></a>
+<td align="center">
+<a href="/">The GNU nano homepage</a>
 </td>
 
 <td align="right">
-<font color="#FFFFFF">Modified:
+Modified:
 <?php include "last-modified"; ?>
 &nbsp;
-</font>
 </td>
 
 </tr>