Fixes to formatting

css-viewport/Overview.bs

@@ -357,115 +357,115 @@ only the value previously set to it.
 </pre>
 
 <h2 id='zoom-property'>
-The 'zoom' property</h2>
+	The 'zoom' property
+</h2>
 
-An element becomes zoomed when the 'zoom' property has a positive computed value
-different than 1. 'zoom' affects computed property values and inherited
-property values. The computed value of 'zoom' is applied as a scalar to
-the used value &lt;length&gt;s CSS properties for the element and
-its descendants (including inherited properties such as 'line-height' or
-'font-size'), plus intrinsic sizing of
-all replaced elements and nested frames, resulting in a magnification or
-minification effect.
+An element becomes zoomed when the 'zoom' property has a positive computed value different than 1.
+'zoom' affects computed property values and inherited property values.
+The computed value of 'zoom' is applied as a scalar to the used value of <<length>> CSS properties for the element and its descendants
+(including inherited properties such as 'line-height' or 'font-size'),
+plus intrinsic sizing of all replaced elements and nested frames,
+resulting in a magnification or minification effect.
 
-Nested values of 'zoom' multiply, resulting in additional scaling
-of &lt;length&gt; values.
+Nested values of 'zoom' multiply, resulting in additional scaling of <<length> values.
 
-The 'zoom' property has no effect on &lt;length&gt; property values with
-computed values that are ''auto'' or &lt;percent&gt;.
+The 'zoom' property has no effect on <<length>> property values with computed values that are ''auto'' or <<percentage>>.
 
-<div class="note">Unlike 'transform', scaling the 'zoom' property affects
-layout.</div>
+<div class="note">Unlike 'transform',
+scaling the 'zoom' property affects layout.</div>
 
-<p class="note"> The computed value of 'font-size' is never &lt;percent&gt;
-thus 'zoom' always applies.</p>
+<p class="note">
+The computed value of 'font-size' is never <<percentage>>;
+thus 'zoom' always applies.
+</p>
 
 <p class="note">'zoom' does not affect or prevent 'transform' scaling.</p>
 
 <pre class="propdef">
-Name: zoom
-Value: &lt;number&gt;
-Initial: 1
-Applies to: all &lt;length&gt; property values of block-level elements
-Inherited: no
-Percentages: Refer to all &lt;length&gt; property values
-Media: visual
-Computed value: as specified
+	Name: zoom
+	Value: <<number>>;
+	Initial: 1
+	Applies to: all <<length>> property values of block-level elements
+	Inherited: no
+	Percentages: Refer to all <<length>> property values
+	Media: visual
+	Computed value: as specified
 </pre>
 
 The values of this property have the following meanings:
 
 <dl dfn-for="wrap-flow" dfn-type=value>
   <dt><dfn lt="'zoom'!!'number'">number</dfn>
   <dd>
-    Positive floating point number indicating a zoom factor. Numbers smaller
-    than 1.0 indicate a "zoom out" or minification effect, while numbers
-    greater than 1.0 indicate a "zoom in" or magnification effect.
+    Positive floating point number indicating a zoom factor.
+    Numbers smaller than 1.0 indicate a "zoom out" or minification effect,
+    while numbers greater than 1.0 indicate a "zoom in" or magnification effect.
 
-  <dt><dfn lt="'zoom'!!&lt;percent&gt;">percent</dfn>
+  <dt><dfn lt="'zoom'!!'percentage'">percent</dfn>
   <dd>
-    Positive floating point number, followed by a percentage character ("%")
-    which indicates a zoom factor multiplied by 100.
+    Positive floating point number,
+    followed by a percentage character ("%") which indicates a zoom factor multiplied by 100.
 </dl>
 
 Negative or zero values for 'zoom' are illegal.
 
 <div class="example">
   Example of the 'zoom' property applied during hover for magnification effect.
 
