[css-forms-1] Add myself as editor and move old explorations to appendix

css-forms-1/Overview.bs

@@ -2,22 +2,21 @@
 Title: CSS Form Styling Module Level 1
 Shortname: css-forms
 Level: 1
-Status: DREAM
+Group: csswg
+Status: UD
 Work Status: Exploring
 ED: https://drafts.csswg.org/css-forms/
-No Editor: true
+Editor: Tim Nguyen, w3cid 137443, Apple Inc. https://apple.com/, [email protected]
 Abstract: This document is currently a loosely-structured set of ideas and inspiration for CSS form styling.
 	It is not an implementable standard. Do not look at this as anything but a collection of ideas.
 Warning: not ready
 </pre>
 
-New Pseudo-Elements {#pseudos}
-==============================
+# New Pseudo-Elements # {#pseudos}
 
 This section defines some pseudo-elements for styling parts of form elements.
 
-<h3 id="picker-pseudo">
-Styling form control pickers: the ''::picker()'' pseudo-element</h3>
+## Styling form control pickers: the ''::picker()'' pseudo-element ## {#picker-pseudo-element}
 
   The <dfn>::picker()</dfn> pseudo-element targets the popup picker of form
   control elements which have popup pickers, such as the <{select}> element. It
@@ -55,8 +54,7 @@ Styling form control pickers: the ''::picker()'' pseudo-element</h3>
 &lt;/style>
   </pre>
 
-<h3 id="picker-icon">
-Picker opener icon: the ''::picker-icon'' pseudo-element</h3>
+## Picker opener icon: the ''::picker-icon'' pseudo-element ## {#picker-icon-pseudo-element}
 
   The ''::picker-icon'' pseudo-element is only generated when the
   <a>originating element</a> has <a>base appearance</a> and opens a picker.
@@ -68,8 +66,7 @@ Picker opener icon: the ''::picker-icon'' pseudo-element</h3>
   <a>originating element</a>, after any boxes generated by the ''::after''
   pseudo-element, with content as specified by 'content'.
 
-<h3 id="checkmark">
-Checkmark icon: the ''::checkmark'' pseudo-element</h3>
+## Checkmark icon: the ''::checkmark'' pseudo-element ## {#checkmark-element}
 
   The '::checkmark'' pseudo-element is only generated when the <a>originating
   element</a> supports the <a>:checked</a> pseudo-class and either has <a>base
@@ -83,13 +80,13 @@ Checkmark icon: the ''::checkmark'' pseudo-element</h3>
   pseudo-element, with content as specified by 'content'.
 
 
-Basic Styling Proposals {#ideas}
-================================
+<h2 class="no-num non-normative" id="changes">Appendix: Explorations</h2>
+
+## Basic Styling Proposals ## {#ideas}
 
 This section sketches a few proposals for solving the form styling problem.
 
-Prototypes {#prototypes}
-------------------------
+### Prototypes ### {#prototypes}
 
 This idea, originally suggested by fantasai,
 is that we can style a handful of "prototype" elements.
@@ -171,8 +168,7 @@ At the limit, things like internal padding, border-radius, etc might be used.
 </div>
 
 
-Inverse System Colors {#inverse-system}
----------------------------------------
+### Inverse System Colors ### {#inverse-system}
 
 This idea, originally sketched by Florian and Tab,
 is to define an abstract set of colors
@@ -198,15 +194,13 @@ or automatically setting text colors to white/black as appropriate.
 
 There's no guarantee that the input UIs will use the colors in the *same way* that the rest of the page does, though.
 
-Miscellaneous Control-Specific Suggestions {#misc}
-==================================================
+## Miscellaneous Control-Specific Suggestions ## {#misc}
 
 Issue: <a href="http://blog.teamtreehouse.com/use-meter-progress-elements">&lt;progress> and &lt;meter> styling</a>
 
 Issue: Insert &lt;select> and &lt;datalist> styling proposal and/or whiteboard photo.
 
-Select/Datalist Dropdown {#select-dropdown}
-----------------------------------
+### Select/Datalist Dropdown ### {#select-dropdown}
 
 1. Only allow styling if both 'color!!property' and 'background' are set.
 2. Option container:
@@ -224,16 +218,13 @@ Select/Datalist Dropdown {#select-dropdown}
 	All options are contain:paint and BFCs.
 
 
+## Input UI Examples ## {#examples}
 
 
-Input UI Examples {#examples}
-=============================
-
 This section catalogues as many input UI examples as we can screenshot,
 especially on mobile devices where they're a bit "weirder".
 
-Time Pickers {#time-examples}
------------------------------
+### Time Pickers ### {#time-examples}
 
 <figure>
 	<img src="images/time01.png">
@@ -250,8 +241,7 @@ Time Pickers {#time-examples}
 	<figcaption>Android time picker 2</figcaption>
 </figure>
 
-Date Pickers {#date-examples}
------------------------------
+### Date Pickers ### {#date-examples}
 
 <figure>
 	<img src="images/date01.png">