[gimp-help] web: make style resemble our main website a little more

[Jacob Boerema <jboerema src gnome org>]

commit 30ffebd9977ea7af6b8a177d56ca5c05dd84e5b2
Author: Jacob Boerema <jgboerema gmail com>
Date:   Thu Mar 3 16:50:19 2022 -0500

    web: make style resemble our main website a little more
    
    (cherry picked from commit cfcf4624211c25c7faa7416dad9fc21c8f763a94)

 web/style.css | 59 ++++++++++++++++++++++++++++-------------------------------
 1 file changed, 28 insertions(+), 31 deletions(-)
---
diff --git a/web/style.css b/web/style.css
index 15c83d934..a872c2a66 100644
--- a/web/style.css
+++ b/web/style.css
@@ -3,10 +3,11 @@ body,html {
     margin: 0;
     padding: 0;
     font-family: sans-serif;
-
+    font-size: 105%;
+    color: #555;
 }
 body {
-    background-image: url("Layout/bgpattern.png");
+    background-color: #f8f8f8;
 }
 
 hr {
@@ -15,15 +16,14 @@ hr {
 
 a {
   background: transparent;
-  color: #17457c;
+  color: #497bad;
   text-decoration: none;
-  font-weight: bold;
+  font-weight: normal;
 }
 
 a:hover {
   background: transparent;
   text-decoration: underline;
-  font-weight: bold;
 }
 
 a img {
@@ -31,21 +31,20 @@ a img {
 }
 
 h1 {
-  background-color: #f5f5f5;
-  color: black;
-  border: 1px solid #d0d0d0;
+  border-bottom: 1px solid #d0d0d0;
   padding: 5px;
   margin-bottom: 30px;
-  font-weight: bold;
-  font-size: 150%;
+  font-weight: 400;
+  font-size: 1.7rem;
   text-align: center;
+  line-height: 1.3em;
 }
 
 /* Subtitle header. */
 h2 {
-  font-weight: bold;
+  font-weight: 600;
   clear: both;
-  font-size: 130%;
+  font-size: 1.5rem;
 }
 
 /* Another subtitle using another font-size then the subtitle. */
@@ -56,21 +55,16 @@ h3 {
 }
 
 p {
-  padding: 0 1em;
+  padding: 0 0.5em;
   line-height: 1.5em;
 }
 
-div + p {
-  text-indent: 1em;
-  clear: both;
-}
-
 li p {
   line-height: normal;
 }
 
 dt {
-  margin-left: 1em;
+  margin-left: 0.8em;
   margin-top: 2em;
   margin-bottom: 1em;
 }
@@ -80,7 +74,8 @@ dd {
 }
 
 .webpage {
-  width: 50em;
+  max-width: 53rem;
+  width: 90%;
   margin: 0 auto;
   border: 0.4em solid white;
   border-top: 0;
@@ -89,8 +84,8 @@ dd {
 }
 
 .section {
-  padding: 0 2em;
-  margin-bottom: 4em;
+  padding: 0 1em;
+  margin-bottom: 3em;
 }
 
 .note {
@@ -112,28 +107,27 @@ dd {
 .term
 {
   text-decoration: none;
-  font-weight: bold;
-  font-size: 110%;
+  font-weight: 600;
+  font-size: 120%;
   margin-top: 1.5em;
   margin-bottom: 1em;
-  width: 50%;
 }
 
 .variablelist .itemizedlist ul li {
    list-style-type: none;
    float: left;
-   width: 50%;
+   width: 90%;
 }
 
 .variablelist .itemizedlist ul li p {
-   padding-left: 1.3em;
    display: inline;
 }
 
 .variablelist p {
-  padding-left: 1.0em;
+  padding-left: 0em;
+  font-size: 110%;
   line-height: 1.2em;
-  width: 50%;
+  width: 90%;
 }
 
 .cs {
@@ -291,11 +285,14 @@ dd {
 
 .navfoot {
   clear: both;
-  background: #f5f5f5;
-  color: black;
+  max-width: 53rem;
   border-top: 1px solid #d0d0d0;
   padding: 0;
+  padding-bottom: 1em;
   font-weight: bold;
+}
+
+.navfoot td {
   text-align: center;
 }