-<pre>
-&lt;div class="messageBox"&gt;
-    &lt;div class="label"&gt;Text of the label&lt;/div&gt;
-&lt;/div&gt;
-
-&lt;style type="text/css"&gt;
-.messageBox {
-    width: 10em;
-    padding: 2em;
-    border: medium solid lightblue;
-}
-
-.messageBox:hover {
-    zoom: 150%;
-}
-
-.label {
-    background: lightgrey;
-    padding: 1em;
-    text-align: center;
-}
-&lt;/style&gt;
-</pre>
+	<pre>
+		&lt;div class="messageBox"&gt;
+		    &lt;div class="label"&gt;Text of the label&lt;/div&gt;
+		&lt;/div&gt;
+
+		&lt;style type="text/css"&gt;
+		.messageBox {
+		    width: 10em;
+		    padding: 2em;
+		    border: medium solid lightblue;
+		}
+
+		.messageBox:hover {
+		    zoom: 150%;
+		}
+
+		.label {
+		    background: lightgrey;
+		    padding: 1em;
+		    text-align: center;
+		}
+		&lt;/style&gt;
+	</pre>
 
   Illustration of the before and after hover state of the message box element.
   <img src="css_zoom_hover_example.png" />
 </div>
 
 <div class="example">
-Example of nested zoom. In this example, "Inner text" is 4x as large as
-"Outer text", and "Middle text" is 2x as large as "Outer text".
-
-<pre>
-&lt;div style="zoom: 2"&gt;
-  Middle text
-	&lt;div style="zoom: 2"&gt;
-	   Inner text
-	&lt;div&gt;
-&lt;div&gt;
-Outer text
-</pre>	 
+	Example of nested zoom.
+	In this example, "Inner text" is 4x as large as "Outer text",
+	and "Middle text" is 2x as large as "Outer text".
+
+	<pre>
+		&lt;div style="zoom: 2"&gt;
+		  Middle text
+			&lt;div style="zoom: 2"&gt;
+			   Inner text
+			&lt;div&gt;
+		&lt;div&gt;
+		Outer text
+	</pre>	 
 </div>
 
 <div class="example">
-Example of replaced elements. In this example, the image and iframe will
-be twice as large as their default sizing.
-
-<pre>
-&lt;div style="zoom: 2"&gt;
-	&lt;img src=""&gt;
-	&lt;iframe src=""&gt;
-&lt;div&gt;
-</pre>	 
+	Example of replaced elements. In this example,
+	the image and iframe will be twice as large as their default sizing.
+
+	<pre>
+	&lt;div style="zoom: 2"&gt;
+		&lt;img src=""&gt;
+		&lt;iframe src=""&gt;
+	&lt;div&gt;
+	</pre>	 
 </div>
 
 The <dfn>effective zoom</dfn> of an element is the product of its computed

cssom-view-1/Overview.bs

@@ -1548,7 +1548,8 @@ The <dfn attribute for=HTMLElement>offsetParent</dfn> attribute must return the
 The <dfn attribute for=HTMLElement>offsetTop</dfn> attribute must return the result of running these steps:
 
 1. If the element is <a>the <code>body</code> element</a> or does not have any associated [=CSS/box=] return zero and terminate this algorithm.
-1. If the {{HTMLElement/offsetParent}} of the element is null return the y-coordinate of the top <a>border edge</a> of the first [=CSS/box=] associated with the element, relative to the <a>initial containing block</a> origin, ignoring any <a>transforms</a> 'or zoom' that apply to the element and its ancestors, and terminate this algorithm.
+1. If the {{HTMLElement/offsetParent}} of the element is null return the
+[=unscaled=] y-coordinate of the top <a>border edge</a> of the first [=CSS/box=] associated with the element, relative to the <a>initial containing block</a> origin, ignoring any <a>transforms</a>that apply to the element and its ancestors and terminate this algorithm.
 1. Return the result of subtracting the y-coordinate of the top <a>padding edge</a>
     of the first [=CSS/box=] associated with the {{HTMLElement/offsetParent}} of the element
     from the y-coordinate of the top <a>border edge</a>