Skip to content

Commit 978970d

Browse files
author
Tantek Çelik
committed
fix a few broken fragments, update XForms reference from 1.0 to 1.1 (latest), drop XForms 1.0 example since 1.1 dropped it.
1 parent fd42a4a commit 978970d

2 files changed

Lines changed: 23 additions & 90 deletions

File tree

‎css3-ui/Overview.html‎

Lines changed: 16 additions & 52 deletions
Original file line numberDiff line numberDiff line change
@@ -632,7 +632,7 @@ <h3 id=definitions><span class=secno>2.1. </span>Definitions</h3>
632632
uppercase letters in this specification.
633633

634634
<p>Additional key words, e.g. "User agent (UA)", are <a
635-
href="http://www.w3.org/TR/CSS21/conform.html#q1">defined by CSS 2.1</a>
635+
href="http://www.w3.org/TR/CSS21/conform.html#defs">defined by CSS 2.1</a>
636636
(<a href="#CSS21" rel=biblioentry>[CSS21]<!--{{!CSS21}}--></a>, section
637637
3.1).
638638

@@ -651,7 +651,7 @@ <h3 id=classes-of-products><span class=secno>2.2. </span>Classes of
651651
rel=biblioentry>[HTML5]<!--{{HTML5}}--></a>), XHTML (<a href="#XHTML10"
652652
rel=biblioentry>[XHTML10]<!--{{XHTML10}}--></a>, <a href="#XHTML11"
653653
rel=biblioentry>[XHTML11]<!--{{XHTML11}}--></a>), XForms (e.g. <a
654-
href="#XFORMS10" rel=biblioentry>[XFORMS10]<!--{{XFORMS10}}--></a>), SVG
654+
href="#XFORMS11" rel=biblioentry>[XFORMS11]<!--{{XFORMS11}}--></a>), SVG
655655
(e.g. <a href="#SVG10" rel=biblioentry>[SVG10]<!--{{SVG10}}--></a>, <a
656656
href="#SVG11" rel=biblioentry>[SVG11]<!--{{SVG11}}--></a>) or other
657657
content languages that contain forms controls or are intended for user
@@ -673,9 +673,9 @@ <h3 id=extensions><span class=secno>2.4. </span>Extensions</h3>
673673
an implementation needs to extend the functionality of this specification,
674674
it must follow any/all guidelines and requirements of extensions as
675675
defined in CSS2.1, e.g. <a
676-
href="http://www.w3.org/TR/CSS21/syndata.html#q4">Vendor-specific
676+
href="http://www.w3.org/TR/CSS21/syndata.html#vendor-keywords">Vendor-specific
677677
extensions</a> (<a href="#CSS21"
678-
rel=biblioentry>[CSS21]<!--{{!CSS21}}--></a>, section 4.1.2).
678+
rel=biblioentry>[CSS21]<!--{{!CSS21}}--></a>, section 4.1.2.1).
679679

680680
<h2 id=dependencies-on-other-modules><span class=secno>3.
681681
</span>Dependencies on other modules</h2>
@@ -722,7 +722,7 @@ <h2 id=dependencies-on-other-modules><span class=secno>3.
722722

723723
<li><a href="#XHTML11" rel=biblioentry>[XHTML11]<!--{{XHTML11}}--></a>
724724

725-
<li><a href="#XFORMS10" rel=biblioentry>[XFORMS10]<!--{{XFORMS10}}--></a>
725+
<li><a href="#XFORMS11" rel=biblioentry>[XFORMS11]<!--{{XFORMS11}}--></a>
726726
</ul>
727727

728728
<p>This specification does not define what is a form element.
@@ -807,8 +807,8 @@ <h4 class="no-num no-toc" id=new-user-interface-state-pseudo-classes>New
807807

808808
<p>Specifically, these new states (except for :default) are provided as a
809809
way to style elements which are in the respective states as defined by
810-
XForms <a href="#XFORMS10"
811-
rel=biblioentry>[XFORMS10]<!--{{XFORMS10}}--></a>.
810+
XForms <a href="#XFORMS11"
811+
rel=biblioentry>[XFORMS11]<!--{{XFORMS11}}--></a>.
812812

