Move CSS 3.0 constructs to a separate file.

modules/block.xsl

@@ -763,13 +763,14 @@
     </xd:doc>
 
     <xsl:template match="p[f:has-rend-value(@rend, 'initial-image')]" mode="css">
-        <xsl:call-template name="handle-initial-image-css"/>
+        <xsl:if test="not(f:is-set('pg.compliant'))">
+            <xsl:call-template name="handle-initial-image-css"/>
+        </xsl:if>
     </xsl:template>
 
     <xsl:template name="handle-initial-image-css">
         <xsl:context-item as="element()" use="required"/>
         <xsl:if test="generate-id() = generate-id(key('rend', name() || ':' || @rend)[1])">
-
             <xsl:variable name="css-properties" select="f:translate-rend-ladder(@rend, name())"/>
             <xsl:variable name="scale-factor" select="xs:decimal(f:get-setting('images.scale'))" as="xs:decimal"/>
 
@@ -802,7 +803,6 @@
             <xsl:text>color: white;&lf;</xsl:text>
             <xsl:text>font-size: 1px;&lf;</xsl:text>
             <xsl:text>}&lf;</xsl:text>
-
         </xsl:if>
         <xsl:apply-templates mode="css"/>
     </xsl:template>

modules/css.xsl

@@ -187,6 +187,10 @@
             <xsl:value-of select="f:css-stylesheet('../style/layout-html.css')"/>
         </xsl:if>
 
+        <xsl:if test="not(f:is-set('pg.compliant'))">
+            <xsl:value-of select="f:css-stylesheet('../style/refine30.css')"/>
+        </xsl:if>
+
         <!-- Debugging CSS stylesheet. -->
         <xsl:if test="f:is-set('debug')">
             <xsl:value-of select="f:css-stylesheet('../style/debug.css')"/>

style/normalize.css

@@ -33,7 +33,7 @@ a {
 
 abbr[title] {
     border-bottom: none;
-    text-decoration: underline dotted;
+    text-decoration: underline;
 }
 
 b, strong {

style/refine30.css

@@ -0,0 +1,6 @@
+/* refine30.css - Some CSS 3.0 constructs to refine the presentation, so the main stylesheets can remain CSS 2.1 */
+
+abbr[title] {
+    border-bottom: none;
+    text-decoration: underline dotted;
+}