meso-web

commit ceced76794ba619594e30c286788f8c7b4793db3
parent 3e3796f7494efb2ae45a1723182775fa94b36e6f
Author: Vincent Forest <vincent.forest@meso-star.com>
Date:   Wed,  8 Nov 2023 09:36:30 +0100

CSS update

Remove the line under h2 headings as it can cross images or captions
that are displayed over 2 sections.

Add padding before h4 headings to make it easier to identify these
subsections from h3 and h2 headings.

Finally, increase the overall font size (leave the default) and stop
using point units: only em and percentage units are now used, as this
seems to be the best practice for html typesetting.

Diffstat:
M
meso.css
 | 
28
+++++++++++++++-------------

1 file changed, 15 insertions(+), 13 deletions(-)
diff --git a/meso.css b/meso.css
@@ -9,7 +9,7 @@ body {
   font-family: "Liberation Sans",sans-serif;
   margin: 1em auto; /*auto;*/
   text-align: left;
-  font-size: 10pt;
+  /*font-size: 10pt;*/
   max-width: 72em;
 }
 
@@ -26,27 +26,31 @@ h1 {
 }
 
 h2 {
-  border-bottom: 1px solid #aaaaaa;
+  /*border-bottom: 1px solid #aaaaaa;*/
   padding-top: 0.3em;
   padding-bottom: 0.3em;
 }
 
+h4 {
+  padding-left: 1em;
+}
+
 code {
   font-family: "Liberation Mono",monospace;
-  color: #666666
+ /* color: #666666 */
 }
 
 pre {
   display: block;
   font-family: "Liberation Mono",monospace;
-  color: #666666
+  /*color: #666666*/
 }
 
 pre.code {
-  padding-left: 1em;
+  padding-left: 2em;
   display: block;
   font-family: "Liberation Mono",monospace;
-  color: #666666
+  /*color: #666666*/
 }
 
 img {
@@ -142,7 +146,6 @@ hr {
   font-weight: bold;
   padding: 0 0 0 0;
   margin: 0;
-  font-size: 11pt;
 }
 
 #sub-menu li {
@@ -152,7 +155,7 @@ hr {
 #sub-menu ul.lvl2 {
   padding: 0 0 0 2em;
   font-weight: normal;
-  font-size: 10pt;
+  font-size: 90%;
 }
 
 #sub-menu ul.lvl2 a {
@@ -223,14 +226,14 @@ hr {
 .caption {
   text-align: left;
   font-style: italic;
-  font-size: 8pt;
+  font-size: 90%;
   margin: 0 0.5em 0 0.5em;
   color: #666666
 }
 
 #info {
   margin-top: 3em;
-  font-size: 8pt;
+  font-size: 80%;
   color: #777777;
   line-height: 1.4;
 }
@@ -249,7 +252,7 @@ hr {
   padding: 2.0em 2.0em 0.5em 1.5em;
   margin: 0;
   text-align: center;
-  font-size: 14pt;
+  font-size: 1.5em;
   font-weight: bold;
 }
 
@@ -282,7 +285,7 @@ hr {
   text-align: left;
   color: #777;
   padding: 1.0em 0em 0em 2em;
-  font-size: 8pt;
+  font-size: 80%;
 }
 
 #footer a {
@@ -334,7 +337,6 @@ td {
   text-align: right;
 }
 
-
 .app tr {
   background: #fff;
 }