Răsfoiți Sursa

Doc: Some style modernization.

- Change fonts to Segoe UI, Consolas
- Increase spacing between lines and paragraphs
- Give TT a darker background like .examplebox
Jordan Russell 4 luni în urmă
părinte
comite
d66b4d3add
1 a modificat fișierele cu 20 adăugiri și 18 ștergeri
  1. 20 18
      ISHelp/Staging/styles.css

+ 20 - 18
ISHelp/Staging/styles.css

@@ -17,20 +17,20 @@
   --dark-tool-background-color: #403E41;
   --dark-tool-background-color: #403E41;
 }
 }
 BODY {
 BODY {
-	font: small arial, sans-serif;
+	font: calc(14rem/16)/1.5 "Segoe UI", sans-serif;
 	margin: 0;
 	margin: 0;
 	color: light-dark(var(--light-color), var(--dark-color));
 	color: light-dark(var(--light-color), var(--dark-color));
 	background-color: light-dark(var(--light-background-color), var(--dark-background-color));
 	background-color: light-dark(var(--light-background-color), var(--dark-background-color));
 }
 }
 PRE, TT {
 PRE, TT {
-	font: small "courier new", monospace;
+	font: calc(13rem/16) Consolas, monospace;
 }
 }
 P, H1, H2, H3, H4, H5, BLOCKQUOTE, PRE, FORM, OL, UL, LI, DL, DD, TABLE, .examplebox, DIV.margined {
 P, H1, H2, H3, H4, H5, BLOCKQUOTE, PRE, FORM, OL, UL, LI, DL, DD, TABLE, .examplebox, DIV.margined {
 	/* only the end of paragraphs etc. has a margin */
 	/* only the end of paragraphs etc. has a margin */
 	margin-top: 0;
 	margin-top: 0;
-	margin-bottom: 0.6em;
+	margin-bottom: 1em;
 }
 }
-UL, DD {
+UL, OL, DD {
 	/* specify both of these for firefox compat. */
 	/* specify both of these for firefox compat. */
 	margin-left: 0;
 	margin-left: 0;
 	padding-left: 2em;
 	padding-left: 2em;
@@ -76,7 +76,7 @@ A.highlighted {
 	font-size: 82%;
 	font-size: 82%;
 }
 }
 .heading {
 .heading {
-	margin-top: 0.6em;
+	margin-top: 1em;
 	font-size: 120%;
 	font-size: 120%;
 	font-weight: bold;
 	font-weight: bold;
 }
 }
@@ -107,35 +107,37 @@ LI.compact {
 	padding: 8px;
 	padding: 8px;
 }
 }
 
 
-.examplebox {
+TT, .examplebox {
 	background-color: #f8f8f8; /* for IE */
 	background-color: #f8f8f8; /* for IE */
 	background-color: light-dark(#f8f8f8, var(--dark-tool-background-color));
 	background-color: light-dark(#f8f8f8, var(--dark-tool-background-color));
 	color: black; /* for IE */
 	color: black; /* for IE */
 	color: light-dark(black, var(--dark-color));
 	color: light-dark(black, var(--dark-color));
-	padding: 4px;
 	border: 1px solid #e0e0e0; /* for IE */
 	border: 1px solid #e0e0e0; /* for IE */
 	border: 1px solid light-dark(#e0e0e0, #716f71);
 	border: 1px solid light-dark(#e0e0e0, #716f71);
-	/* on IE6, if the content of the box is wider than the page,
-	   the width of the box is increased. on firefox 1.5, by default
-	   the box width stays the same, and the content is drawn outside
-	   the box. that looks ugly. "overflow: auto" tells it to put a
-	   scroll bar on the box when the content is too wide. (IE6
-	   apparently ignores "overflow: auto", at least here.) */
-	overflow: auto;
+	border-radius: 4px;
+}
+TT {
+	padding: 1px 3px;
+	display: inline-block;
+}
+.examplebox {
+	padding: 6px;
+	overflow-x: auto;
 }
 }
 .exampleheader {
 .exampleheader {
-	font-size: 82%;
+	font-size: calc(12rem/16);
 	font-weight: bold;
 	font-weight: bold;
-	margin-bottom: 0.6em;
+	line-height: normal;
+	margin-bottom: 0.5em;
 }
 }
 
 
 
 
 DT.paramlist {
 DT.paramlist {
-	margin-bottom: 0.6em;
+	margin-bottom: 0.5em;
 }
 }
 DD.paramlist {
 DD.paramlist {
 	/* give a little extra spacing between items */
 	/* give a little extra spacing between items */
-	margin-bottom: 1.2em;
+	margin-bottom: 1.5em;
 }
 }
 
 
 DT.flaglist {
 DT.flaglist {