DOC: new CSS skin added with white background

g9020 · Mar 29, 2011 · e8406bb · e8406bb
1 parent f0196cf
commit e8406bb
Show file tree

Hide file tree

Showing 4 changed files with 69 additions and 38 deletions.
diff --git a/docs/dark.css b/docs/dark.css
@@ -0,0 +1,33 @@
+body, blockquote, p {
+	font: normal normal 13px 'Trebuchet MS', Trebuchet, sans-serif;
+	color: #eee;
+	background: #111;
+}
+html body {
+	min-width: 0;
+	max-width: 100%;
+	width: 100%;
+}
+a:link {color: white; text-decoration: none;}
+a:visited {color: white;}
+a:hover {color: #a03020;}
+.cnt * a:link {border-bottom: 1px dotted white;}
+h1 {font-size: 16pt; Font-Weight: bold;}
+h2 {font-size: 14pt; color: #a03020; Font-Weight: bold; width: 100%;
+	border-bottom: 1px solid #c09060;}
+h3 {font-size: 12pt; color: #a03020; Font-Weight: bold;}
+h4 {font-size: 10pt; color: #a03020; Font-Weight: bold;}
+h5 {font-size: 10pt; Font-Weight: bold;}
+tt {font-family: "courier new", monospace, courier; color: darkgreen;}
+pre {font: normal 10pt "courier new", monospace, console;
+	background-color: #202020  ; padding: 16px;}
+legend {font-weight: bold; color: white;}
+.toc1 {margin-left: 1cm; font-size: 12pt; font-weight: bold; text-decoration: none;}
+.toc2 {margin-left: 2cm; font-size: 10pt; font-weight: bold; text-decoration: none;}
+.toc3 {margin-left: 3cm; font-size: 10pt; text-decoration: none;}
+.toc4 {margin-left: 4cm; font-size: 10pt; color: grey; text-decoration: none;}
+.output {color: #000080; font-weight: normal;}
+.znote {background-color: MidnightBlue; width: 100%; padding: 16px; border: solid #a0a0a0 1px;}
+.fset, .fset p {background-color: #140830;}
+.fset  {border: solid #a0a0a0 1px;}
+.tail {color: gray; font-size: 8pt;}
diff --git a/docs/light.css b/docs/light.css
@@ -0,0 +1,17 @@
+html, body, p, td, li {font-family: arial, sans-serif, helvetica; font-size: 10pt;}
+h1 {font-size: 16pt; Font-Weight: bold;}
+h2 {font-size: 14pt; color: #2030a0; Font-Weight: bold; width: 100%;
+	border-bottom: 1px solid #c09060;}
+h3 {font-size: 12pt; color: #2030a0; Font-Weight: bold;}
+h4 {font-size: 10pt; color: #2030a0; Font-Weight: bold;}
+h5 {font-size: 10pt; Font-Weight: bold;}
+tt {font-family: "courier new", monospace, courier; color: darkgreen;}
+pre {font: bold 10pt "courier new", monospace, console;
+	background-color: #e0e0e0; padding: 16px; border: solid #a0a0a0 1px;}
+.toc1 {margin-left: 1cm; font-size: 12pt; font-weight: bold;}
+.toc2 {margin-left: 2cm; font-size: 10pt; Font-Weight: bold; text-decoration: none;}
+.toc3 {margin-left: 3cm; font-size: 10pt; text-decoration: none;}
+.toc4 {margin-left: 4cm; font-size: 10pt; color: grey; text-decoration: none;}
+.output {color: #000080; font-weight: normal;}
+.note {background-color: #f0e090; width: 100%; padding: 16px; border: solid #a0a0a0 1px;}
+.tail {color: gray; font-size: 8pt;}
diff --git a/docs/red-system-specs.txt b/docs/red-system-specs.txt
@@ -1256,5 +1256,18 @@ will output:
 ###
 
 REBOL []
-md: load %makedoc2.r
-do/args md system/script/args: system/options/script
+
+do/args %makedoc2.r 'load-only
+doc: scan-doc read file: system/options/script
+set [title out] gen-html/options doc [(options)]
+
+file: last split-path file
+replace file ".txt" ".html"
+file2: copy file
+insert find file2 "." "-light"
+replace out "$DARK$"  file
+replace out "$LIGHT$" file2
+
+write file out
+replace out "dark.css" "light.css"
+write file2 out
diff --git a/docs/template.html b/docs/template.html
@@ -2,45 +2,13 @@
 <!--Page generated by REBOL-->
 <head>
 <title>$title</title>
-<style type="text/css">
-body, blockquote, p {
-	font: normal normal 13px 'Trebuchet MS', Trebuchet, sans-serif;
-	color: #eee;
-	background: #111;
-}
-html body {
-	min-width: 0;
-	max-width: 100%;
-	width: 100%;
-}
-a:link {color: white; text-decoration: none;}
-a:visited {color: white;}
-a:hover {color: #a03020;}
-.cnt * a:link {border-bottom: 1px dotted white;}
-h1 {font-size: 16pt; Font-Weight: bold;}
-h2 {font-size: 14pt; color: #a03020; Font-Weight: bold; width: 100%;
-	border-bottom: 1px solid #c09060;}
-h3 {font-size: 12pt; color: #a03020; Font-Weight: bold;}
-h4 {font-size: 10pt; color: #a03020; Font-Weight: bold;}
-h5 {font-size: 10pt; Font-Weight: bold;}
-tt {font-family: "courier new", monospace, courier; color: darkgreen;}
-pre {font: normal 10pt "courier new", monospace, console;
-	background-color: #202020  ; padding: 16px;}
-legend {font-weight: bold; color: white;}
-.toc1 {margin-left: 1cm; font-size: 12pt; font-weight: bold; text-decoration: none;}
-.toc2 {margin-left: 2cm; font-size: 10pt; font-weight: bold; text-decoration: none;}
-.toc3 {margin-left: 3cm; font-size: 10pt; text-decoration: none;}
-.toc4 {margin-left: 4cm; font-size: 10pt; color: grey; text-decoration: none;}
-.output {color: #000080; font-weight: normal;}
-.znote {background-color: MidnightBlue; width: 100%; padding: 16px; border: solid #a0a0a0 1px;}
-.fset, .fset p {background-color: #140830;}
-.fset  {border: solid #a0a0a0 1px;}
-.tail {color: gray; font-size: 8pt;}
-</style>
+<link media="screen" href="dark.css" type="text/css" rel="stylesheet">
 </head>
 <body bgcolor="white">
 <table width="800" cellpadding="4" cellspacing="0" border="0">
-<tr height="10"><td></td></tr>
+<tr height="10"><td align="right">
+	<a href="$DARK$">dark version</a> | <a href="$LIGHT$">light version</a>
+</td></tr>
 <tr><td class="cnt">$content</td></tr><tr>
 <td align="center">
 <span class="tail">