[PATCH htdocs] newlib.css: move all style info to a dedicated css file

Mike Frysinger <[email protected]>
Newsgroups gmane.comp.lib.newlib
Message-ID <[email protected]>
This will make it easier to share styles across all the files.
The sourceware.org website also requires separate CSS files in
order to apply styles due to CSP header enforcement.
---
 docs.html     |  5 +++-
 download.html |  5 +++-
 faq.html      |  5 +++-
 index.html    | 25 +++++++++---------
 info.html     |  5 +++-
 mailing.html  |  6 +++--
 newlib.css    | 71 +++++++++++++++++++++++++++++++++++++++++++++++++++
 news.html     |  5 +++-
 8 files changed, 107 insertions(+), 20 deletions(-)
 create mode 100644 newlib.css

diff --git a/docs.html b/docs.html
index 2c003edae3ae..a7fd3c9644f1 100644
--- a/docs.html
+++ b/docs.html
@@ -1,5 +1,8 @@
 <html>
-<body bgcolor="black" text="white" link="#00ccff" vlink="#00cc66">
+<head>
+<link rel="stylesheet" href="newlib.css" />
+</head>
+<body>
 
 <h2>Library Documentation</h2>
 
diff --git a/download.html b/download.html
index 143510556e94..448ee89644ca 100644
--- a/download.html
+++ b/download.html
@@ -1,5 +1,8 @@
 <html>
-<body bgcolor="black" text="white" link="#00ccff" vlink="#00cc66">
+<head>
+<link rel="stylesheet" href="newlib.css" />
+</head>
+<body>
 
 <h2>Availability</h2>
 
diff --git a/faq.html b/faq.html
index 79e027d62bb9..f5855ce0c22d 100644
--- a/faq.html
+++ b/faq.html
@@ -1,5 +1,8 @@
 <html>
-<body bgcolor="black" text="white" link="#00ccff" vlink="#00cc66">
+<head>
+<link rel="stylesheet" href="newlib.css" />
+</head>
+<body>
 
 <h2>FAQ</h2>
 <ul>
diff --git a/index.html b/index.html
index 8d2ea0a023d4..4bfbd06b2808 100644
--- a/index.html
+++ b/index.html
@@ -2,27 +2,26 @@
 
 	<head>
 		<title>The Newlib Homepage</title>
+		<link rel="stylesheet" href="newlib.css" />
 	</head>
 
-	<body style="margin: 0" text="white" link="#00ccff" vlink="#00cc66">
+	<body class="main">
 
-	<table width="100%" height="100%" cellspacing="0" cellpadding="0" border="0">
-		<tr height="100">
-			<td bgcolor="#cc0000" align="center"><a href="https://www.redhat.com/" target=_top>
-				<img src="logo_big2.png"
-					width="81" height="69" alt="[redhat.com]" border="0"></a>
+	<table>
+		<tr class="top">
+			<td><a href="https://www.redhat.com/" target=_top>
+				<img src="logo_big2.png" class="logo" alt="[redhat.com]"></a>
 			</td>
 			<a name="top"></a>
-			<td align="center" bgcolor="#ce0000">
+			<td>
 				<a href="https://sourceware.org/" target=_top>
-					<img src="/img/topbar.png"
-						width="483" height="68" alt="sourceware.org" border="0">
+					<img src="/img/topbar.png" class="topbar" alt="sourceware.org">
 				</a>
 			</td>
 		</tr>
 		<tr>
-			<td bgcolor="black" width="130" align="center" valign="top">
-				<img height="30" width="100" src="newlib.jpg">
+			<td class="left">
+				<img src="newlib.jpg" alt="newlib">
 				<p><a href="info.html" target="main">Info</a></p>
 				<p><a href="news.html" target="main">News</a></p>
 				<p><a href="download.html" target="main">Download</a></p>
@@ -30,8 +29,8 @@
 				<p><a href="faq.html" target="main">FAQ</a></p>
 				<p><a href="docs.html" target="main">Docs</a></p>
 			</td>
-			<td>
-				<iframe src="info.html" name="main" noresize width="100%" height="100%" frameborder="0">
+			<td class="main">
+				<iframe src="info.html" name="main" noresize>
 			</td>
 		</tr>
 	</table>
diff --git a/info.html b/info.html
index e9f48a2fdfd8..057148bdfea8 100644
--- a/info.html
+++ b/info.html
@@ -1,5 +1,8 @@
 <html>
-<body bgcolor="black" text="white" link="#00ccff" vlink="#00cc66">
+<head>
+<link rel="stylesheet" href="newlib.css" />
+</head>
+<body>
 
 <h2>What is it?</h2>
 
diff --git a/mailing.html b/mailing.html
index 0393f54337d4..c0c2a92d2ae0 100644
--- a/mailing.html
+++ b/mailing.html
@@ -1,6 +1,8 @@
 <html>
-
-<body bgcolor="black" text="white" link="#00ccff" vlink="#00cc66">
+<head>
+<link rel="stylesheet" href="newlib.css" />
+</head>
+<body>
 
 <h2>Mailing lists/bugs</h2>
 
diff --git a/newlib.css b/newlib.css
new file mode 100644
index 000000000000..af265d5573df
--- /dev/null
+++ b/newlib.css
@@ -0,0 +1,71 @@
+@charset "utf-8";
+
+body {
+  background-color: black;
+  color: white;
+}
+
+a {
+  color: #0cf;
+}
+
+a:visited {
+  color: #0c6;
+}
+
+body.main {
+  margin: 0;
+  padding: 0;
+}
+
+.main table {
+  background-color: white;
+  border-spacing: 0;
+  height: 100%;
+  width: 100%;
+}
+
+.main tr.top {
+  height: 100px;
+}
+
+.main td {
+  margin: 0;
+  padding: 0;
+}
+
+.main tr.top td {
+  background-color: #c00;
+  text-align: center;
+}
+
+.main img.logo {
+  max-height: 69px;
+  max-width: 81px;
+}
+
+.main img.topbar {
+  max-height: 70px;
+  max-width: 403px;
+  width: 100%;
+}
+
+.main td.left {
+  background-color: black;
+  padding-top: 0.5em;
+  text-align: center;
+  vertical-align: top;
+  width: 130px;
+}
+
+.main td.left img {
+  max-height: 30px;
+  max-width: 100px;
+  width: 100%;
+}
+
+.main iframe {
+  border: none;
+  height: 100%;
+  width: 100%;
+}
diff --git a/news.html b/news.html
index 0fb71047a824..d2e51a57a475 100644
--- a/news.html
+++ b/news.html
@@ -1,5 +1,8 @@
 <html>
-<body bgcolor="black" text="white" link="#00ccff" vlink="#00cc66">
+<head>
+<link rel="stylesheet" href="newlib.css" />
+</head>
+<body>
 
 <h2>News</h2>
 
-- 
2.43.0
lmpx.com only provides a reader for public news (NNTP) servers. It is not affiliated with the servers or forums shown here and is not responsible for the content of articles, which is written by their respective authors.