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

Jeff Johnston <[email protected]>
Newsgroups gmane.comp.lib.newlib
Message-ID <CAOox84vmMWLzrLKwUrkY0Yng8iiPG1XBzOwtyViezEJGJB6RrA@mail.gmail.com>
Patch merged.  Thanks.

-- Jeff J.

On Fri, Jan 5, 2024 at 2:16 PM Mike Frysinger <[email protected]> wrote:

> 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.