813813
<h4 id=pseudo-default><span class=secno>4.1.2. </span>:default</h4>
814814

@@ -826,8 +826,8 @@ <h4 id=pseudo-validity><span class=secno>4.1.3. </span><span
826826

827827
<p>An element is :valid or :invalid when it is, respectively, valid or
828828
invalid with respect to data validity semantics defined by a different
829-
specification (e.g. <a href="#XFORMS10"
830-
rel=biblioentry>[XFORMS10]<!--{{XFORMS10}}--></a>). An element which lacks
829+
specification (e.g. <a href="#XFORMS11"
830+
rel=biblioentry>[XFORMS11]<!--{{XFORMS11}}--></a>). An element which lacks
831831
data validity semantics is neither :valid nor :invalid. This is different
832832
from an element which otherwise has no constraints. Such an element would
833833
always be :valid.
@@ -897,8 +897,8 @@ <h3 id=pseudo-elements><span class=secno>4.2. </span>User interface element
897897
</ul>
898898

899899
<p>Specifically, these new pseudo-elements are provided as a way to style
900-
user interface fragments as defined by XForms <a href="#XFORMS10"
901-
rel=biblioentry>[XFORMS10]<!--{{XFORMS10}}--></a>.
900+
user interface fragments as defined by XForms <a href="#XFORMS11"
901+
rel=biblioentry>[XFORMS11]<!--{{XFORMS11}}--></a>.
902902

903903
<h4 id=pseudo-value><span class=secno>4.2.1. </span>::value</h4>
904904

@@ -1058,43 +1058,6 @@ <h4 id=pseudo-repeat-index><span class=secno>4.2.4. </span>::repeat-index</h4>
10581058
repeated item at any point.</em></p>
10591059
</div>
10601060

