commit 81ddd6468621d331b8ff227eca2a21df6548d2b0
parent 84cc4fe1139001d87ffa52f15dd23b14e4c8218b
Author: Vincent Forest <vincent.forest@meso-star.com>
Date: Wed, 27 Aug 2025 14:11:26 +0200
Update the HTML style sheet.
Remove obsolete layout rules.
Adjust margins and spacing to improve readability based on the new
layout, which now has a fixed width of 40em. Previously, many verbatim
lists in the manual pages exceeded the page width, causing text to be
truncated.
Finally, do not justify command summaries, as justification may require
the addition of excessive spaces, which would impair readability.
Diffstat:
| M | meso.css | | | 346 | +++++++++++++------------------------------------------------------------------ |
1 file changed, 55 insertions(+), 291 deletions(-)
diff --git a/meso.css b/meso.css
@@ -19,13 +19,6 @@ h1 {
padding-bottom: 0.3em;
}
-.subtitle {
- display: block;
- font-weight: normal;
- font-size: 70%;
- color: #777777;
-}
-
h2 {
padding-top: 0.3em;
padding-bottom: 0.3em;
@@ -35,21 +28,34 @@ h4 {
padding-left: 1em;
}
-code {
- font-family: "Liberation Mono",monospace;
+a {
+ font-weight: bold;
+ color: #225588;
}
-/*pre {
- display: block;
+dd {
+ margin-left: 2em;
+}
+
+code {
font-family: "Liberation Mono",monospace;
-}*/
+}
pre {
- padding-left: 2em;
display: block;
+ margin-left: 2em;
+ font-size: 0.832em;
font-family: "Liberation Mono",monospace;
}
+dd pre {
+ margin-left: 0em;
+}
+
+pre.code a {
+ font-weight: normal;
+}
+
figure {
text-align: center;
}
@@ -65,64 +71,44 @@ blockquote {
padding: 0 2em 0 2em;
margin: 0 1em 0 1em;
max-width: 36em;
- /*font-style: italic;*/
- /*font-size: 90%;*/
- /*margin: 0 0.5em 0 0.5em;*/
color: #666666
}
-a {
- font-weight: bold;
- color: #225588;
-}
-
-pre.code a {
- font-weight: normal;
-}
-
-#sides {
- margin: 0;
-}
-
hr {
border: 0;
border-bottom: 1px solid #aaaaaa;
}
-/*******************************************************************************
- * Two columns layout
- ******************************************************************************/
-.column {
- float: left;
- width: 50%;
+table.list {
+ border-spacing: 0;
+ text-align: center;
+ width: 100%;
}
-/* Clear floats after the columns */
-.row:after {
- content: "";
- display: table;
- clear: both;
+th.list {
+ font-variant: small-caps;
+ padding: 0.5em 2em 0.5em 2em;
+ margin: 0em;
+ text-align: center;
+ background-color: #ffffff;
}
-/*******************************************************************************
- * Select
-******************************************************************************/
-#select {
- float: right;
+.list tr:nth-child(2n+1) {
+ background-color: #f5f5f5;
}
-#select a {
- font-weight: normal;
- color: #AAAAAA;
- text-decoration: none;
+td.list {
+ padding: 0em 2em 0em 2em;
+ margin: 0em;
+ text-align: center;
}
-#select a:hover {
- color: #777777;
+td {
+ vertical-align: top;
}
/*******************************************************************************
- * Menu
+ * Page layout
******************************************************************************/
#menu {
width: 100%;
@@ -140,13 +126,6 @@ hr {
color: #777777;
}
-/*******************************************************************************
- * Sub-menu
- ******************************************************************************/
-.cur {
- color: #f44d27
-}
-
#sub-menu {
padding-bottom: 1em;
}
@@ -162,9 +141,10 @@ hr {
font-weight: normal;
}
-/*******************************************************************************
- * Content & news
- ******************************************************************************/
+.cur { /* Selected sub-menu entry */
+ color: #f44d27
+}
+
#content {
max-width: 50em;
overflow: hidden;
@@ -172,91 +152,6 @@ hr {
text-justify: inter-word;
}
-.select-langage {
- font-variant: small-caps;
- float: right;
- color: #000000;
-}
-
-.news {
- float: right;
- clear: right;
- margin: 0 0 0.5em 1em;
- padding: 0 0 0 0.5em;
- background-color: #f5f5f5;
- width: 15em;
- text-align: left;
-}
-
-.img {
- float: right;
- clear: right;
- margin: 0em 0em 1em 1em;
-}
-
-.video {
- text-align: center;
- margin: 1em 1em 1em 1em;
-}
-
-.caption {
- text-align: left;
- font-style: italic;
- font-size: 90%;
- margin: 0 0.5em 0 0.5em;
- color: #666666
-}
-
-#info {
- margin-top: 3em;
- font-size: 80%;
- color: #777777;
- line-height: 1.4;
-}
-
-#info a {
- color: #333333;
- font-weight: normal;
-}
-
-/*******************************************************************************
- * Main title
- ******************************************************************************/
-.title {
- /*float: left;*/
- font-family: "Courier Prime";
- padding: 1.0em 2.0em 1.0em 1.5em;
- margin: 0;
- text-align: center;
- /*font-size: 1.5em;*/
- font-weight: bold;
-}
-
-.title h1 {
- padding-top: 0.5em;
- margin: 0;
-}
-
-.title hr {
- width: 30%;
- padding-top: 1em;
-}
-
-.title h2 {
- color: #000000;
- padding: 0;
- margin-bottom: 0;
- border-bottom: none;
-}
-
-.title a {
- color: #000000;
- text-decoration: none;
-}
-
-/*******************************************************************************
- * Footer
- ******************************************************************************/
#footer {
text-align: left;
color: #777;
@@ -272,161 +167,23 @@ hr {
}
/*******************************************************************************
- * Table
- ******************************************************************************/
-table.list {
- border-spacing: 0;
- text-align: center;
- width: 100%;
-}
-
-th.list {
- font-variant: small-caps;
- padding: 0.5em 2em 0.5em 2em;
- margin: 0em;
- text-align: center;
- background-color: #ffffff;
-}
-
-.list tr:nth-child(2n+1) {
- background-color: #f5f5f5;
-}
-
-td.list {
- padding: 0em 2em 0em 2em;
- margin: 0em;
- text-align: center;
-}
-
-td {
- vertical-align: top;
-}
-
-/*******************************************************************************
- * Miscellaneous
- ******************************************************************************/
-.app td {
- text-align: left;
- margin: 0;
- padding: 0em 1em 0em 1em;
-}
-
-.app td:nth-child(2n+1) {
- text-align: right;
-}
-
-.app tr {
- background: #fff;
-}
-
-.app table {
- border-spacing: 0.5em;
- margin-left: 5em;
-}
-
-.app input[type=number] {
- background: #FCFCFC;
- border: 2px solid #DDD;
- padding: 0em 0.5em 0em 0.5em;
- color: #666;
- width: 5em;
-}
-
-.app
-input[type=text] {
- border: none;
- background: #fff;
- width: 5em
-}
-
-.app
-input[type=number] {
- -moz-appearance: textfield;
-}
-
-.app
-input[type=number]::-webkit-inner-spin-button,
-input[type=number]::-webkit-outer-spin-button {
- -webkit-appearance: none;
- margin: 0;
-}
-
-.app input[type=number]:focus {
- background: #FFF;
- border-color: #f44d27;
- color: #000;
-}
-
-/*.app input:invalid {
- box-shadow: none;
- background: #FCFCFC;
- color: #f00;
-}*/
-
-.app button {
- background-color: #f0f0f0; /* Green */
- border: none;
- padding: 0.2em 0.2em;
- text-align: center;
- font-variant: small-caps;
- font-weight: bold;
-}
-
-/*******************************************************************************
- * Popup
- ******************************************************************************/
-/* Popup container */
-.popup {
- position: relative;
- display: inline-block;
- font-weight: bold;
- color: #225588;
- text-decoration: underline;
- cursor: pointer;
-}
-
-/* The actual popup (appears on top) */
-.popup .popuptext {
- visibility: hidden;
- width: 18em;
- background-color: #e0e0e0;
- text-decoration: none;
- font-weight: normal;
- color: #555555;
- font-style: normal;
- text-align: left;
- padding: 1em 1em;
- position: absolute;
- z-index: 1;
- top: 130%;
- left: 50%;
- margin-left: -9em;
-}
-
-/* Toggle this class when clicking on the popup container (hide and show the popup) */
-.popup .show {
- visibility: visible;
-}
-
-/*******************************************************************************
* Mandoc
* CSS derivative written by Ingo Schwarze <schwarze@openbsd.org> for
* OpenBSD man pages
******************************************************************************/
.manual-text {
- margin-left: 6em;
+ margin-left: 3.75em;
}
h1.Sh {
font-size: 1.5em;
- margin-left: -4em;
+ margin-left: -2.5em;
}
h2.Ss {
font-size: 1.5em;
- margin-left: -2.0em;
+ margin-left: -1.25em;
border-bottom: none;
- padding: 0em;
}
code.In, code.Nm, .Cm, .Fd, .Fl, .Fn, .Ic {
@@ -434,6 +191,10 @@ code.In, code.Nm, .Cm, .Fd, .Fl, .Fn, .Ic {
font-weight: bold;
}
+.Nm {
+ text-align: left;
+}
+
.permalink {
border-bottom: thin dotted;
color: inherit;
@@ -452,8 +213,11 @@ td.head-rtitle, td.foot-os { text-align: right; }
td.head-vol { text-align: center; }
td.head-ltitle { margin: 0em; padding: 0em; text-align: left; }
+
/* Display and lists */
-.Bd-indent { margin-left: 3.8em; }
+.Bd code { font-size: 0.832em; }
+.Bd-indent { margin-left: 3.0em; }
+.Bd-indent pre { margin-left: 0em; }
.Bl-bullet { list-style-type: disc; padding-left: 1em; }
.Bl-bullet > li { }
.Bl-dash { list-style-type: none; padding-left: 0em; }
@@ -477,11 +241,11 @@ td.head-ltitle { margin: 0em; padding: 0em; text-align: left; }
.Bl-ohang { }
.Bl-ohang > dt { }
.Bl-ohang > dd { margin-left: 0em; }
-.Bl-tag { margin-top: 0.6em; margin-left: 5.5em; }
+.Bl-tag { margin-top: 0.6em; margin-left: 3.25em; }
.Bl-tag > dt {
float: left;
margin-top: 0em;
- margin-left: -5.5em;
+ margin-left: -3.25em;
padding-right: 0.5em;
vertical-align: top;
}
