Commits

Geoffrey Sneddon committed 407efdc

No need to hotlink the WHATWG stylesheet.

Comments (0)

Files changed (6)

 <!DOCTYPE html><html lang=en-gb-x-sneddy><head><meta charset=utf-8>
 <title>spec-gen 1.0RC1-dev</title>
-<link href=http://www.whatwg.org/style/specification rel=stylesheet>
+<link href=style.css rel=stylesheet>
 <style>
 a:not([href]) {
 background-color: #00f;
 
 </head><body><header>
 	<h1>spec-gen 1.0RC1-dev</h1>
-	<h2 class="no-num no-toc">Documentation — 14 August 2008</h2>
+	<h2 class="no-num no-toc">Documentation — 25 August 2008</h2>
 </header>
 
 <h2 class="no-num no-toc" id=contents>Contents</h2>
 	<li><a href=#using-the-spec-gen><span class=secno>3 </span>Using the spec-gen</a></li>
 	<li><a href=#processes><span class=secno>4 </span>Processes</a>
 		<ol>
-			<li><a href=#cross-referencing-0><span class=secno>4.1 </span>Cross-referencing</a></li>
+			<li><a href=#cross-referencing><span class=secno>4.1 </span>Cross-referencing</a></li>
 			<li><a href=#table-of-contents/section-numbering><span class=secno>4.2 </span>Table of contents/section numbering</a></li>
 			<li><a href=#substitution><span class=secno>4.3 </span>Substitution</a>
 				<ol>
 5</a>: <q>U+0020 SPACE, U+0009 CHARACTER TABULATION (tab), U+000A LINE FEED
 (LF), U+000C FORM FEED (FF), and U+000D CARRIAGE RETURN (CR)</q>.</p>
 
-<h3 id=cross-referencing-0><span class=secno>4.1 </span>Cross-referencing</h3>
+<h3 id=cross-referencing><span class=secno>4.1 </span>Cross-referencing</h3>
 
-<p><dfn id=cross-referencing>Cross-referencing</dfn> has three essential parts: <dfn id=definition title=definition>definitions</dfn> that define <dfn id=term title=term>terms</dfn>,
+<p><dfn id=cross-referencing-0>Cross-referencing</dfn> has three essential parts: <dfn id=definition title=definition>definitions</dfn> that define <dfn id=term title=term>terms</dfn>,
 and <dfn id=instance title=instance>instances</dfn> of those
 <a href=#term title=term>terms</a>.</p>
 
 <html lang="en-gb-x-sneddy">
 <meta charset="utf-8">
 <title>spec-gen 1.0RC1-dev</title>
-<link rel="stylesheet" href="http://www.whatwg.org/style/specification">
+<link rel="stylesheet" href="style.css">
 <style>
 a:not([href]) {
 background-color: #00f;
+/* This was originally based on the W3C Working Draft stylesheet.
+ * Much has changed since those days. */
+
+html { margin: 0; padding: 0; color: black; background: white; }
+body { margin: 0; padding: 0; background: top left repeat-y; }
+body, th, td { font-family: sans-serif; }
+
+:link { color: #00C; background: transparent }
+:visited { color: #609; background: transparent }
+:link:active, :visited:active { color: #C00; background: transparent }
+:link:hover, :visited:hover { background: #ffa; }
+code :link, code :visited { color: inherit; }
+
+h1, h2, h3, h4, h5, h6 { text-align: left }
+h1, h2, h3 { color: #3c790a; background: transparent; }
+h1 { font: 900 170% sans-serif }
+h2 { font: 800 140% sans-serif }
+h3 { font: 800 125% sans-serif }
+h4 { font: 800 110% sans-serif }
+h5 { font: 800 100% sans-serif }
+h6 { font: 600 italic 100% sans-serif }
+
+body { padding: 0 1em 2em 8.5em; line-height: 1.35; }
+pre { margin-left: 2em; white-space: pre-wrap; }
+h2 { margin: 3em 0 1em 0; }
+h3 { margin: 2.5em 0 1em 0; }
+h4 { margin: 2.5em 0 0.75em 0; }
+h5, h6 { margin: 2.5em 0 1em; }
+h1 + h2, h2 + h3, h3 + h4, h4 + h5, h5 + h6 { margin-top: 0.5em; }
+p { margin: 1em 0; }
+hr { background: none; border: none; padding: 0; margin: 2em 0; }
+dl, dd { margin-top: 0; margin-bottom: 0; }
+dt { margin-top: 0.75em; margin-bottom: 0.25em; clear: left; }
+dt + dt { margin-top: 0; }
+dd dt { margin-top: 0.25em; margin-bottom: 0; }
+dd p { margin-top: 0; }
+dd dl + p { margin-top: 1em; }
+dd table + p { margin-top: 1em; }
+p + * > li, dd li { margin: 1em 0; }
+dt, dfn { font-weight: bold; font-style: normal; }
+dt dfn { font-style: italic; }
+pre, code { font-size: inherit; font-family: monospace; font-variant: normal; }
+pre strong { color: black; font: inherit; font-weight: bold; background: yellow; }
+pre em { font-weight: bolder; font-style: normal; }
+@media screen { code { color: orangered; } }
+var sub { vertical-align: bottom; font-size: smaller; position: relative; top: 0.1em; }
+table { border-collapse: collapse; border-style: hidden hidden none hidden; }
+table thead { border-bottom: solid; }
+table tbody th:first-child { border-left: solid; }
+table td, table th { border-left: solid; border-right: solid; border-bottom: solid thin; vertical-align: top; padding: 0.2em; }
+blockquote { margin: 0 0 0 2em; border: 0; padding: 0; font-style: italic; }
+ins { background: green; color: white; /* color: green; border: solid thin lime; padding: 0.3em; line-height: 1.6em; */ text-decoration: none; }
+del { background: maroon; color: white; /* color: maroon; border: solid thin red; padding: 0.3em; line-height: 1.6em; */ text-decoration: line-through; }
+body ins, body del { display: block; }
+body * ins, body * del { display: inline; }
+
+
+/* classes and other specifics */
+
+.toc dfn, h1 dfn, h2 dfn, h3 dfn, h4 dfn, h5 dfn, h6 dfn { font: inherit; }
+img.extra { float: right; }
+hr.bookmark { border: dashed 2em black; background: yellow; }
+pre.idl { border: solid thin; background: #EEEEEE; color: black; padding: 0.5em; }
+pre.idl :link, pre.idl :visited { color: inherit; background: transparent; }
+code.property-name { background: #FFFFCC; color: black; }
+code.method-name { background: #CCCCFF; color: black; }
+code.parameter-name { background: #FFCCFF; color: black; }
+code.constant-name { background: #CCFFCC; color: black; }
+dl.switch { padding-left: 2em; }
+dl.switch dt { text-indent: -1.5em; }
+dl.switch dt:before { content: '\21AA'; padding: 0 0.5em 0 0; display: inline-block; width: 1em; text-align: right; line-height: 0.5em; }
+.diff-old { text-decoration: line-through; color: silver; background: transparent; }
+.diff-chg, .diff-new { text-decoration: underline; color: green; background: transparent; }
+a .diff-new { border-bottom: 1px blue solid; }
+
+h2 { page-break-before: always; }
+h1 + h2, hr + h2.no-toc { page-break-before: auto; }
+
+div.head { margin: 0 0 1em; padding: 1em 0 0 0; }
+div.head p { margin: 0; }
+div.head h1 { margin: 0; }
+div.head .logo { float: right; margin: 0 1em; }
+div.head .logo img { border: none } /* remove border from top image */
+div.head dl { margin: 1em 0; }
+p.copyright { font-size: x-small; font-style: oblique; margin: 0; }
+
+body > .toc > li { margin-top: 1em; margin-bottom: 1em; }
+body > .toc > li > * { margin-bottom: 0.5em; }
+body > .toc > li > * > li > * { margin-bottom: 0.25em; }
+.toc, .toc li { list-style: none; }
+
+.brief { margin-top: 1em; margin-bottom: 1em; line-height: 1.1; }
+.brief li { margin: 0; padding: 0; }
+.brief li p { margin: 0; padding: 0; }
+
+[title=WIP], [title=TBW] { background: red; color: yellow; padding: 0.1em 0.3em; border: dotted white; margin: 0 0.7em 0 0.2em; }
+[title=SCS] { background: green; color: white; padding: 0.1em 0.3em; border-style: none dashed; margin: 0 0.7em 0 0.2em; }
+[title=WIP] :link, [title=WIP] :visited,
+[title=TBW] :link, [title=TBW] :visited,
+[title=SCS] :link, [title=SCS] :visited { background: transparent; color: inherit; }
+
+.issue { color: #E50000; background: white; opacity: 0.9; white-space: normal; }
+.big-issue { color: #E50000; background: white; border: solid red; padding: 0.5em; margin: 1em 0; }
+.big-issue > :first-child { margin-top: 0; }
+p .big-issue { line-height: 3em; }
+.note { color: green; background: transparent; font-family: sans-serif; }
+.warning { color: red; background: transparent; }
+.note, .warning { font-weight: bolder; font-style: italic; }
+p.note, div.note { padding: 0.5em 2em; }
+span.note { padding: 0 2em; }
+.note p:first-child, .warning p:first-child { margin-top: 0; }
+.note p:last-child, .warning p:last-child { margin-bottom: 0; }
+.warning:before { font-style: normal; }
+
+.big-issue:before, .big-issue:after { content: " ** "; position: absolute; left: 0; width: 8em; text-align: right; }
+p.note:before { content: 'Note: '; }
+p.warning:before { content: '\26A0 Warning! '; }
+
+.issue {
+  position: absolute;
+  top: auto;
+  left: 0;
+  margin: -1.5em 0.2em 0.2em 0.2em;
+  border: solid thin;
+  padding: 0.35em;
+  width: 12em;
+  text-align: left;
+  font-size: 0.6em;
+}
+
+.issue:hover {
+  z-index: 1;
+}
+
+.issue:before {
+  content: '\25B6';
+  display: block;
+  text-align: right;
+  position: absolute;
+  left: 100%;
+  top: 0;
+}
+
+.critical { margin: 1em; border: double thick red; padding: 1em; background: #FFFFCC; }
+.critical > :first-child { margin-top: 0; }
+
+.example {
+  display: block;
+  color: #222222;
+  background: #FCFCFC;
+  border-left: double;
+  margin-left: 1em;
+  padding-left: 1em;
+}
+
+.tall-and-narrow {
+  font-size: 0.6em;
+  column-width: 25em;
+  column-gap: 1em;
+  -moz-column-width: 25em;
+  -moz-column-gap: 1em;
+  -webkit-column-width: 25em;
+  -webkit-column-gap: 1em;
+}
+
+.hide { display: none }
+
+
+@media aural {  
+  h1, h2, h3 { stress: 20; richness: 90 }
+  .hide { speak: none }
+  p.copyright { volume: x-soft; speech-rate: x-fast }
+  dt { pause-before: 20% }
+  code, pre { speak-punctuation: code } 
+}
+
+@media screen {
+  body.draft { background-image: url(/images/WD); }
+  body.cfc { background-image: url(/images/CFC); }
+  body.cfi { background-image: url(/images/CFI); }
+  body.spec { background-image: url(/images/REC); }
+}
+
+@media print {
+  html { font-size: 10pt; }
+  @page { margin: 2cm 0.5cm 2cm 0.5cm; }
+  @page :left {
+    @bottom-left {
+      font: 10pt sans-serif;
+      content: counter(page);
+      padding-top: 0em;
+      vertical-align: top;
+    }
+  }
+  @page :right {
+    @bottom-right {
+      font: 10pt sans-serif;
+      content: counter(page);
+      text-align: right;
+      vertical-align: top;
+      padding-top: 0em;
+    }
+  }
+  .toc a::after { content: leader('.') target-counter(attr(href), page); }
+  a[href^="#"]::after { content: " (page " target-counter(attr(href), page) ")"; }
+  pre a[href^="#"]::after, blockquote a[href^="#"]::after, var a[href^="#"]::after,
+  code a[href^="#"]::after, a[href^="#refs"]::after { content: ""; }
+  table { font-size: smaller; }
+  :link, :visited { text-decoration: none; color: inherit; background: transparent; }
+}

website/index.html

 <!DOCTYPE html><html lang=en-gb-x-sneddy><head><meta charset=utf-8>
 <title>spec-gen 1.0RC1-dev</title>
-<link href=http://www.whatwg.org/style/specification rel=stylesheet>
+<link href=style.css rel=stylesheet>
 <style>
 a:not([href]) {
 background-color: #00f;
 
 </head><body><header>
 	<h1>spec-gen 1.0RC1-dev</h1>
-	<h2 class="no-num no-toc">Documentation — 5 August 2008</h2>
+	<h2 class="no-num no-toc">Documentation — 25 August 2008</h2>
 </header>
 
 <h2 class="no-num no-toc" id=contents>Contents</h2>
 <p>Alternatively, a copy can be obtained from <dfn id=our-mercurial-repository>our <a href=http://www.selenic.com/mercurial/>Mercurial</a> repository</dfn>: this is
 where our ongoing development occurs, and allows any revision (and therefore any
 release) to be downloaded. Our repository is located at
-<code><a href=http://hg.gsnedders.com/spec-gen/>http://hg.gsnedders.com/spec-gen/</a></code>.
+<code><!--begin-link--><a href=http://hg.gsnedders.com/spec-gen/>http://hg.gsnedders.com/spec-gen/</a><!--end-link--></code>.
 
 </p><h3 id=installation><span class=secno>2.3 </span>Installation</h3>
 

website/index.src.html

 <html lang="en-gb-x-sneddy">
 <meta charset="utf-8">
 <title>spec-gen 1.0RC1-dev</title>
-<link rel="stylesheet" href="http://www.whatwg.org/style/specification">
+<link rel="stylesheet" href="style.css">
 <style>
 a:not([href]) {
 background-color: #00f;

website/style.css

+/* This was originally based on the W3C Working Draft stylesheet.
+ * Much has changed since those days. */
+
+html { margin: 0; padding: 0; color: black; background: white; }
+body { margin: 0; padding: 0; background: top left repeat-y; }
+body, th, td { font-family: sans-serif; }
+
+:link { color: #00C; background: transparent }
+:visited { color: #609; background: transparent }
+:link:active, :visited:active { color: #C00; background: transparent }
+:link:hover, :visited:hover { background: #ffa; }
+code :link, code :visited { color: inherit; }
+
+h1, h2, h3, h4, h5, h6 { text-align: left }
+h1, h2, h3 { color: #3c790a; background: transparent; }
+h1 { font: 900 170% sans-serif }
+h2 { font: 800 140% sans-serif }
+h3 { font: 800 125% sans-serif }
+h4 { font: 800 110% sans-serif }
+h5 { font: 800 100% sans-serif }
+h6 { font: 600 italic 100% sans-serif }
+
+body { padding: 0 1em 2em 8.5em; line-height: 1.35; }
+pre { margin-left: 2em; white-space: pre-wrap; }
+h2 { margin: 3em 0 1em 0; }
+h3 { margin: 2.5em 0 1em 0; }
+h4 { margin: 2.5em 0 0.75em 0; }
+h5, h6 { margin: 2.5em 0 1em; }
+h1 + h2, h2 + h3, h3 + h4, h4 + h5, h5 + h6 { margin-top: 0.5em; }
+p { margin: 1em 0; }
+hr { background: none; border: none; padding: 0; margin: 2em 0; }
+dl, dd { margin-top: 0; margin-bottom: 0; }
+dt { margin-top: 0.75em; margin-bottom: 0.25em; clear: left; }
+dt + dt { margin-top: 0; }
+dd dt { margin-top: 0.25em; margin-bottom: 0; }
+dd p { margin-top: 0; }
+dd dl + p { margin-top: 1em; }
+dd table + p { margin-top: 1em; }
+p + * > li, dd li { margin: 1em 0; }
+dt, dfn { font-weight: bold; font-style: normal; }
+dt dfn { font-style: italic; }
+pre, code { font-size: inherit; font-family: monospace; font-variant: normal; }
+pre strong { color: black; font: inherit; font-weight: bold; background: yellow; }
+pre em { font-weight: bolder; font-style: normal; }
+@media screen { code { color: orangered; } }
+var sub { vertical-align: bottom; font-size: smaller; position: relative; top: 0.1em; }
+table { border-collapse: collapse; border-style: hidden hidden none hidden; }
+table thead { border-bottom: solid; }
+table tbody th:first-child { border-left: solid; }
+table td, table th { border-left: solid; border-right: solid; border-bottom: solid thin; vertical-align: top; padding: 0.2em; }
+blockquote { margin: 0 0 0 2em; border: 0; padding: 0; font-style: italic; }
+ins { background: green; color: white; /* color: green; border: solid thin lime; padding: 0.3em; line-height: 1.6em; */ text-decoration: none; }
+del { background: maroon; color: white; /* color: maroon; border: solid thin red; padding: 0.3em; line-height: 1.6em; */ text-decoration: line-through; }
+body ins, body del { display: block; }
+body * ins, body * del { display: inline; }
+
+
+/* classes and other specifics */
+
+.toc dfn, h1 dfn, h2 dfn, h3 dfn, h4 dfn, h5 dfn, h6 dfn { font: inherit; }
+img.extra { float: right; }
+hr.bookmark { border: dashed 2em black; background: yellow; }
+pre.idl { border: solid thin; background: #EEEEEE; color: black; padding: 0.5em; }
+pre.idl :link, pre.idl :visited { color: inherit; background: transparent; }
+code.property-name { background: #FFFFCC; color: black; }
+code.method-name { background: #CCCCFF; color: black; }
+code.parameter-name { background: #FFCCFF; color: black; }
+code.constant-name { background: #CCFFCC; color: black; }
+dl.switch { padding-left: 2em; }
+dl.switch dt { text-indent: -1.5em; }
+dl.switch dt:before { content: '\21AA'; padding: 0 0.5em 0 0; display: inline-block; width: 1em; text-align: right; line-height: 0.5em; }
+.diff-old { text-decoration: line-through; color: silver; background: transparent; }
+.diff-chg, .diff-new { text-decoration: underline; color: green; background: transparent; }
+a .diff-new { border-bottom: 1px blue solid; }
+
+h2 { page-break-before: always; }
+h1 + h2, hr + h2.no-toc { page-break-before: auto; }
+
+div.head { margin: 0 0 1em; padding: 1em 0 0 0; }
+div.head p { margin: 0; }
+div.head h1 { margin: 0; }
+div.head .logo { float: right; margin: 0 1em; }
+div.head .logo img { border: none } /* remove border from top image */
+div.head dl { margin: 1em 0; }
+p.copyright { font-size: x-small; font-style: oblique; margin: 0; }
+
+body > .toc > li { margin-top: 1em; margin-bottom: 1em; }
+body > .toc > li > * { margin-bottom: 0.5em; }
+body > .toc > li > * > li > * { margin-bottom: 0.25em; }
+.toc, .toc li { list-style: none; }
+
+.brief { margin-top: 1em; margin-bottom: 1em; line-height: 1.1; }
+.brief li { margin: 0; padding: 0; }
+.brief li p { margin: 0; padding: 0; }
+
+[title=WIP], [title=TBW] { background: red; color: yellow; padding: 0.1em 0.3em; border: dotted white; margin: 0 0.7em 0 0.2em; }
+[title=SCS] { background: green; color: white; padding: 0.1em 0.3em; border-style: none dashed; margin: 0 0.7em 0 0.2em; }
+[title=WIP] :link, [title=WIP] :visited,
+[title=TBW] :link, [title=TBW] :visited,
+[title=SCS] :link, [title=SCS] :visited { background: transparent; color: inherit; }
+
+.issue { color: #E50000; background: white; opacity: 0.9; white-space: normal; }
+.big-issue { color: #E50000; background: white; border: solid red; padding: 0.5em; margin: 1em 0; }
+.big-issue > :first-child { margin-top: 0; }
+p .big-issue { line-height: 3em; }
+.note { color: green; background: transparent; font-family: sans-serif; }
+.warning { color: red; background: transparent; }
+.note, .warning { font-weight: bolder; font-style: italic; }
+p.note, div.note { padding: 0.5em 2em; }
+span.note { padding: 0 2em; }
+.note p:first-child, .warning p:first-child { margin-top: 0; }
+.note p:last-child, .warning p:last-child { margin-bottom: 0; }
+.warning:before { font-style: normal; }
+
+.big-issue:before, .big-issue:after { content: " ** "; position: absolute; left: 0; width: 8em; text-align: right; }
+p.note:before { content: 'Note: '; }
+p.warning:before { content: '\26A0 Warning! '; }
+
+.issue {
+  position: absolute;
+  top: auto;
+  left: 0;
+  margin: -1.5em 0.2em 0.2em 0.2em;
+  border: solid thin;
+  padding: 0.35em;
+  width: 12em;
+  text-align: left;
+  font-size: 0.6em;
+}
+
+.issue:hover {
+  z-index: 1;
+}
+
+.issue:before {
+  content: '\25B6';
+  display: block;
+  text-align: right;
+  position: absolute;
+  left: 100%;
+  top: 0;
+}
+
+.critical { margin: 1em; border: double thick red; padding: 1em; background: #FFFFCC; }
+.critical > :first-child { margin-top: 0; }
+
+.example {
+  display: block;
+  color: #222222;
+  background: #FCFCFC;
+  border-left: double;
+  margin-left: 1em;
+  padding-left: 1em;
+}
+
+.tall-and-narrow {
+  font-size: 0.6em;
+  column-width: 25em;
+  column-gap: 1em;
+  -moz-column-width: 25em;
+  -moz-column-gap: 1em;
+  -webkit-column-width: 25em;
+  -webkit-column-gap: 1em;
+}
+
+.hide { display: none }
+
+
+@media aural {  
+  h1, h2, h3 { stress: 20; richness: 90 }
+  .hide { speak: none }
+  p.copyright { volume: x-soft; speech-rate: x-fast }
+  dt { pause-before: 20% }
+  code, pre { speak-punctuation: code } 
+}
+
+@media screen {
+  body.draft { background-image: url(/images/WD); }
+  body.cfc { background-image: url(/images/CFC); }
+  body.cfi { background-image: url(/images/CFI); }
+  body.spec { background-image: url(/images/REC); }
+}
+
+@media print {
+  html { font-size: 10pt; }
+  @page { margin: 2cm 0.5cm 2cm 0.5cm; }
+  @page :left {
+    @bottom-left {
+      font: 10pt sans-serif;
+      content: counter(page);
+      padding-top: 0em;
+      vertical-align: top;
+    }
+  }
+  @page :right {
+    @bottom-right {
+      font: 10pt sans-serif;
+      content: counter(page);
+      text-align: right;
+      vertical-align: top;
+      padding-top: 0em;
+    }
+  }
+  .toc a::after { content: leader('.') target-counter(attr(href), page); }
+  a[href^="#"]::after { content: " (page " target-counter(attr(href), page) ")"; }
+  pre a[href^="#"]::after, blockquote a[href^="#"]::after, var a[href^="#"]::after,
+  code a[href^="#"]::after, a[href^="#refs"]::after { content: ""; }
+  table { font-size: smaller; }
+  :link, :visited { text-decoration: none; color: inherit; background: transparent; }
+}