- From: SVG Working Group repository <cam@mcc.id.au>
- Date: Tue, 21 Aug 2012 19:22:06 -0700
- To: public-svg-wg@w3.org
details: https://svgwg.org/hg/svg2/rev/3d5f61157e62
branches:
changeset: 349:3d5f61157e62
user: Cameron McCormack <cam@mcc.id.au>
date: Wed Aug 22 12:15:02 2012 +1000
description:
Move conformance requirement styles to default_svg.css.
details: https://svgwg.org/hg/svg2/rev/74893d8dd10e
branches:
changeset: 350:74893d8dd10e
user: Cameron McCormack <cam@mcc.id.au>
date: Wed Aug 22 12:20:02 2012 +1000
description:
Reformatting, link fixes, etc.
details: https://svgwg.org/hg/svg2/rev/45c7d67870d8
branches:
changeset: 351:45c7d67870d8
user: Cameron McCormack <cam@mcc.id.au>
date: Wed Aug 22 12:20:55 2012 +1000
description:
Fix minor error in @color-profile example.
details: https://svgwg.org/hg/svg2/rev/19efba99dccd
branches:
changeset: 352:19efba99dccd
user: Cameron McCormack <cam@mcc.id.au>
date: Wed Aug 22 12:21:49 2012 +1000
description:
Head capitalisation consistency.
diffstat:
master/color.html | 147 ++++++++++++++++++++++--------------------
master/style/default.css | 15 +---
master/style/default_svg.css | 14 ++++
3 files changed, 93 insertions(+), 83 deletions(-)
diffs (567 lines):
diff --git a/master/color.html b/master/color.html
--- a/master/color.html
+++ b/master/color.html
@@ -60,93 +60,96 @@
<td>Chris (no action)</td>
</tr>
</table>
</div>
<h2 id="ColorIntroduction">Introduction</h2>
- <p>This introduction is non-normative</p>
+<p class="normativity"><em>This introduction is informative, not normative.</em></p>
<p>Several properties used in SVG take a color specification. Also, external media such as images or video
contain colors.</p>
<p>All SVG colors used as property values include a fallback specified in the sRGB color space
[<a href="refs.html#ref-SRGB">SRGB</a>]. </p>
<p>Additionally, SVG content can specify an alternate color specification
-using an ICC profile [<a href="refs.html#ref-ICC42">ICC42</a>]
-<!-- check paint chapter for content that should be here, and move it -->.
+using an ICC profile [<a href="refs.html#ref-ICC42">ICC42</a>].
+<!-- check paint chapter for content that should be here, and move it -->
If ICC-based colors are provided,
then the ICC-based color takes precedence over the sRGB color specification;
otherwise, the sRGB fallback colors will be used.
Note that, in this specification, by default color interpolation occurs in sRGB color space even if an
ICC-based color specification is provided, but this can be changed (see <a>'color-interpolation'</a>).</p>
<div class="ready-for-wider-review">
- <h2 id="color-managed-images">Color-managed Images</h2>
+ <h2 id="color-managed-images">Color-managed images</h2>
<p class="note">
- New in SVG2.</p>
+ New in SVG 2.</p>
- <p>Implementations of SVG2 are required to color-manage all images. The embedded profile is used. If there is no embedded profile, sRGB is assumed, for RGB images.</p>
+ <p>Implementations of SVG 2 are required to color-manage all images. The embedded profile is used. If there is no embedded profile, sRGB is assumed, for RGB images.</p>
<p class="issue">Define processing for untagged greyscale and CMYK images. Could be a default profile, or an 'explicitly undefined' with a warning to avoid untagged non-RGB images when authoring.</p>
-
+
+ <p class="issue">References to "SVG 2 User Agent" might need to be replaced
+ with one of the conformance classes listed in the <a href="conform.html">Conformance</a>
+ appendix.</p>
<div class="requirement" id="assert_taggedImages">
<p>
If a referenced image contains color profile information, a
- Color-managed User Agent MUST use that profile to render the image
+ SVG 2 User Agent MUST use that profile to render the image
</p>
</div>
<div class="requirement" id="assert_untaggedImages">
<p>
If a referenced image contains no color profile information, a
- Color-managed User Agent MUST use the sRGB profile to render the image
+ SVG 2 User Agent MUST use the sRGB profile to render the image
</p>
</div>
<h2 id="Color_syntax">Color syntax</h2>
<h3 id="sRGBcolor">
sRGB colors</h3>
<p class="prop-value"><a href="#color"><color></a></p>
<p>Example (these all represent the same color):</p>
<div class="example">
<pre>
- <circle fill="rgb(205,133,63)"/>
- <circle fill="peru"/>
- <circle fill="rgb(80.392%, 52.157%, 24.706%)"/>
- <circle fill="#CD853F"/>
- <circle fill="hsl(30, 59%, 53%)"/></pre>
+<circle fill="rgb(205,133,63)"/>
+<circle fill="peru"/>
+<circle fill="rgb(80.392%, 52.157%, 24.706%)"/>
+<circle fill="#CD853F"/>
+<circle fill="hsl(30, 59%, 53%)"/></pre>
</div>
<p class="note">
Includes all syntactic forms supported by SVG 1.1, adds hsl() from [<a href="refs.html#ref-CSS3COLOR">CSS3COLOR</a>].</p>
<p class="note">See the CSS Color Module Level 3 specification for the
definition of the color type.
[<a href="refs.html#ref-CSS3COLOR">CSS3COLOR</a>]</p>
<div class="requirement" id="assert_base_syntax">
- <p>All the syntactic forms for an sRGB color, including the full set of color keywords, shall be supported by an SVG2 User Agent.</p>
+ <p>All the syntactic forms for an sRGB color, including the full set of color keywords, shall be supported by an SVG 2 User Agent.</p>
</div>
<p>The rendering requirements for sRGB colors are more strict than for SVG 1.1 User Agents,
where color management is optional.</p>
<div class="requirement" id="assert_render_sRGB">
<p>
When an sRGB color is used - because it is the sole color specification, or in a
- permitted fallback situation - a conformant SVG2 User Agent
+ permitted fallback situation - a conformant SVG 2 User Agent
shall render it in conformance with the ICC profile for sRGB, to obtain the
desired color appearance.
</p>
</div>
<p class="issue">
Define 'permitted fallback situation' and link to it.
</p>
@@ -154,214 +157,218 @@ ICC-based color specification is provide
<h3 id="sRGBcoloralpha">
sRGB colors with alpha</h3>
<p class="prop-value"><a href="#color">rgba(r, g, b, a)</a></p>
<p>Example </p>
<div class="example">
<pre>
- <circle fill="rgba(205,133,63, 0.5)"/></pre>
+<circle fill="rgba(205,133,63, 0.5)"/></pre>
</div>
<p class="note">
- New in SVG2, added from [<a href="refs.html#ref-CSS3COLOR">CSS3COLOR</a>].</p>
+ New in SVG 2, added from [<a href="refs.html#ref-CSS3COLOR">CSS3COLOR</a>].</p>
<div class="requirement" id="assert_combine-alpha">
- <p>When an sRGB color with alpha is used in a property value, an SVG2 User Agent shall combine the alpha value with any separately specified alpha value that applies to that property, by multiplying the alpha values together.</p>
+ <p>When an sRGB color with alpha is used in a property value, an SVG 2 User Agent shall combine the alpha value with any separately specified alpha value that applies to that property, by multiplying the alpha values together.</p>
</div>
<p>Example (these render as the same color)</p>
<div class="example">
<pre>
- <circle fill="rgba(205,133,63, 0.25)"/>
- <circle fill="rgba(205,133,63, 1.0)" fill-opacity="0.25"/>
- <circle fill="rgba(205,133,63, 0.5)" fill-opacity="0.5"/></pre>
+<circle fill="rgba(205,133,63, 0.25)"/>
+<circle fill="rgba(205,133,63, 1.0)" fill-opacity="0.25"/>
+<circle fill="rgba(205,133,63, 0.5)" fill-opacity="0.5"/></pre>
</div>
<div class="requirement" id="assert_render_sRGB_alpha">
<p>
When an sRGB color with alpha is used - because it is the sole color specification, or in a
- permitted fallback situation - a conformant SVG2 User Agent
+ permitted fallback situation - a conformant SVG 2 User Agent
shall render it in conformance with the ICC profile for sRGB, to obtain the
desired color appearance.
</p>
</div>
<h3 id="icc-colors">
ICC colors</h3>
<p class="prop-value"><a href="#fallback"><fallback></a>
- <a href="#icccolor"> icc-color(<name> [,<icccolorvalue>]*) </a></p>
+ <a href="#icccolor"> icc-color(<name> [,<icccolorvalue>]*)</a></p>
<p>Example:</p>
<div class="example">
<pre>
- <style>@color-profile {
- name="acmecmyk"
- src="http://printers.example.com/acmecorp/model1234"}
- </style>
- <circle fill="#CD853F icc-color(acmecmyk, 0.11, 0.48, 0.83, 0.00)"/></pre>
+<style>
+@color-profile {
+ name: acmecmyk;
+ src: url(http://printers.example.com/acmecorp/model1234);
+}
+</style>
+<circle fill="#CD853F icc-color(acmecmyk, 0.11, 0.48, 0.83, 0.00)"/></pre>
</div>
<p>Example:</p>
<div class="example">
<pre>
- <color-profile name="acmecmyk" href="http://printers.example.com/acmecorp/model1234"/>
- <circle fill="#CD853F icc-color(acmecmyk, 0.11, 0.48, 0.83, 0.00)"/></pre>
+<color-profile name="acmecmyk" href="http://printers.example.com/acmecorp/model1234"/>
+<circle fill="#CD853F icc-color(acmecmyk, 0.11, 0.48, 0.83, 0.00)"/></pre>
</div>
<p class="note">Same syntax as SVG 1.1, increased conformance requirement.</p>
- <p>SVG2 uses the extended ICC color specification from SVG 1.1. In SVG 1.1, parsing the syntax was required but implementing the ICC colour itself was optional, as indicated by phrases such as "If ICC-based colors are provided and the SVG user agent supports ICC color, then...". An SVG 1.1 user agent which also conforms to this specification "supports ICC color" for the purposes of conforming to SVG 1.1.</p>
+ <p>SVG 2 uses the extended ICC color specification from SVG 1.1. In SVG 1.1, parsing the syntax was required but implementing the ICC colour itself was optional, as indicated by phrases such as "If ICC-based colors are provided and the SVG user agent supports ICC color, then...". An SVG 1.1 user agent which also conforms to this specification "supports ICC color" for the purposes of conforming to SVG 1.1.</p>
<p>
- As with SVG Full 1.1, SVG Color content may specify color using an ICC profile (see
+ As with SVG Full 1.1, SVG 2 content may specify color using an ICC profile (see
[<a href="refs.html#ref-ICC42">ICC42</a>]); an sRGB fallback must still be provided.
</p>
- <p>An SVG2 User Agent searches the color profile description database for
+ <p>An SVG 2 User Agent searches the color profile description database for
a <a href="#ColorProfileDescriptions">color profile description</a> entry whose
name descriptor matches <name> and uses the last matching entry that is found;
painting shall be done using the given ICC color, where the comma-separated list
(with optional white space) of <strong><icccolorvalue></strong>'s is a set
- of ICC-profile-specific color values, expressed as <a href="http://www.w3.org/TR/SVGMobile12/types.html#DataTypeNumber">
- <number></a>s (see <a href="#icc-colors">ICC colors</a>). If no match is
+ of ICC-profile-specific color values, expressed as <a><number></a>s
+ (see <a href="#icc-colors">ICC colors</a>). If no match is
found, then the fallback sRGB color is used.
</p>
<div class="requirement" id="assert_ICCColorPrecedence">
<p>
- If ICC-based colors are provided, an SVG2 User Agent
+ If ICC-based colors are provided, an SVG 2 User Agent
MUST use the the ICC-based color in preference to the sRGB fallback color,
unless the ICC color profile cannot be used (is unavailable, malformed, or uses an unsupported profile connection
space).</p>
</div>
<div class="requirement" id="assert_useICC">
- <p>When rendering, if both ICC and sRGB fallback colors are provided and the referenced ICC profile can be used, a Color-managed User Agent MUST render using the ICC color values, using the specified ICC profile as the input profile.</p>
+ <p>When rendering, if both ICC and sRGB fallback colors are provided and the referenced ICC profile can be used, a SVG 2 User Agent MUST render using the ICC color values, using the specified ICC profile as the input profile.</p>
</div>
<h3 id="LAB">LAB color</h3>
<p class="note">
- New in SVG2.</p>
+ New in SVG 2.</p>
<p class="prop-value"><a href="#fallback"><fallback></a>
<a href="#cielabcolor">cielab(<Lightness>, <a> <b>)</a> | <br />
<a href="#fallback"><fallback></a>
<a href="#cielchabcolor">cielchab(<Lightness> <Chroma>, <Hue> )</a>
</p>
<div class="example">
<pre>
- <circle fill="#CD853F cielab(62.253188, 23.950124, 48.410653)"/>
- <circle fill="#CD853F cielch(62.253188, 54.011108, 63.677091)"/>
+<circle fill="#CD853F cielab(62.253188, 23.950124, 48.410653)"/>
+<circle fill="#CD853F cielch(62.253188, 54.011108, 63.677091)"/>
</pre>
</div>
- <p>An SVG2User Agent directly uses the CIE LAB or CIE LCHab values, where the comma-separated list
+ <p>An SVG 2 User Agent directly uses the CIE LAB or CIE LCHab values, where the comma-separated list
(with optional white space) of <strong><icccolorvalue></strong>'s is a set
- of Lightness, a and b or Lightness, Hue and Chroma values, expressed as <a href="http://www.w3.org/TR/SVGMobile12/types.html#DataTypeNumber">
- <number></a>s. A color profile is not referenced in the SVG, although profile-based implementations may
+ of Lightness, a and b or Lightness, Hue and Chroma values, expressed as
+ <a><number></a>s. A color profile is not referenced in the SVG, although profile-based implementations may
choose to implement this by providing and using an LAB profile.</p>
<p>The white point is D50, which is the whitepoint defined by the CIE for CIELab profile connection space and the
whitepoint used for image editors that provide LAB functionality.
- LAB measurements relative to a different whitepoint should be adapted to D50 to be used in SVG2; the linear Bradford chromatic adaptation transform [<a href="refs.html#ref-BRADFORD">BRADFORD</a>] is suggested for this.</p>
+ LAB measurements relative to a different whitepoint should be adapted to D50 to be used in SVG 2; the linear Bradford chromatic adaptation transform [<a href="refs.html#ref-BRADFORD">BRADFORD</a>] is suggested for this.</p>
<div class="requirement" id="assert_LABColorPrecedence">
<p>
- If LAB-based colors are provided, an SVG2 User Agent
+ If LAB-based colors are provided, an SVG 2 User Agent
MUST use the the LAB-based color in preference to the sRGB fallback color.</p>
</div>
<div class="requirement" id="assert_useLAB">
- <p>When rendering, if both LAB and sRGB fallback colors are provided, a Color-managed User Agent MUST render using the ICC color values, using the specified ICC profile as the input profile.</p>
+ <p>When rendering, if both LAB and sRGB fallback colors are provided, a SVG 2 User Agent MUST render using the ICC color values, using the specified ICC profile as the input profile.</p>
</div>
- <p>A fallback sRGB color must still be provided, for non-colormanaged user agents.</p>
+ <p>A fallback sRGB color must still be provided, for non-color-managed user agents.</p>
<h3 id="named">
ICC named color</h3>
<p class="note">
- New in SVG2.</p>
+ New in SVG 2.</p>
<p class="prop-value"><a href="#fallback"><fallback></a>
<a href="#iccnamedcolor">icc-named-color(<name>, <namedColor>)</a></p>
<p>Example:</p>
<div class="example">
<pre >
- <color-profile name="FooColors" href="http://swatches.example.com/Foo"/>
- <circle fill="#CD853F icc-color(FooColors, Sandy23C"/></pre>
+<color-profile name="FooColors" href="http://swatches.example.com/Foo"/>
+<circle fill="#CD853F icc-color(FooColors, Sandy23C)"/></pre>
</div>
<p>
- SVG Color introduces the ability to specify a color using a 'Named Color Profile'.
+ SVG 2 introduces the ability to specify a color using a 'Named Color Profile'.
</p>
- <p>An SVG2 User Agent searches the color profile description database for
+ <p>An SVG 2 User Agent searches the color profile description database for
a <a href="#ColorProfileDescriptions">color profile description</a> entry whose
name descriptor matches <name> and uses the last matching entry that is found;
- painting shall be done using the given ICC color, where namedColor is a <a href="http://www.w3.org/TR/SVGMobile12/types.html#DataTypeString">
- <string></a> indicating the named color to use.</p>
+ painting shall be done using the given ICC color, where namedColor is a
+ <string> indicating the named color to use.</p>
+ <p class="issue">This might need to be an <ident> rather than a <string>.</p>
+
<p>ICC named color profiles provide a platform- and implementation-neutral way
to share a swatch of colors, or to use user-created names for colors.</p>
<div class="requirement" id="assert_ICCNamedColorPrecedence">
<p>
- If ICC-based named colors are provided, a conformant SVG2 User Agent
+ If ICC-based named colors are provided, a conformant SVG 2 User Agent
MUST use the the ICC-based named color in preference to the sRGB fallback
color, unless the ICC named color profile is unavailable, malformed, or uses a profile
connection space other than CIE XYZ or CIE LAB.</p>
</div>
<div class="requirement" id="assert_useICCNamed">
<p>
- When an ICC named color is used, a conformant Color-managed User Agent
+ When an ICC named color is used, a conformant SVG 2 User Agent
shall render it in conformance with the specified ICC profile to obtain the
desired color appearance.</p>
</div>
</div>
<div class="ready-for-wider-review">
<h2 id="Unmanaged">Unmanaged colors</h2>
<h3 id="#device">
Uncalibrated device color</h3>
<p class="note">
- New in SVG2.</p>
+ New in SVG 2.</p>
<p class="prop-value"><a href="#fallback"><fallback></a>
- <a href="#devicegray">device-gray(<gray>) </a> | <br />
+ <a href="#devicegray">device-gray(<gray>)</a> | <br />
<a href="#fallback"><fallback></a>
- <a href="#devicergb">device-rgb(<red> <green> <blue>) </a> | <br />
+ <a href="#devicergb">device-rgb(<red> <green> <blue>)</a> | <br />
<a href="#fallback"><fallback></a>
<a href="#devicecmyk">device-cmyk(<cyan> <magenta> <yellow>
- <black>) </a> | <br />
+ <black>)</a> | <br />
<a href="#fallback"><fallback></a>
- <a href="#devicegray">device-nchannel(<number>+) </a> |
+ <a href="#devicegray">device-nchannel(<number>+)</a> |
</p>
<div class="example">
<pre>
- <circle fill="#CD853F device-cmyk(0.11, 0.48, 0.83, 0.00)"/></pre>
+<circle fill="#CD853F device-cmyk(0.11, 0.48, 0.83, 0.00)"/></pre>
</div>
<p>
- SVG2 introduces a method of specifying uncalibrated device colors. This
+ SVG 2 introduces a method of specifying uncalibrated device colors. This
is sometimes useful in print workflows, for example to produce patches of known
ink density used for quality control purposes. </p>
- <p>An SVG2 User Agent which supports the indicated class of output device
+ <p>An SVG 2 User Agent which supports the indicated class of output device
will pass the values through without color management. If the class of output device
(for example, cmyk) is not supported, then the fallback
sRGB color is used.
</p>
<p>
As these are uncalibrated, any interpolation or compositing occurs using the fallback
sRGB color value.</p>
@@ -478,30 +485,30 @@ first.</p>
<a href="http://www.color.org/">International Color
Consortium</a>.
<div class="requirement" id="assert_sRGBCaseInsensitive">
When used in a style sheet,
for consistency with <a href="http://www.w3.org/TR/CSS2/grammar.html">CSS lexical
scanning and parsing rules</a>, the keyword "sRGB" MUST be case-insensitive. However,
it is recommended that the mixed capitalization "sRGB" SHOULD be used for consistency
with common industry practice.</div>
- </dd>
<div class="requirement" id="assert_localColorProfilesFirst">
If both the <a href="#ColorProfileElementHrefAttribute"><span class="attr-name">href</span></a>
and the <span class="attr-name">local</span> attributes are specified, then the
user agent MUST search the local system for the locally stored color profile first,
and, if not available locally, then attempt to use the resource identified by the
<a href="#ColorProfileElementHrefAttribute"><span class="attr-name">href</span></a>
attribute.</div>
(Note: Profile description fields do <em>not</em> represent a profile's unique ID.
With current ICC proposals, the profile's unique ID is an MD5-encoded value within
the profile header.).<br />
<span class="anim-target"><a
href="animate.html#Animatable">Animatable</a>:
no.</span></dd>
+ </dd>
<dt id="ColorProfileElementNameAttribute"><span class="adef">name</span> = "<span
class="attr-value"><identifier></span>"</dt>
<dd>The name which is used as the first parameter for <span
class="prop-value">icc-color</span> specifications within
<a>'fill'</a>, <a>'stroke'</a>, <a>'stop-color'</a>,
<a>'flood-color'</a> and <a>'lighting-color'</a> property
values to identify the color profile to use for the ICC
color specification and the name which can be the value of
@@ -576,17 +583,17 @@ first.</p>
</div></dd>
<dt><span class='prop-value'>relative-colorimetric</span></dt>
<dd> <p>Media-relative colorimetric
is required to leave source colors that fall inside the destination
medium gamut unchanged relative to the respective media white points.
Source colors that are out of the destination medium gamut are mapped to
colors on the gamut boundary using a variety of different methods.</p>
- <p>NOTE The media-relative colorimetric rendering intent is often used with
+ <p class="note">Note: the media-relative colorimetric rendering intent is often used with
black point compensation, where the source medium black point is mapped
to the destination medium black point as well.</p>
<div class="requirement" id="assert_renderingIntentRelativeColorimetric">
This method MUST map the source white point to the desination white point.
If black point compensation is in use, the source black point MUST also be mapped to the destination black point.
Adaptation algorithms SHOULD be used to adjust for the change in white point. Relative relationships of colors inside
both source and destination gamuts SHOULD be preserved.
@@ -882,40 +889,40 @@ child elements.</p>
"+" | "-"
<span id="integer">integer</span> ::=
<a href="#digit-sequence">digit-sequence</a>
<span id="digit-sequence">digit-sequence</span> ::=
[0-9]+
-<span id="namestartchar">namestartchar</span> ::=
+<span id="namestartchar">namestartchar</span> ::=
":" | [A-Z] | "_" | [a-z] | [#xC0-#xD6] | [#xD8-#xF6] | [
#xF8-#x2FF] | [#x370-#x37D] | [#x37F-#x1FFF] | [#x200C-#x200D] |
[#x2070-#x218F] | [#x2C00-#x2FEF] | [#x3001-#xD7FF] |
[#xF900-#xFDCF] | [#xFDF0-#xFFFD] | [#x10000-#xEFFFF]
-<span id="namechar">namechar</span> ::=
+<span id="namechar">namechar</span> ::=
<a href="#namestartchar">namestartchar</a> | "-" | "." | [0-9] | #xB7 | [#x0300-#x036F] |
[#x203F-#x2040]
<span id="comma-wsp">comma-wsp</span> ::=
(<a href="#wsp">wsp</a>+ <a href="#comma">comma</a>? <a href="#wsp">wsp</a>*) | (<a href="#comma">comma</a> <a href="#wsp">wsp</a>*)
<span id="comma">comma</span> ::=
","
<span id="wsp">wsp</span> ::=
(#x20 | #x9 | #xD | #xA)
<span id="color-keyword">color-keyword</span> ::=
~"aliceblue" | ~"antiquewhite" | ~"aqua" | ~"aquamarine" | ~"azure" | ~"beige" |
~"bisque" | ~"black" | ~"blanchedalmond" | ~"blue" | ~"blueviolet" | ~"brown" |
- ~"burlywood" |~"cadetblue" | ~"chartreuse" | ~"chocolate" | ~"coral" | ~"cornflowerblue" |
+ ~"burlywood" |~"cadetblue" | ~"chartreuse" | ~"chocolate" | ~"coral" | ~"cornflowerblue" |
~"cornsilk" | ~"crimson" | ~"cyan" | ~"darkblue" | ~"darkcyan" | ~"darkgoldenrod" |
~"darkgray" | ~"darkgreen" | ~"darkgrey" | ~"darkkhaki" | ~"darkmagenta" | ~"darkolivegreen" |
~"darkorange" | ~"darkorchid" | ~"darkred" | ~"darksalmon" | ~"darkseagreen" | ~"darkslateblue" |
~"darkslategray" | ~"darkslategrey" | ~"darkturquoise" | ~"darkviolet" | ~"deeppink" | ~"deepskyblue" |
~"dimgray" | ~"dimgrey" | ~"dodgerblue" | ~"firebrick" | ~"floralwhite" | ~"forestgreen" |
~"fuchsia" | ~"gainsboro" | ~"ghostwhite" | ~"gold" | ~"goldenrod" | ~"gray" |
~"grey" | ~"green" | ~"greenyellow" | ~"honeydew" | ~"hotpink" | ~"indianred" |
~"indigo" | ~"ivory" | ~"khaki" | ~"lavender" | ~"lavenderblush" | ~"lawngreen" |
diff --git a/master/style/default.css b/master/style/default.css
--- a/master/style/default.css
+++ b/master/style/default.css
@@ -156,17 +156,17 @@ code.css { font-family: inherit; font-si
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, div.requirement {
+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;
@@ -178,27 +178,16 @@ p.issue:before, div.issue:before {
content: "Issue " counter(issue);
padding-right: 1em;
text-transform: uppercase;
color: #E05252;
}
span.issue { color: red; }
-/* Conformance requirement */
-
-div.requirement {
- border-color: #007070;
- background: #A0E0E0;
- }
-
-div.requirement > p {
- margin-top: 0
- }
-
/* 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; }
@@ -553,9 +542,9 @@ table.propdef {
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}
\ No newline at end of file
+ol.inline li:before {content: "(" counter(list-item) ") "; font-weight: bold}
diff --git a/master/style/default_svg.css b/master/style/default_svg.css
--- a/master/style/default_svg.css
+++ b/master/style/default_svg.css
@@ -331,8 +331,22 @@ 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 }
+
+/* Conformance requirement */
+
+div.requirement {
+ padding: 0.5em;
+ border-left-width: 0.5em;
+ border-left-style: solid;
+ border-color: #007070;
+ background: #A0E0E0;
+}
+
+div.requirement > p {
+ margin-top: 0
+}
Received on Wednesday, 22 August 2012 02:23:11 UTC