Generated. Do not edit!

Author: bert-github

css3-flexbox/Overview.html

@@ -16,12 +16,12 @@
 
    <h1 id=head-box-flexible>CSS Flexible Box Layout Module</h1>
 
-   <h2 class="no-num no-toc" id=w3c-working>Editor's Draft, 30 September 2011</h2>
+   <h2 class="no-num no-toc" id=w3c-working>Editor's Draft, 24 November 2011</h2>
 
    <dl>
     <dt>This version:
 
-    <dd><!-- <a href="http://www.w3.org/TR/2011/WD-css3-flexbox-20110930/">http://www.w3.org/TR/2011/WD-css3-flexbox-20110930/</a></dd> -->
+    <dd><!-- <a href="http://www.w3.org/TR/2011/WD-css3-flexbox-20111124/">http://www.w3.org/TR/2011/WD-css3-flexbox-20111124/</a></dd> -->
      <a
      href="http://dev.w3.org/csswg/css3-flexbox/">http://dev.w3.org/csswg/css3-flexbox/</a>
 
@@ -64,13 +64,13 @@ <h2 class="no-num no-toc" id=w3c-working>Editor's Draft, 30 September 2011</h2>
    <p class=copyright><a
     href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright"
     rel=license>Copyright</a> &copy; 2011 <a
-    href="http://www.w3.org/"><acronym title="World Wide Web
-    Consortium">W3C</acronym></a><sup>&reg;</sup> (<a
-    href="http://www.csail.mit.edu/"><acronym title="Massachusetts Institute
-    of Technology">MIT</acronym></a>, <a href="http://www.ercim.eu/"><acronym
-    title="European Research Consortium for Informatics and
-    Mathematics">ERCIM</acronym></a>, <a
-    href="http://www.keio.ac.jp/">Keio</a>), All Rights Reserved. W3C <a
+    href="http://www.w3.org/"><acronym
+    title="World Wide Web Consortium">W3C</acronym></a><sup>&reg;</sup> (<a
+    href="http://www.csail.mit.edu/"><acronym
+    title="Massachusetts Institute of Technology">MIT</acronym></a>, <a
+    href="http://www.ercim.eu/"><acronym
+    title="European Research Consortium for Informatics and Mathematics">ERCIM</acronym></a>,
+    <a href="http://www.keio.ac.jp/">Keio</a>), All Rights Reserved. W3C <a
     href="http://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>,
     <a
     href="http://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a>
@@ -242,9 +242,9 @@ <h2 id=box-model><span class=secno>2. </span> The Flexbox Box Model</h2>
   <p>An element with &lsquo;<code class=css>display:flexbox</code>&rsquo; or
    &lsquo;<code class=css>display:inline-flexbox</code>&rsquo; is a <dfn
    id=flexbox>flexbox</dfn>. Block-level children of a flexbox, and some
