Try moving conformance requirements styling to an alternate style sheet.
--- a/master/color.html Wed Aug 22 12:25:32 2012 +1000
+++ b/master/color.html Wed Aug 22 12:44:01 2012 +1000
@@ -96,19 +96,12 @@
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
- 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
- SVG 2 User Agent MUST use the sRGB profile to render the image
- </p>
- </div>
+ <p><span class="requirement" id="assert_taggedImages">If a referenced image
+ contains color profile information, a SVG 2 User Agent MUST use that profile
+ to render the image.</span>
+ <span class="requirement" id="assert_untaggedImages">Otherwise,
+ if a referenced image contains no color profile information, a
+ SVG 2 User Agent MUST use the sRGB profile to render the image.</span></p>
<h2 id="Color_syntax">Color syntax</h2>
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/master/style/default_requirements.css Wed Aug 22 12:44:01 2012 +1000
@@ -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
+}
--- a/master/style/default_svg.css Wed Aug 22 12:25:32 2012 +1000
+++ b/master/style/default_svg.css Wed Aug 22 12:44:01 2012 +1000
@@ -336,17 +336,3 @@
.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
-}