- From: SVG Working Group repository <cam+svgwgrepo@mcc.id.au>
- Date: Fri, 05 Apr 2013 19:19:10 -0700
- To: public-svg-wg@w3.org
details: https://svgwg.org/hg/svg2/rev/849d3bbee343 branches: changeset: 479:849d3bbee343 user: Cameron McCormack <cam@mcc.id.au> date: Sat Apr 06 13:13:55 2013 +1100 description: chmod -x changes.html details: https://svgwg.org/hg/svg2/rev/9efe898e7f08 branches: changeset: 480:9efe898e7f08 user: Cameron McCormack <cam@mcc.id.au> date: Sat Apr 06 13:16:30 2013 +1100 description: Add new spec template. diffstat: .hgignore | 2 +- master/changes.html | 0 specs/template/Makefile | 1 + specs/template/master/definitions.xml | 9 + specs/template/master/index.html | 97 +++ specs/template/master/publish.xml | 39 + specs/template/master/style/W3C-ED.css | 89 +++ specs/template/master/style/W3C-WD.css | 88 +++ specs/template/master/style/default.css | 550 +++++++++++++++++++ specs/template/master/style/default_no_issues.css | 11 + specs/template/master/style/default_requirements.css | 23 + specs/template/master/style/default_svg.css | 337 +++++++++++ specs/template/master/style/expanders.js | 32 + specs/template/master/style/link-fixup.js | 9 + specs/template/master/style/load-mathjax.js | 4 + 15 files changed, 1290 insertions(+), 1 deletions(-) diffs (1371 lines): diff --git a/.hgignore b/.hgignore --- a/.hgignore +++ b/.hgignore @@ -5,9 +5,9 @@ ^build ^publish ~$ \.(orig|rej)$ \.py(c|o)$ (?i)(^|/)TAGS$ (^|/)ID$ (^|/)\.DS_Store$ - +/build$ diff --git a/master/changes.html b/master/changes.html old mode 100755 new mode 100644 diff --git a/specs/template/Makefile b/specs/template/Makefile new file mode 100644 --- /dev/null +++ b/specs/template/Makefile @@ -0,0 +1,1 @@ +include ../../../svg2-tools/spec.mk diff --git a/specs/template/master/definitions.xml b/specs/template/master/definitions.xml new file mode 100644 --- /dev/null +++ b/specs/template/master/definitions.xml @@ -0,0 +1,9 @@ +<!-- Definitions for SPECIFICATION. --> + +<definitions xmlns='http://mcc.id.au/ns/local' xmlns:x='http://mcc.id.au/ns/local'> + + <!-- === defined in this specification ================================== --> + + <!-- ... --> + +</definitions> diff --git a/specs/template/master/index.html b/specs/template/master/index.html new file mode 100644 --- /dev/null +++ b/specs/template/master/index.html @@ -0,0 +1,97 @@ +<?xml version="1.0"?> +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional+edit//EN" "xhtml1-transitional+edit.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:edit="http://xmlns.grorg.org/SVGT12NG/"> +<head> + <title>Full Title of Specification</title> + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> + <link rel="stylesheet" title="Default" type="text/css" href="style/default_svg.css"/> + <link rel="alternate stylesheet" title="No issues/annotations" type="text/css" href="style/default_no_issues.css"/> +</head> +<body> + +<div class="head"> + <p><a href="http://www.w3.org/"><img height="48" width="72" alt="W3C" src="http://www.w3.org/Icons/w3c_home"/></a></p> + <h1 id="pagetitle">Full Title of Specification</h1> + <h2 id="pagesubtitle">W3C <edit:maturity/> <em><edit:date/></em></h2> + <dl> + <dt>This version:</dt> + <dd><edit:thisversion/></dd> + <dt>Latest version:</dt> + <dd><edit:latestversion/></dd> + <edit:includelatesteditorsdraft/> + <!-- + <dt>Previous version:</dt> + <dd><edit:previousversion/></dd> + --> + <dt>Public comments:</dt> + <dd><a href="mailto:www-svg@w3.org" class='url'>www-svg@w3.org</a> (<a href="http://lists.w3.org/Archives/Public/www-svg/">archive</a>)</dd> + <dt class="top-editors">Editors:</dt> + <dd>Aaron Aardvark, Acme, Inc. <<a href="mailto:aaron.aadvark@acme.com" class='url'>aaron.aardvark@acme.com</a>></dd> + </dl> + <edit:copyright/> +</div> + +<hr/> + +<h2 id="abstract">Abstract</h2> + +<p class="issue">Abstract goes here.</p> + +<h2 id="status">Status of This Document</h2> + +<p><em>This section describes the status of this document at the time of its +publication. Other documents may supersede this document. A list of current W3C +publications and the latest revision of this technical report can be found in +the <a href="http://www.w3.org/TR/">W3C technical reports index</a> at http://www.w3.org/TR/</em>.</p> + +<p>This document is the <edit:date/> <strong><edit:maturity/></strong> of Short Title. +<span class="issue">Custom SotD information goes here.</span></p> + +<p>Comments on this <edit:maturity/> are welcome. +Comments can be sent to <a href="mailto:www-svg@w3.org" class='url'>www-svg@w3.org</a>, +the public email list for issues related to vector graphics on the Web. This list is +<a href="http://lists.w3.org/Archives/Public/www-svg/">archived</a> and +senders must agree to have their message publicly archived from their +first posting. To subscribe send an email to +<a href="mailto:www-svg-request@w3.org" class='url'>www-svg-request@w3.org</a> with +the word <code>subscribe</code> in the subject line.</p> + +<p>This document has been produced by the +<a href="http://www.w3.org/Graphics/SVG/WG">W3C SVG Working Group</a> as part of +the <a href="http://www.w3.org/Graphics/Activity">Graphics Activity</a> within +the <a href="http://www.w3.org/Interaction/">W3C Interaction Domain</a>. The +goals of the W3C SVG Working Group are discussed in the +<a href="http://www.w3.org/2007/11/SVG_rechartering/SVG-WG-charter.html">W3C SVG Charter</a>. +The W3C SVG Working Group maintains a public Web page, +<a href="http://www.w3.org/Graphics/SVG/" class='url'>http://www.w3.org/Graphics/SVG/</a>, +that contains further background information. The authors of +this document are the SVG Working Group participants.</p> + +<p>This document was produced by a group operating under the +<a href="http://www.w3.org/Consortium/Patent-Policy-20040205/">5 February 2004 W3C Patent Policy</a>. +W3C maintains a <a rel="disclosure" href="http://www.w3.org/2004/01/pp-impl/19480/status">public list of any patent disclosures</a> +made in connection with the deliverables of the group; that page also includes +instructions for disclosing a patent. An individual who has actual knowledge of +a patent which the individual believes contains +<a href="http://www.w3.org/Consortium/Patent-Policy-20040205/#def-essential">Essential Claim(s)</a> +must disclose the information in accordance with +<a href="http://www.w3.org/Consortium/Patent-Policy-20040205/#sec-Disclosure">section 6 of the W3C Patent Policy</a>.</p> + +<p>Publication as a Working Draft does not imply endorsement by the W3C Membership. +This is a draft document and may be updated, replaced or obsoleted by other documents +at any time. It is inappropriate to cite this document as other than work in progress.</p> + +<p>A list of current W3C Recommendations and other technical documents can be found at +<a href="http://www.w3.org/TR/" class='url'>http://www.w3.org/TR/</a>. W3C publications +may be updated, replaced, or obsoleted by other documents at any time.</p> + +<h2 id="toc">Table of Contents</h2> + +<edit:fulltoc/> + +<h2 id="Introduction">Introduction</h2> + +<p>SVG includes many elements, including the <a>'rect'</a> element. …</p> + +</body> +</html> diff --git a/specs/template/master/publish.xml b/specs/template/master/publish.xml new file mode 100644 --- /dev/null +++ b/specs/template/master/publish.xml @@ -0,0 +1,39 @@ +<!-- Publication script for SPECIFICATION. --> +<!-- (This template is for a single page spec.) --> + +<publish-conf xmlns='http://mcc.id.au/ns/local'> + <title>Full Title of Specification</title> + <short-title>Short Title</short-title> + <maturity>ED</maturity> + <output use-publish-directory='true' publish-directory='build/publish'/> + + <!-- + Uncomment the publication date when it is time to publish on + http://www.w3.org/TR/. While an Editor's Draft, leave this + commented out and the last commit date will be used as the + document's date. + --> + + <!-- + <publication-date>2013-xx-xx</publication-date> + --> + + <versions> + <cvs href='https://dvcs.w3.org/hg/svg2/specs/SPEC'/> + <this href='http://www.w3.org/TR/2013/WD-SPEC-2013xxxx'/> + <!-- + <previous href='http://www.w3.org/TR/2013/WD-SPEC-2013xxxx'/> + --> + <latest href='http://www.w3.org/TR/SPEC/'/> + </versions> + + <definitions href='definitions.xml'/> + <definitions href='../../../master/definitions.xml' base='http://www.w3.org/TR/SVG2/'/> + <definitions href='../../../master/definitions-filters.xml' base='http://www.w3.org/TR/2012/WD-filter-effects-20121025/'/> + <definitions href='../../../master/definitions-masking.xml' base='http://www.w3.org/TR/2012/WD-css-masking-20121115/'/> + <definitions href='../../../master/definitions-compositing.xml' base='http://www.w3.org/TR/2012/WD-compositing-20120816/'/> + + <resource href='style'/> + + <index name='index'/> +</publish-conf> diff --git a/specs/template/master/style/W3C-ED.css b/specs/template/master/style/W3C-ED.css new file mode 100644 --- /dev/null +++ b/specs/template/master/style/W3C-ED.css @@ -0,0 +1,89 @@ + +/* Style for a Working Group Editors' Draft */ + +/* + Copyright 1997-2003 W3C (MIT, ERCIM, Keio). All Rights Reserved. + The following software licensing rules apply: + http://www.w3.org/Consortium/Legal/copyright-software */ + +/* $Id: base.css,v 1.25 2006/04/18 08:42:53 bbos Exp $ */ + +body { + padding: 2em 1em 2em 70px; + margin: 0; + font-family: sans-serif; + color: black; + background: white; + background-position: top left; + background-attachment: fixed; + background-repeat: no-repeat; +} +:link { color: #00C; background: transparent } +:visited { color: #609; background: transparent } +a:active { color: #C00; background: transparent } + +a:link img, a:visited img { border-style: none } /* no border on img links */ + +a img { color: white; } /* trick to hide the border in Netscape 4 */ +@media all { /* hide the next rule from Netscape 4 */ + a img { color: inherit; } /* undo the color change above */ +} + +th, td { /* ns 4 */ + font-family: sans-serif; +} + +h1, h2, h3, h4, h5, h6 { text-align: left } +/* background should be transparent, but WebTV has a bug */ +h1, h2, h3 { color: #005A9C; background: white } +h1 { font: 170% sans-serif } +h2 { font: 140% sans-serif } +h3 { font: 120% sans-serif } +h4 { font: bold 100% sans-serif } +h5 { font: italic 100% sans-serif } +h6 { font: small-caps 100% sans-serif } + +.hide { display: none } + +div.head { margin-bottom: 1em } +div.head h1 { margin-top: 2em; clear: both } +div.head table { margin-left: 2em; margin-top: 2em } + +p.copyright { font-size: small } +p.copyright small { font-size: small } + +@media screen { /* hide from IE3 */ +a[href]:hover { background: #ffa } +} + +pre { margin-left: 2em } +/* +p { + margin-top: 0.6em; + margin-bottom: 0.6em; +} +*/ +dt, dd { margin-top: 0; margin-bottom: 0 } /* opera 3.50 */ +dt { font-weight: bold } + +pre, code { font-family: monospace } /* navigator 4 requires this */ + +ul.toc, ol.toc { + list-style: disc; /* Mac NS has problem with 'none' */ + list-style: 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% } + pre { speak-punctuation: code } +} + + + +body { + background-image: url(http://www.w3.org/StyleSheets/TR/logo-ED); +} + diff --git a/specs/template/master/style/W3C-WD.css b/specs/template/master/style/W3C-WD.css new file mode 100644 --- /dev/null +++ b/specs/template/master/style/W3C-WD.css @@ -0,0 +1,88 @@ + +/* Style for a public "Working Draft" */ + +/* + Copyright 1997-2003 W3C (MIT, ERCIM, Keio). All Rights Reserved. + The following software licensing rules apply: + http://www.w3.org/Consortium/Legal/copyright-software */ + +/* $Id: base.css,v 1.25 2006/04/18 08:42:53 bbos Exp $ */ + +body { + padding: 2em 1em 2em 70px; + margin: 0; + font-family: sans-serif; + color: black; + background: white; + background-position: top left; + background-attachment: fixed; + background-repeat: no-repeat; +} +:link { color: #00C; background: transparent } +:visited { color: #609; background: transparent } +a:active { color: #C00; background: transparent } + +a:link img, a:visited img { border-style: none } /* no border on img links */ + +a img { color: white; } /* trick to hide the border in Netscape 4 */ +@media all { /* hide the next rule from Netscape 4 */ + a img { color: inherit; } /* undo the color change above */ +} + +th, td { /* ns 4 */ + font-family: sans-serif; +} + +h1, h2, h3, h4, h5, h6 { text-align: left } +/* background should be transparent, but WebTV has a bug */ +h1, h2, h3 { color: #005A9C; background: white } +h1 { font: 170% sans-serif } +h2 { font: 140% sans-serif } +h3 { font: 120% sans-serif } +h4 { font: bold 100% sans-serif } +h5 { font: italic 100% sans-serif } +h6 { font: small-caps 100% sans-serif } + +.hide { display: none } + +div.head { margin-bottom: 1em } +div.head h1 { margin-top: 2em; clear: both } +div.head table { margin-left: 2em; margin-top: 2em } + +p.copyright { font-size: small } +p.copyright small { font-size: small } + +@media screen { /* hide from IE3 */ +a[href]:hover { background: #ffa } +} + +pre { margin-left: 2em } +/* +p { + margin-top: 0.6em; + margin-bottom: 0.6em; +} +*/ +dt, dd { margin-top: 0; margin-bottom: 0 } /* opera 3.50 */ +dt { font-weight: bold } + +pre, code { font-family: monospace } /* navigator 4 requires this */ + +ul.toc, ol.toc { + list-style: disc; /* Mac NS has problem with 'none' */ + list-style: 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% } + pre { speak-punctuation: code } +} + + + +body { + background-image: url(http://www.w3.org/StyleSheets/TR/logo-WD); +} diff --git a/specs/template/master/style/default.css b/specs/template/master/style/default.css new file mode 100644 --- /dev/null +++ b/specs/template/master/style/default.css @@ -0,0 +1,550 @@ +/* + * Style sheet for the CSS3 specification, + * to be used in addition to http://www.w3.org/StyleSheets/TR/W3C-{WD,PR,REC} + * $Id: default.css,v 1.8 2011-08-18 02:18:14 tatkinsj Exp $ + */ + +@media print { + + /* the following doesn't work for now, + instead we rely on a patched version of html2ps which has this built-in */ + .dlink { display: none } + + /* the following doesn't work for now, + instead we rely on a patched version of html2ps which has this built-in */ + div.navbar { + display: none; + } + + html { margin: 0 !important } + body { font-family: serif } + th, td { font-family: inherit } + a { color: inherit !important } + div.example:before { font-family: serif !important } + pre.example:before { font-family: serif !important } + a:link, a:visited { text-decoration: none !important } + a:link:after, a:visited:after { /* create a cross-ref "see..." */ } +} +@page { + margin: 1.5cm 1.1cm; +} + +/* html body { margin-left: 8.5em } /* Overrides 70px in base.css */ + +body {counter-reset: exampleno figure; max-width: 50em; margin: 0 auto !important; color: #444; } + +/* Pagination */ +h1, h2, h3, h4, h5, h6 { page-break-after: avoid; font-family: inherit } +div.figure, div.sidefigure, pre, table.propdef, table.propdef-extra, +div.example { page-break-inside: avoid } +dt { page-break-after: avoid } + +span.id {float: right; font-weight: bold} + +/* General Structural Markup */ +h2, h3, h5, h6 { margin-top: 3em; } + +h1 + h2 { margin-top: 0; } + +h4 { margin-top: 4em; } + +p, div.note { + text-indent: 0; + margin-bottom: 0; + margin-top: 1em +} + +dd > p:first-child, li > p:first-child, .note > p:first-child { + margin-top: 0 +} + +pre { + text-align: left; /* fixes justification in Mac IE 5 */ + text-indent: 0; /* fixes indent in Mac Netscape 6 */ + margin-top: 1em; + margin-bottom: 1em; + font-size: 90% /*smaller*/; +} + +img { + border-style: none; + color: white; +} +.toc { + text-indent: 0; +} + + +@media all { /* NS < 6 doesn't like borders around inline elements... */ + + body { + line-height: 1.5; + } + + a:link, a:visited { + color: inherit; + text-decoration: underline; + } + + a.logo:link, a.logo:visited { + padding: 0; + border-style: none; + } + + /* Hmm, this seems to confuse many browsers... */ + dl dd { margin: 0 0 1em 2em } + .head dd { margin-bottom: 0; } + ul, ol { margin-left: 0; padding-left: 2em; } + li { margin: 0.25em 2em 0.5em 0; padding-left: 0 } + +} +ul.indexlist { margin-left: 0; /*column-width: 13em; columns: 13em*/ } +ul.indexlist li { margin-left: 0; list-style: none } +ul.indexlist li li { margin-left: 1em } + +/* Examples */ + +.example { + counter-increment: exampleno; +} +div.example:before { + content: "Example"; + content: "Example " counter(exampleno); + min-width: 7.5em; + text-transform: uppercase; +} +pre.example:before { + content: "Example"; + content: "Example " counter(exampleno); + min-width: 7.5em; + text-transform: uppercase; +} +div.example, div.illegal-example, div.html, div.illegal-html, div.xml, +div.illegal-xml, pre.example, pre.illegal-example, pre.html, +pre.illegal-html, pre.xml, pre.illegal-xml { + padding: 0.5em; + margin: 1em 0; + position: relative; + clear: both; +} +pre.example, pre.illegal-example, pre.html, +pre.illegal-html, pre.xml, pre.illegal-xml { + padding-top: 1.5em; +} +pre.illegal-example { color: red } +div.illegal-example { color: red } +div.illegal-example p { color: black } + +div.html { color: #600 } +pre.html { color: #600 } +pre.illegal-html { color: red } +div.illegal-html { color: red } +div.illegal-html p { color: black } +pre.deprecated-html { color: red } +div.deprecated-html { color: red } +div.deprecated-html p { color: black } + +div.xml { color: #600 } +pre.xml { color: #600 } +pre.illegal-xml { color: red } +div.illegal-xml { color: red } +div.illegal-xml p { color: black } + +/* code { font-size: 90% } */ +.css, .property { color: #005a9c } /* inline CSS code (SPAN/CODE) */ +code.css { font-family: inherit; font-size: 100% } +code.html { color: #600 } /* inline HTML */ +code.xml { color: #600 } /* inline XML */ +.property { font: inherit; white-space: nowrap; } /* name of a CSS property (SPAN) */ +.descriptor { } /* name of a CSS descriptor (SPAN) */ +.type { font-style: italic } /* A <type> value for a property */ + +dfn { font-weight: bolder; /*font-size: 1em*/ } + +p.issue, div.issue, p.note, div.note, div.example { + padding: .5em; + border-left-width: .5em; + border-left-style: solid; +} + +/* Open issue / editorial remark; not intended for a final publication */ +p.issue, div.issue { + border-color: #E05252; + background: #FBE9E9; + counter-increment: issue; +} + +p.issue:before, div.issue:before { + content: "Issue " counter(issue); + padding-right: 1em; + text-transform: uppercase; + color: #E05252; +} + +span.issue { color: red; } + +/* Class note is a non-normative note. May be inline or a P or DIV */ +p.note, div.note { + border-color: #52E052; + background: #E9FBE9; +} + +span.note { color: green; } + + +.normref { color: red } +.informref { color: green } + +/* Example box */ +div.example { + border-color: #E0CB52; + background: #FCFAEE; +} + +div.example:before { color: #B9AB2D; } + +/* ToC not indented, but font style shows hierarchy */ +ul.toc {margin: 1em 0; padding: 0; line-height: 1.3; font-weight: bold; text-transform: uppercase; } +ul.toc ul {margin: 0; padding: 0; font-weight: normal; text-transform: none; } +ul.toc ul ul {margin: 0 0 0 2em; font-style: italic; } +ul.toc ul ul ul {margin: 0} +ul.toc > li {margin: 1.5em 0; padding: 0; } +ul.toc ul.toc li { margin: 0.3em 0 0 0; } +ul.toc a { text-decoration: none; } +ul.toc a:hover, ul.toc a:focus { text-decoration: underline; } +/* +ul.toc li li li, ul.toc li li li ul {margin-left: 0; display: inline} +ul.toc li li li ul, ul.toc li li li ul li {margin-left: 0; display: inline} +*/ + +@media all { /* NS4 doesn't align the floats properly :-( */ + + /* Section numbers in a column of their own */ + ul.toc span.secno {margin-right: 1em} /* workaround for Opera6 */ + ul.toc span.secno {float: left; width: 4em; margin-left: -5em} + ul.toc ul ul span.secno { margin-left: -7em; } + /*ul.toc span.secno {text-align: right}*/ + ul.toc li {clear: both} + ul.toc {margin-left: 5em} + /* If we had 'tab', floats would not be needed here: + ul.toc span.secno {tab: 5em right; margin-right: 1em} + ul.toc li {text-indent: 5em hanging} + The second line in case items wrap + */ +} + +ul.index { + list-style: disc; /* Mac NS has problem with 'none' */ + list-style: none; +} + +s, del {text-decoration: line-through; color: red} +u, ins {text-decoration: underline; background: #bfa} + +div.figure, div.sidefigure { + text-align: center; + margin: 2.5em 0; +} +div.sidefigure { + float: right; + width: 50%; + margin: 0 0 0.5em 0.5em +} +div.figure img, div.sidefigure img { + display: block; + margin: auto; + max-width: 100% +} +p.caption, caption { + text-align: center; + font-style: italic; + font-size: 90%; +} +p.caption:before { + content: "Figure " counter(figure) ". "; + font-weight: bold; +} +p.caption { + counter-increment: figure; +} + +/* DL list is indented, but figure inside it is not */ +dd { margin-left: 2em } +dd div.figure { margin-left: -2em } + +sup { + vertical-align: super; + font-size: 80% +} + +/* "Equations" (not real MathML, but simple HTML) are put in a +blockquote and may have an equation number. We make sure the +blockquote has enough margin on the right and then put the equation +number there. */ + +blockquote { + margin: 0.5em 4em 0.5em 2em; + text-indent: 0; +} +.eqno { + text-align: right; + float: right; + width: 3em; + margin: 0 -4em 0 0; + font-weight: bold; + /* background: silver; color: black; padding: 0.1em */ +} + +table.equiv-table { border-spacing: 0; margin: 0.5em 0 } +table.equiv-table th, table.equiv-table td { padding: 0.3em } +table.equiv-table th { text-align: left } +/* table.equiv-table th:first-child { text-align: right } */ +table.equiv-table td, table.equiv-table th { border-bottom: thin solid #666 } +table.equiv-table { border-bottom: hidden } +table.equiv-table { empty-cells: show } +table.equiv-table caption { margin: 0.5em 0 0 0 } + +/* Style for table of properties */ +table.proptable { + font-size: small; + border-collapse: collapse; + border-spacing: 0; + text-align: left; + margin: 1em 0; +} + +table.proptable td, table.proptable th { + padding: 0.4em; + text-align: center; +} + +table.proptable tr:hover td { + background: #DEF; +} + + +/* Style for table that defines a property or a descriptor */ +table.propdef, table.propdef-extra, table.descdef { + border-spacing: 0; + padding: 0 1em 0.5em; + width: 100%; + table-layout: fixed; + background: #DEF; + margin: 1.2em 0; + border-left: 0.5em solid #8CCBF2; +} + +/* Since Jan 2008, some CSS modules use <th> instead of <td> in the +first column of a table.propdef. These rules handle both. As of Jan +2008, http://www.w3.org/Style/spec-mark-up still only documents <td> +*/ + +table.propdef td, table.propdef-extra td, table.descdef td, +table.propdef th, table.propdef-extra th, table.descdef th { + padding: 0.5em; + vertical-align: baseline; + border-bottom: 1px solid #bbd7e9; +} +/* +table.propdef dfn, table.propdef-extra dfn, table.descdef dfn { + font-weight: bold; + font-style: normal +} +*/ +table.propdef td:first-child, +table.propdef-extra td:first-child, +table.descdef td:first-child, +table.propdef th:first-child, +table.propdef-extra th:first-child, +table.descdef th:first-child { + font-style: italic; + font-weight: normal; + width: 8.3em; + padding-left: 1em; +} +table.propdef td[colspan]:first-child, +table.propdef-extra td[colspan]:first-child, +table.descdef td[colspan]:first-child, +table.propdef th[colspan]:first-child, +table.propdef-extra th[colspan]:first-child, +table.descdef th[colspan]:first-child { + font-style: inherit +} +table.propdef tr:first-child, +table.propdef-extra tr:first-child, +table.descdef tr:first-child { + +} + +table.propdef > tbody > tr:last-child th, +table.propdef-extra > tbody > tr:last-child th, +table.descdef > tbody > tr:last-child th, +table.propdef > tbody > tr:last-child td, +table.propdef-extra > tbody > tr:last-child td, +table.descdef > tbody > tr:last-child td { + border-bottom: 0; +} + +table.propdef tr:first-child th, +table.propdef-extra tr:first-child th, +table.descdef tr:first-child th, +table.propdef tr:first-child td, +table.propdef-extra tr:first-child td, +table.descdef tr:first-child td { + padding-top: 1em; +} + +/* For when values are extra-complex and need formatting for readability */ +table td.pre { + white-space: pre-wrap; +} + +/* A footnote at the bottom of a propdef */ +table.propdef td.footnote {padding-top: 0.6em; width: auto} +table.propdef td.footnote:before { + content: " "; + display: block; + height: 0.6em; + width: 4em; + border-top: thin solid; +} + +/* table.propdef tr:first-child td { padding-top: 0.1em; padding-bottom: 0.1em } */ + +/* This would replace :first-child for Opera, but it confuses WinIE :-( */ +/* +table.propdef td { width: 8em } +table.propdef td + td { width: auto } +table.propdef tr { background: #005A9C; color: white } +table.propdef tr + tr { background: transparent; color: black } +*/ + +table.proptable td .property { + display: block; + text-align: left; + font-weight: bold; +} + +/* CSS modules typically don't use MUST, SHOULD etc. from RFC 2119, +or, if they do, they don't put them in uppercase. But the following +class is provided in case a spec wants to use RFC 2119 terms in +uppercase in the source. */ + +em.rfc2119 { + text-transform: lowercase; + font-variant: small-caps; + font-style: normal +} + +/* In Profile specs, a table of required features: */ + +table.features th { + background: #00589f; + color: #fff; + text-align: left; + padding: 0.2em 0.2em 0.2em 0.5em; +} +table.features td { + vertical-align: top; + border-bottom: 1px solid #ccc; + padding: 0.3em 0.3em 0.3em 0.7em; +} + + +/* Style for data tables (and properly marked-up proptables) */ + +.data, .proptable { + margin: 1em auto; + border-collapse: collapse; + width: 100%; + border: hidden; +} +.data caption { + width: 100%; + text-align: center; +} + +.data td, .data thx, +.proptable td, .proptable thx { + padding: 0.5em; + text-align: center; + border-top: 1px dotted; +} + +.data thead td:empty { + padding: 0; + border: 0; +} + +.data thead th[scope="row"], +.proptable thead th[scope="row"] { + text-align: right; + color: inherit; +} + +.data thead, +.proptable thead, +.data tbody, +.proptable tbody { + color: inherit; + border-bottom: 1px solid; +} + +.data colgroup { + border-left: 1px solid; +} + +.data tbody th:first-child, +.proptable tbody th:first-child , +.data tbody td[scope="row"]:first-child, +.proptable tbody td[scope="row"]:first-child { + text-align: right; + color: inherit; + border-right: 1px solid; + border-top: 1px dotted; + padding-right: 1em; +} + +.data tbody th[rowspan], +.proptable tbody th[rowspan], +.data tbody td[rowspan], +.proptable tbody td[rowspan]{ + border-left: 1px dotted; +} + +.data tbody th[rowspan]:first-child, +.proptable tbody th[rowspan]:first-child, +.data tbody td[rowspan]:first-child, +.proptable tbody td[rowspan]:first-child{ + border-left: 0; + border-right: 1px dotted; +} + +.complex.data th, +.complex.data td { + border: 1px dotted; +} + + +.data img { + vertical-align: middle; +} + +table.propdef { + table-layout: auto; +} +.propdef th { + font-style: italic; + font-weight: normal; + text-align: left; + width: 3em; +} +dt dfn code { + font-size: inherit; +} + +/* This is mostly to make the list inside the CR exit criteria more compact. */ +ol.inline, ol.inline li {display: inline; padding: 0; margin: 0} +ol.inline {counter-reset: list-item} +ol.inline li {counter-increment: list-item} +ol.inline li:before {content: "(" counter(list-item) ") "; font-weight: bold} diff --git a/specs/template/master/style/default_no_issues.css b/specs/template/master/style/default_no_issues.css new file mode 100644 --- /dev/null +++ b/specs/template/master/style/default_no_issues.css @@ -0,0 +1,11 @@ +/* + * Turns off issues and annotations. + */ + +@import url(default_svg.css); + +p.issue, div.issue, p.annotation, div.annotation { + display:none; +} + + diff --git a/specs/template/master/style/default_requirements.css b/specs/template/master/style/default_requirements.css new file mode 100644 --- /dev/null +++ b/specs/template/master/style/default_requirements.css @@ -0,0 +1,23 @@ +@import url(default_no_issues.css); + +/* Conformance requirement */ + +.requirement { + display: block; + margin-top: 1em; + padding: 0.5em; + border-left-width: 0.5em; + border-left-style: solid; + border-color: #007070; + background: #A0E0E0; +} + +.requirement:before { + content: "Conformance requirement " attr(id); + padding-right: 1em; + color: #007070; +} + +.requirement > p:first-child { + margin-top: 0 +} diff --git a/specs/template/master/style/default_svg.css b/specs/template/master/style/default_svg.css new file mode 100644 --- /dev/null +++ b/specs/template/master/style/default_svg.css @@ -0,0 +1,337 @@ +/* + * Style sheet for the SVG 2 specification, + * to be used in addition to http://www.w3.org/StyleSheets/TR/W3C-{WD,PR,REC} + * References the CSS3 style sheet. + */ + +@import url(default.css); + +/* Copy note for use with annotation. */ +div.annotation { + text-indent: 0; + margin-bottom: 0; + margin-top: 1em +} + +.annotation> p:first-child { + margin-top: 0 +} + +p.annotation, div.annotation { + padding: .5em; + border-left-width: .5em; + border-left-style: solid; +} + +/* Class annotation is list of annotations; not intended for a final publication. */ +p.annotation, div.annotation { + border-color: #C752E0; + background: #F8E9FB; + counter-increment: annotation; +} + +p.annotation:before, div.annotation:before { + content: "Annotation " counter(annotation); + padding-right: 1em; + text-transform: uppercase; + color: #C752E0; +} + +span.annotation { color: purple; } + + +/* Imported from svg-style.css */ +.code-fragment { + color: #A52A2A; + font-weight: bold; + font-size: 90% +} +.element-name, .element-name > a > span, .attr-name, .attr-name > a > span { + font-weight: bold; +} +.element-name, .attr-name { + font-size: 90% +} +.element-name > a, .attr-name > a { + color: black; + font-weight: normal; +} +.element-name, .element-name > a > span { + color: #A52A2A; +} +.attr-name, .attr-name > a > span { + color: #2A2AA5; +} +.attr-value, .prop-value { + font-weight: bold; + font-size: 90% +} + +/* Added to match new style sheet */ +div.element-summary { + border-color: #52A7E0; + background: #E9F4FB; +} + + +div.element-summary { + padding: .5em; + border-left-width: .5em; + border-left-style: solid; + margin-top: 1em; +} + + +/*.element-summary { background: #d9e8ff; padding: 1em; margin-top: 1em }*/ +.element-summary-name { float: right; font-size: 110% } +.element-summary dl, .element-summary dt { margin-top: 0; margin-bottom: 0; } +.element-summary * + dt { margin-top: 0.5em; } +.element-summary dd { margin-top: 0; } +.element-summary ul.no-bullets { list-style: none; margin-left: 0; padding-left: 0 } +.element-summary ul.no-bullets li { padding-left: 2em; text-indent: -2em; } +.expander { color: #888; text-decoration: underline; cursor: pointer; font-size: 85% } +.expander { } +.expander:active { color: #C00 } +.expander:hover { background: #ffa } +.expander:after { content: 'show »' } + +.xgrammar { color: #A52A2A; font-family: monospace; font-size: 90% } + +pre.idl, pre.dtd-fragment { color: black; padding: 1em; margin-top: 1em; margin-left: 0; font-size: 1em; overflow: auto; font-size: 14px } +pre.idl { background: #d9e8ff } +pre.idl a:link, pre.idl a:visited { color: black; } + +dl.interface dt { + margin-top: 1em; +} + +dl.interface dt.attribute, +dl.interface dt.constant, +dl.interface dt.operation { + margin-top: 2em; +} + +dl.interface dt.attribute, +dl.interface dt.constant, +dl.interface dt.operation, +dl.interface li.parameter, +dl.interface dt.exception { + font-weight: normal; + display: list-item; +} + +dl.interface dt.attribute.first-child, +dl.interface dt.constant.first-child, +dl.interface dt.operation.first-child, +dl.interface li.parameter.first-child, +dl.interface dt.exception.first-child { + margin-top: 0; +} + +dl.interface dd.attribute, +dl.interface dd.constant, +dl.interface dd.operation, +dl.interface li.parameter, +dl.interface dd.exception { + margin-top: 0.5em; + margin-left: 0; +} + +.idlattr, .idlattr:link, .idlattr:visited { + background: #d9e8ff; + color: black; +} + +ol.parameters { + list-style-type: disc; + padding-left: 0; + margin-left: 0; +} + +var { + font-style: italic; +} + +sub { + font-size: 80%; +} + +dl.definitions > dt, +.adef-list dl > dt { margin-top: 1em; } + +dl.definitions > dt + dt, +.adef-list dl > dt + dt { margin-top: 0; } + +dl.definitions > dd > :first-child, +.adef-list dl > dd > :first-child { margin-top: 0; } + +.adef { font-size: 14px } + + +/* + * New attribute and property styles, to be renamed after all spec updated. + */ + +.attrdef-list-svg2, .propdef-list-svg2 { + +} + +.attrdef-svg2, .propdef-svg2 { + background: #E9F4FB; + overflow: auto; + margin-top: 2px; +} + +.attrdef-svg2 dt, .propdef-svg2 dt { + font-style:italic; + font-weight:normal; + float: left; + clear: left; + width: 8em; + margin: 2px; +} + +.attrdef-svg2 dt:after, .propdef-svg2 dt:after { + content: ":"; +} + +.attrdef-svg2 dd, .propdef-svg2 dd { + float: left; + margin: 2px 0; /* Override default.css */ +} + +.attrdef-values dt, .propdef-values dt { + font-weight: bold; + font-size: 90%; + margin-top: 2px; +} + +/* Display the list of old editors in the Acknowledgements section similarly + to how the current editors appear at the top of the document. */ +ul.old-editor-list { list-style-type: none !important } +.authornote { font-size: 80% } + +/* Override default.css to not capitalize chapters. */ +ul.toc { text-transform: none } + +/* Allow another level of toc. */ +ul.toc ul ul ul { margin: 0 0 0 2.4em; font-style: normal; font-size: 85%; line-height: 1.53 } +ul.toc ul ul ul span.secno { margin-left: -10.6em } + +/* The header/footer with links to next/previous chapter, etc. */ +.header { background: #eee; padding: 0.5em; font-size: 85%; text-align: right } +.header.top { border-top: 1px solid #ccc; margin-bottom: 2em } +.header.bottom { border-bottom: 1px solid #ccc; margin-top: 2em } +.header .namedate { display: block; float: left } + +/* The "Contents" header before a chapter's toc. */ +h2.contents { font-size: inherit; color: black; font-weight: bold; margin: 2em 0 1em 0 } + +/* Don't put space between minitoc entries. */ +#minitoc + ul.toc > li { margin: 0.75em 0 } +#minitoc + ul.toc > li.no-num { margin: 1.5em 0 } + +/* Put more space around the chapter dividers than there is around section + headings. */ +.chapter-divider { margin: 4em 0 } + +/* An indented definition. */ +.definition { margin-left: 2em; margin-top: 1em } + +/* HTML-equivalent math for ATs. */ +div[role="math"] > :first-child ~ * { + position: absolute; + width: 400px; + left: -10000px; + overflow: hidden; +} + +/* A border to be used around images. */ +.bordered { border: 1px solid #888; background-color: white } + +dl.attrdef-list dl { margin-top: 1em } +dl.attrdef-list > dt { font-weight: normal } + +/* Make issue and example counters work correctly. */ +body { counter-reset: exampleno figure issue example; } + +.svg2-requirement table { border-collapse: collapse; width: 100% } +.svg2-requirement table th { font-weight: normal; font-style: italic; padding-right: 1em; white-space: nowrap; width: 1px } +.svg2-requirement tr:first-child td, +.svg2-requirement tr:first-child th { font-weight: bold; font-style: normal; border-top: none } +.svg2-requirement table th, .svg2-requirement table td { text-align: left; vertical-align: baseline; border-top: 1px solid #D398E0; padding: 0.5em } + +table.proptable tbody td:first-child { white-space: nowrap } +table.proptable tbody td .property { display: inline; font-weight: normal } +.proptable thead { border-bottom: 2px solid } +.proptable tbody { border-bottom: none } +.proptable tbody th:first-child, +.proptable tbody td[scope="row"]:first-child { + border-right: 2px solid; + border-top: 1px solid silver; +} +.proptable tbody td { + border-top: 1px solid silver; +} +.proptable tbody th + td { + min-width: 15em; +} + +table.attrtable tbody td:first-child { white-space: normal } +.attrtable tbody td, .attrtable tbody th { vertical-align: baseline } +.attrtable thead th:first-child + th, .attrtable tbody th + td { text-align: left } + +table > caption { caption-side: bottom } + +table.PathDataTable { border-spacing: 2px; border-style: outset; border-width: 1px } +table.PathDataTable td, +table.PathDataTable th { padding: 5px; border-style: inset; border-width: 1px } + +.colorpatch { width: 14px; height: 14px; border: 1px solid black; } + +.eltdef { border-left: 0.5em solid #52A7E0 !important; background: #E9F4FB !important; } +.eltdef td > p:first-child { margin-top: 0 } +.eltdef th { white-space: nowrap } +.eltdef pre.idl { margin: 0; padding: 0; background: none } + +/* Attribute definition tables */ +table.propdef.attrdef { border-left-color: #888; border-left-width: 0; background-color: #eee; font-size: 90% } +table.propdef.attrdef th, table.propdef.attrdef td { border-bottom-color: #ccc } + +table.propdef.attrdef th:first-child, +table.propdef.attrdef td:first-child { width: 16em; padding-left: 0 !important } + +table.propdef.attrdef th:first-child + th, +table.propdef.attrdef td:first-child + td { width: auto } + +table.propdef.attrdef th:first-child + th + th, +table.propdef.attrdef td:first-child + td + td { width: 6em } + +table.propdef.attrdef th:first-child + th + th + th, +table.propdef.attrdef td:first-child + td + td + td { width: 6em; padding-right: 0 !important } + +/* HTML5-like switch statements. */ +dl.switch > dd > ol.only { + margin-left: 0; +} +dl.switch > dd > ol.algorithm { + margin-left: -2em; +} +dl.switch { + padding-left: 2em; +} +dl.switch > dt { + text-indent: -1.5em; + margin-top: 1em; +} +dl.switch > dt + dt { + margin-top: 0; +} +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 --git a/specs/template/master/style/expanders.js b/specs/template/master/style/expanders.js new file mode 100644 --- /dev/null +++ b/specs/template/master/style/expanders.js @@ -0,0 +1,32 @@ +function expand(e) { + e = e.parentNode; + e.parentNode.removeAttribute('class'); + e.style.display = "none"; + e.nextSibling.style.display = "inline"; +} + +(function() { + var i, a = [], e0, e1p, e1, e2, l = document.getElementsByTagName('span'); + for (i = 0; i != l.length; i++) { + e0 = l[i]; + if (e0.getAttribute('class') == 'expanding') { + a.push(e0); + } + } + for (i = 0; i != a.length; i++) { + e0 = a[i]; + e1 = document.createElement('span'); + e1.setAttribute('class', 'expander'); + e1.setAttribute('onclick', 'expand(event.target)'); + e1p = document.createElement('span'); + e1p.textContent = ' '; + e1p.appendChild(e1); + e2 = document.createElement('span'); + e2.style.display = 'none'; + while (e0.firstChild) { + e2.appendChild(e0.firstChild); + } + e0.appendChild(e1p); + e0.appendChild(e2); + } +})(); diff --git a/specs/template/master/style/link-fixup.js b/specs/template/master/style/link-fixup.js new file mode 100644 --- /dev/null +++ b/specs/template/master/style/link-fixup.js @@ -0,0 +1,9 @@ +var local = location.protocol == "file:"; +if (local) { + for (n = document.head.firstChild; n; n = n.nextSibling) { + if (n.nodeName.toLowerCase() == "link" && + n.getAttribute("href").indexOf("//") == 0) { + n.href = "https:" + n.getAttribute("href"); + } + } +} diff --git a/specs/template/master/style/load-mathjax.js b/specs/template/master/style/load-mathjax.js new file mode 100644 --- /dev/null +++ b/specs/template/master/style/load-mathjax.js @@ -0,0 +1,4 @@ +// If there were an "MML_SVG" config we should use that, to avoid the overhead of looking for TeX-style math. +var n = document.createElement("script"); +n.src = (local ? "https:" : location.protocol) + "//d3eoax9i5htok0.cloudfront.net/mathjax/2.0-latest/MathJax.js?config=TeX-AMS-MML_SVG"; +document.head.appendChild(n);
Received on Saturday, 6 April 2013 02:19:32 UTC