Merge pull request #1101 from ndw/css-3

Harmonize CSS across specification/steps
xproc · Jul 31, 2024 · 361581b · 361581b
2 parents 55d8106 + 283f67f
commit 361581b
Showing 1 changed file with 26 additions and 10 deletions.
diff --git a/src/main/resources/css/xproc.css b/src/main/resources/css/xproc.css
@@ -1,18 +1,14 @@
+html {
+    font-size: 110%;
+}
+
 .editors-draft {
     border: solid 1pt #808080;
     padding: 1em;
     background-color: #ffaaaa;
     border-radius: 5px;
 }
 
-p.element-syntax code {
-    font-size: 100%;
-}
-
-code {
-    white-space: nowrap;
-}
-
 dl.toc             { margin-top: 0;
                      margin-bottom: 0
 }
@@ -83,7 +79,19 @@ dl.errs dt {
     padding-bottom: 0.5ex;
 }
 
-.element-syntax                    { padding: 4px; line-height: 1.25; }
+.element-syntax {
+    padding: 4px;
+    line-height: 1.25;
+    white-space: nowrap;
+    overflow-x: scroll;
+}
+
+.element-syntax { #000000; }
+.element-syntax .attr { color: #000000; }
+.element-syntax .value { color: rgb(9,70,138); }
+.element-syntax .comment,
+.element-syntax .opt-type { color: #948695; }
+
 .element-syntax-declare-step       { border: solid thin;  background-color: #ffeeff }
 .element-syntax-declare-step-opt   { border: solid thin; background-color: #ffeeff }
 .element-syntax-declare-step-opt   { border: solid thin; background-color: #ffeeff }
@@ -93,6 +101,14 @@ dl.errs dt {
 .element-syntax-other-step         { border: solid thin;  background-color: #ffeeff }
 .element-syntax-step-vocabulary    { border: dotted thin; background-color: #ffffee }
 
+p.element-syntax code {
+    font-size: inherit;
+}
+
+code {
+    white-space: nowrap;
+}
+
 div.funcsynopsis {
   background-color: #D5DEE3;
   border-bottom: 4px double #D3D3D3;
@@ -114,7 +130,7 @@ div.funcsynopsis span.type {
 span.decl code.type-value { font-weight: bold; }
 span.opt-req code.name-value { font-weight: bold; }
 
-span.opt-type { font-size: small; font-style: italic; }
+span.opt-type { font-style: italic; }
 code.comment  { font-style: italic; }
 
 .revision-inherited {