1061-
<div class=example>
1062-
<p style="display:none">Example(s):</p>
1063-
1064-
<h4 class="no-num no-toc" id=ui-selectors-example-from-xforms-1.0>UI
1065-
selectors example from XForms 1.0</h4>
1066-
1067-
<p> The following <a
1068-
href="http://www.w3.org/TR/xforms/sliceF.html#id2645356">example from
1069-
XForms 1.0</a> (<a href="#XFORMS10"
1070-
rel=biblioentry>[XFORMS10]<!--{{XFORMS10}}--></a>, section F.3) shows how
1071-
basic styling can be accomplished on form controls and repeating
1072-
structures using the new pseudo-classes and XForms elements.</p>
1073-
1074-
<pre><code class=css>
1075-
@namespace xforms url(http://www.w3.org/2002/xforms);
1076-
/* Display a red background on all invalid form controls */
1077-
*:invalid { background-color:red; }
1078-
/* Display a red asterisk after all required form controls */
1079-
*:required::after { content: "*"; color:red; }
1080-
/* Do not render non-relevant form controls */
1081-
*:disabled { visibility: hidden; }
1082-
/* The following declarations cause form controls and their labels
1083-
to align neatly, as if a two-column table were used */
1084-
xforms|group { display: table; }
1085-
xforms|input { display: table-row; }
1086-
xforms|input &gt; xforms|label { display: table-cell; }
1087-
xforms|input::value { border: thin black solid; display: table-cell; }
1088-
/* Display an alert message when appropriate */
1089-
*:valid &gt; xforms|alert { display: none; }
1090-
*:invalid &gt; xforms|alert { display: inline; }
1091-
/* Display repeat-items with a dashed border */
1092-
*::repeat-item,*::repeat-index { border: dashed; }
1093-
/* Display a teal highlight behind the current repeat item */
1094-
*::repeat-index { background-color: teal; }
1095-
</code></pre>
1096-
</div>
1097-
10981061
<h2 id=element-icons><span class=secno>5. </span>Element icons</h2>
10991062

11001063
<p>This section is <em>normative</em>.
@@ -3148,12 +3111,13 @@ <h3 class="no-num no-toc" id=informative-references>Informative References</h3>
31483111
</dd>
31493112
<!---->
31503113

3151-
<dt id=XFORMS10>[XFORMS10]
3114+
<dt id=XFORMS11>[XFORMS11]
31523115

31533116
<dd>John M. Boyer. <a
3154-
href="http://www.w3.org/TR/2009/REC-xforms-20091020/"><cite>XForms
3155-
1.1.</cite></a> 20 October 2009. W3C Recommendation. URL: <a
3156-
href="http://www.w3.org/TR/2009/REC-xforms-20091020/">http://www.w3.org/TR/2009/REC-xforms-20091020/</a>
3117+
href="http://www.w3.org/TR/2009/PR-xforms11-20090818"><cite>XForms
3118+
1.1.</cite></a> 18 August 2009. W3C Proposed Recommendation. (Work in
3119+
progress.) URL: <a
3120+
href="http://www.w3.org/TR/2009/PR-xforms11-20090818">http://www.w3.org/TR/2009/PR-xforms11-20090818</a>
31573121
</dd>
31583122
<!---->
31593123

‎css3-ui/Overview.src.html‎

Lines changed: 7 additions & 38 deletions
Original file line numberDiff line numberDiff line change
@@ -339,15 +339,15 @@ <h3>Definitions</h3>
339339
letters in this specification.
340340
</p>
341341

342-
<p>Additional key words, e.g. "User agent (UA)", are <a href="http://www.w3.org/TR/CSS21/conform.html#q1">defined by CSS 2.1</a> ([[!CSS21]], section 3.1).</p>
342+
<p>Additional key words, e.g. "User agent (UA)", are <a href="http://www.w3.org/TR/CSS21/conform.html#defs">defined by CSS 2.1</a> ([[!CSS21]], section 3.1).</p>
343343

344344
<h3>Classes of products</h3>
345345

346346
<p>The following classes of products (many of which overlap) should consider implementing this specification:</p>
347347

348348
<ul>
349349
<li>Web browsers</li>
350-
<li>User agents that implement one or more of the following types of content: HTML ([[HTML401]], [[HTML5]]), XHTML ([[XHTML10]], [[XHTML11]]), XForms (e.g. [[XFORMS10]]), SVG (e.g. [[SVG10]], [[SVG11]]) or other content languages that contain forms controls or are intended for user interaction</li>
350+
<li>User agents that implement one or more of the following types of content: HTML ([[HTML401]], [[HTML5]]), XHTML ([[XHTML10]], [[XHTML11]]), XForms (e.g. [[XFORMS11]]), SVG (e.g. [[SVG10]], [[SVG11]]) or other content languages that contain forms controls or are intended for user interaction</li>
351351
<li>User agents that implement one or more levels, modules and or profiles of CSS (e.g. [[CSS1]], [[!CSS21]])</li>
352352
</ul>
353353

@@ -357,7 +357,7 @@ <h3>Profiles</h3>
357357

358358
<h3>Extensions</h3>
359359

360-
<p>This specification does not define any explicit extension mechanisms. If an implementation needs to extend the functionality of this specification, it must follow any/all guidelines and requirements of extensions as defined in CSS2.1, e.g. <a href="http://www.w3.org/TR/CSS21/syndata.html#q4">Vendor-specific extensions</a> ([[!CSS21]], section 4.1.2).
360+
<p>This specification does not define any explicit extension mechanisms. If an implementation needs to extend the functionality of this specification, it must follow any/all guidelines and requirements of extensions as defined in CSS2.1, e.g. <a href="http://www.w3.org/TR/CSS21/syndata.html#vendor-keywords">Vendor-specific extensions</a> ([[!CSS21]], section 4.1.2.1).
361361
</p>
362362

363363

@@ -391,7 +391,7 @@ <h2>Dependencies on other modules</h2>
391391
<li>[[XML10]]</li>
392392
<li>[[XHTML10]]</li>
393393
<li>[[XHTML11]]</li>
394-
<li>[[XFORMS10]]</li>
394+
<li>[[XFORMS11]]</li>
395395
</ul>
396396

397397
<p>This specification does not define what is a form element.</p>
@@ -437,7 +437,7 @@ <h4 class="no-num no-toc">New user interface state pseudo-classes</h4>
437437
<li>:read-write</li>
438438
</ul>
439439

440-
<p>Specifically, these new states (except for :default) are provided as a way to style elements which are in the respective states as defined by XForms [[XFORMS10]].</p>
440+
<p>Specifically, these new states (except for :default) are provided as a way to style elements which are in the respective states as defined by XForms [[XFORMS11]].</p>
441441

442442
<h4 id="pseudo-default">:default</h4>
443443
<p>The :default selector applies to the one or more UI elements that are the default among a set of similar elements. Typically applies to context menu items, buttons and select lists/menus.
@@ -451,7 +451,7 @@ <h4 id="pseudo-validity"><span id="pseudo-valid">:valid</span>
451451

452452
<p>An element is :valid or :invalid when it is,
453453
respectively, valid or invalid with respect to data validity semantics
454-
defined by a different specification (e.g. [[XFORMS10]]).
454+
defined by a different specification (e.g. [[XFORMS11]]).
455455
An element which lacks data validity semantics is neither :valid nor :invalid. This is different from an element which otherwise has no constraints. Such an element would always be :valid.
456456
</p>
457457

@@ -492,7 +492,7 @@ <h3 id="pseudo-elements">User interface element fragments: pseudo-elements</h3>
492492
<li>::repeat-index</li>
493493
</ul>
494494

495-
<p>Specifically, these new pseudo-elements are provided as a way to style user interface fragments as defined by XForms [[XFORMS10]].</p>
495+
<p>Specifically, these new pseudo-elements are provided as a way to style user interface fragments as defined by XForms [[XFORMS11]].</p>
496496

497497

498498
<h4 id="pseudo-value">::value</h4>
@@ -619,37 +619,6 @@ <h4 class="no-num no-toc">::repeat-item and ::repeat-index fictional markup</h4>
619619
</div>
620620

621621

622-
623-
<div class="example"><p style="display:none">Example(s):</p>
624-
<h4 class="no-num no-toc">UI selectors example from XForms 1.0</h4>
625-
<p>
626-
The following <a href="http://www.w3.org/TR/xforms/sliceF.html#id2645356">example from XForms 1.0</a> ([[XFORMS10]], section F.3) shows how basic styling can be accomplished on form controls and repeating structures using the new pseudo-classes and XForms elements.
627-
</p>
628-
<pre><code class="css">
629-
@namespace xforms url(http://www.w3.org/2002/xforms);
630-
/* Display a red background on all invalid form controls */
631-
*:invalid { background-color:red; }
632-
/* Display a red asterisk after all required form controls */
633-
*:required::after { content: "*"; color:red; }
634-
/* Do not render non-relevant form controls */
635-
*:disabled { visibility: hidden; }
636-
/* The following declarations cause form controls and their labels
637-
to align neatly, as if a two-column table were used */
638-
xforms|group { display: table; }
639-
xforms|input { display: table-row; }
640-
xforms|input &gt; xforms|label { display: table-cell; }
641-
xforms|input::value { border: thin black solid; display: table-cell; }
642-
/* Display an alert message when appropriate */
643-
*:valid &gt; xforms|alert { display: none; }
644-
*:invalid &gt; xforms|alert { display: inline; }
645-
/* Display repeat-items with a dashed border */
646-
*::repeat-item,*::repeat-index { border: dashed; }
647-
/* Display a teal highlight behind the current repeat item */
648-
*::repeat-index { background-color: teal; }
649-
</code></pre>
650-
</div>
651-
652-
653622
<h2>Element icons</h2>
654623

655624
<p>This section is <em>normative</em>.</p>

0 commit comments

Comments
 (0)