-   other types of children, are called <dfn id=flexbox-item title="flexbox
-   item|flexbox items|flexbox item's">flexbox items</dfn> and are laid out
-   using the flexbox box model. <span class=note>(See the <a
+   other types of children, are called <dfn id=flexbox-item
+   title="flexbox item|flexbox items|flexbox item's">flexbox items</dfn> and
+   are laid out using the flexbox box model. <span class=note>(See the <a
    href="#flex-items">Flexbox Items</a> chapter, below, for specifics on
    which children are <a href="#flexbox-item"><i>flexbox items</i></a>
    directly and which children are instead wrapped in anonymous boxes which
@@ -334,18 +334,16 @@ <h2 id=box-model><span class=secno>2. </span> The Flexbox Box Model</h2>
 
    <p>This will render approximately like the following:</p>
 
-   <p style="border: thin solid black; background: white; width: 500px;
-    padding: 5px; overflow: hidden;">
-    <button style="float: left; width: 200px; height: 40px; margin-right:
-     50px;">Child 1<br>
-     Another Line</button>
-
-    <button style="float: left; width: 100px; height: 22px; margin-top:
-     9px;">Child 2</button>
-
-    <button style="float: right; width: 100px; height: 22px; margin-top:
-     9px;">Child 3</button>
-   </p>
+   <p
+    style="border: thin solid black; background: white; width: 500px; padding: 5px; overflow: hidden;">
+    <button
+    style="float: left; width: 200px; height: 40px; margin-right: 50px;">Child
+    1<br>
+    Another Line</button> <button
+    style="float: left; width: 100px; height: 22px; margin-top: 9px;">Child
+    2</button> <button
+    style="float: right; width: 100px; height: 22px; margin-top: 9px;">Child
+    3</button></p>
   </div>
 
   <h3 id=display-flexbox><span class=secno>2.1. </span> New values for
@@ -756,14 +754,8 @@ <h3 id=flex-order><span class=secno>3.2. </span> Display Order: the
     order will be:</p>
 
    <div style="border: medium solid green; display: inline-block;">
-    <button>Two</button>
-
-    <button>Four</button>
-
-    <button>One</button>
-
-    <button>Three</button>
-   </div>
+    <button>Two</button> <button>Four</button> <button>One</button>
+    <button>Three</button></div>
   </div>
 
   <p class=issue>Add a realistic example of tab reordering.
@@ -782,10 +774,11 @@ <h3 id=flex-function><span class=secno>4.1. </span> The &lsquo;<code
    class=css>flex()</code>&rsquo; function</h3>
 
   <p>The &lsquo;<code class=css>flex()</code>&rsquo; function is used to
-   specify the parameters of a <dfn id=flexible-length0 title="flexible
-   length|flexible lengths|flexible length's">flexible length</dfn>: the <dfn
-   id=positive-flexibility title="positive flexibility">positive</dfn> and
-   <dfn id=negative-flexibility>negative flexibility</dfn>, and the <dfn
+   specify the parameters of a <dfn id=flexible-length0
+   title="flexible length|flexible lengths|flexible length's">flexible
+   length</dfn>: the <dfn id=positive-flexibility
+   title="positive flexibility">positive</dfn> and <dfn
+   id=negative-flexibility>negative flexibility</dfn>, and the <dfn
    id=preferred-size>preferred size</dfn>. The syntax of the &lsquo;<code
    class=css>flex()</code>&rsquo; function is:
 
@@ -1216,14 +1209,10 @@ <h2 id=multiline><span class=secno>6. </span> Multi-line Flexbox</h2>
     the line, or 300 pixels.</p>
 
    <div style="width:300px; border:medium solid green; overflow: hidden;">
-    <button style="width:100px; float: left;">Elephant</button>
-
-    <button style="width:100px; float: left;">Tiger</button>
-
-    <button style="width:100px; float: left;">Antelope</button>
-
-    <button style="width:300px; float: left;">Wildebeest</button>
-   </div>
+    <button style="width:100px; float: left;">Elephant</button> <button
+    style="width:100px; float: left;">Tiger</button> <button
+    style="width:100px; float: left;">Antelope</button> <button
+    style="width:300px; float: left;">Wildebeest</button></div>
 
    <p>If the box was resized, the buttons may rearrange onto different lines
     as necessary.</p>
@@ -1254,14 +1243,11 @@ <h2 id=multiline><span class=secno>6. </span> Multi-line Flexbox</h2>
     equally on either side.</p>
 
    <div style="width:300px; border:medium solid green; text-align:center;">
-    <button style="width:90px; float: left; margin-left: 15px;">Elephant</button>
-
-    <button style="width:90px; float: left;">Tiger</button>
-
-    <button style="width:90px; float: left;">Antelope</button>
-
-    <button style="width:90px">Wildebeest</button>
-   </div>
+    <button
+    style="width:90px; float: left; margin-left: 15px;">Elephant</button>
+    <button style="width:90px; float: left;">Tiger</button> <button
+    style="width:90px; float: left;">Antelope</button> <button
+    style="width:90px">Wildebeest</button></div>
   </div>
 
   <h3 id=flex-line-pack><span class=secno>6.1. </span> &lsquo;<a
@@ -1625,17 +1611,17 @@ <h2 class=no-num id=index>Index</h2>
    <li>column-reverse, <a href="#flex-flow-column-reverse"
     title=column-reverse><strong>3.1.</strong></a>
 
-   <li>cross axis, <a href="#cross-axis" title="cross
-    axis"><strong>2.</strong></a>
+   <li>cross axis, <a href="#cross-axis"
+    title="cross axis"><strong>2.</strong></a>
 
    <li>cross-end, <a href="#cross-end"
     title=cross-end><strong>2.</strong></a>
 
-   <li>cross size, <a href="#cross-size" title="cross
-    size"><strong>2.</strong></a>
+   <li>cross size, <a href="#cross-size"
+    title="cross size"><strong>2.</strong></a>
 
-   <li>cross size property, <a href="#cross-size-property" title="cross size
-    property"><strong>2.</strong></a>
+   <li>cross size property, <a href="#cross-size-property"
+    title="cross size property"><strong>2.</strong></a>
 
    <li>cross-start, <a href="#cross-start"
     title=cross-start><strong>2.</strong></a>
@@ -1649,27 +1635,28 @@ <h2 class=no-num id=index>Index</h2>
 
    <li>flexbox, <a href="#flexbox" title=flexbox><strong>2.</strong></a>
 
-   <li>flexbox item, <a href="#flexbox-item" title="flexbox
-    item"><strong>2.</strong></a>
+   <li>flexbox item, <a href="#flexbox-item"
+    title="flexbox item"><strong>2.</strong></a>
 
-   <li>flexbox items, <a href="#flexbox-item" title="flexbox
-    items"><strong>2.</strong></a>
+   <li>flexbox items, <a href="#flexbox-item"
+    title="flexbox items"><strong>2.</strong></a>
 
-   <li>flexbox item's, <a href="#flexbox-item" title="flexbox
-    item's"><strong>2.</strong></a>
+   <li>flexbox item's, <a href="#flexbox-item"
+    title="flexbox item's"><strong>2.</strong></a>
 
    <li>flex-flow, <a href="#flex-flow0"
     title=flex-flow><strong>3.1.</strong></a>
 
-   <li>flexible length, <a href="#flexible-length" title="flexible
-    length"><strong>4.</strong></a>, <a href="#flexible-length0"
+   <li>flexible length, <a href="#flexible-length"
+    title="flexible length"><strong>4.</strong></a>, <a
+    href="#flexible-length0"
     title="flexible length"><strong>4.1.</strong></a>
 
-   <li>flexible lengths, <a href="#flexible-length0" title="flexible
-    lengths"><strong>4.1.</strong></a>
+   <li>flexible lengths, <a href="#flexible-length0"
+    title="flexible lengths"><strong>4.1.</strong></a>
 
-   <li>flexible length's, <a href="#flexible-length0" title="flexible
-    length's"><strong>4.1.</strong></a>
+   <li>flexible length's, <a href="#flexible-length0"
+    title="flexible length's"><strong>4.1.</strong></a>
 
    <li>flex-line-pack, <a href="#flex-line-pack0"
     title=flex-line-pack><strong>6.1.</strong></a>
@@ -1687,31 +1674,31 @@ <h2 class=no-num id=index>Index</h2>
     title=justify><strong>6.1.</strong></a>, <a href="#flex-pack-justify"
     title=justify><strong>5.1.</strong></a>
 
-   <li>main axis, <a href="#main-axis" title="main
-    axis"><strong>2.</strong></a>
+   <li>main axis, <a href="#main-axis"
+    title="main axis"><strong>2.</strong></a>
 
    <li>main-end, <a href="#main-end" title=main-end><strong>2.</strong></a>
 
-   <li>main size, <a href="#main-size" title="main
-    size"><strong>2.</strong></a>
+   <li>main size, <a href="#main-size"
+    title="main size"><strong>2.</strong></a>
 
-   <li>main size property, <a href="#main-size-property" title="main size
-    property"><strong>2.</strong></a>
+   <li>main size property, <a href="#main-size-property"
+    title="main size property"><strong>2.</strong></a>
 
    <li>main-start, <a href="#main-start"
     title=main-start><strong>2.</strong></a>
 
    <li>multi-line, <a href="#multi-line"
     title=multi-line><strong>6.</strong></a>
 
-   <li>negative flexibility, <a href="#negative-flexibility" title="negative
-    flexibility"><strong>4.1.</strong></a>
+   <li>negative flexibility, <a href="#negative-flexibility"
+    title="negative flexibility"><strong>4.1.</strong></a>
 
-   <li>positive flexibility, <a href="#positive-flexibility" title="positive
-    flexibility"><strong>4.1.</strong></a>
+   <li>positive flexibility, <a href="#positive-flexibility"
+    title="positive flexibility"><strong>4.1.</strong></a>
 
-   <li>preferred size, <a href="#preferred-size" title="preferred
-    size"><strong>4.1.</strong></a>
+   <li>preferred size, <a href="#preferred-size"
+    title="preferred size"><strong>4.1.</strong></a>
 
    <li>row, <a href="#flex-flow-row" title=row><strong>3.1.</strong></a>
 

css3-layout/Overview.html

@@ -16,23 +16,23 @@
    <h1>CSS Template Layout Module</h1>
 
    <h2 class="no-num no-toc" id=longstatus-date-3-august-2004>Editor's Draft
-    5 November 2011</h2>
+    24 November 2011</h2>
 
    <dl>
     <dt>This version:
 
-    <dd><a href="http://www.w3.org/TR/2011/ED-css3-layout-20111105/">
-     http://www.w3.org/TR/2011/ED-css3-layout-20111105</a>
+    <dd><a href="http://www.w3.org/TR/2011/ED-css3-layout-20111124/">
+     http://www.w3.org/TR/2011/ED-css3-layout-20111124/</a>
 
     <dt>Latest version:
 
-    <dd><a href="http://www.w3.org/TR/css3-layout">
-     http://www.w3.org/TR/css3-layout</a>
+    <dd><a href="http://www.w3.org/TR/css3-layout/">
+     http://www.w3.org/TR/css3-layout/</a>
 
     <dt>Previous version:
 
-    <dd><a href="http://www.w3.org/TR/2009/WD-css3-layout-20090402">
-     http://www.w3.org/TR/2009/WD-css3-layout-20090402</a>
+    <dd><a href="http://www.w3.org/TR/2010/WD-css3-layout-20111129/">
+     http://www.w3.org/TR/2010/WD-css3-layout-20111129/</a>
 
     <dt>Editors:
 
@@ -702,7 +702,7 @@ <h3 id=repeating-templates><span class=secno>3.1. </span>Repeating
   <h3 id=non-rectangular-shapes-and-wrap-arounds><span class=secno>3.2.
    </span>Non-rectangular shapes and wrap-arounds</h3>
 
-  <p>This specification allows to chain multiple slots togother to form
+  <p>This specification allows to chain multiple slots together to form
    complex shapes, but each of the slots is itself still rectangular.
 
   <p>Another module, <cite>CSS exclusions and shapes</cite> <a
@@ -2643,7 +2643,7 @@ <h2 class=no-num id=acknowledgments>Acknowledgments</h2>
    Ian Hickson [member-only link].</a>
 
   <p><a href="http://transcendingcss.com/support/">Andy Clarke,</a> <a
-   href="http://creatingsexystylesheets.com/">Jina Bolton</a> and <a
+   href="http://sushiandrobots.com/about">Jina Bolton</a> and <a
    href="http://lawver.net/">Kevin Lawver</a> provided use cases, examples
    and requirements. The analysis in the <a href="#history">History</a>
    section is a slightly shortened version of work by Steve Zilles.
@@ -2798,8 +2798,8 @@ <h2 class=no-num id=references>References</h2>
 
    <dd>Vincent Hardy. <a
     href="http://dev.w3.org/csswg/css3-exclusions/"><cite>CSS Exclusions
-    Module.</cite></a> Proposal for a CSS module. (Retrieved 11 May 2011)
-    URL: <a
+    Module.</cite></a> Proposal for a CSS module. (Retrieved 15 November
+    2011) URL: <a
     href="http://dev.w3.org/csswg/css3-exclusions/">http://dev.w3.org/csswg/css3-exclusions/</a>
     </dd>
    <!---->