Skip to content
Closed
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion css-ui/Overview.bs
Original file line number Diff line number Diff line change
Expand Up @@ -1261,7 +1261,7 @@ user agents should allow configuration of which keys on a keyboard are used for
Here is an example of buttons positioned in a diamond shape
whose directional focus navigation is set in such a way
to navigate the focus clockwise (or counter-clockwise) around the diamond shape
when the user chooses to navigate sequentially or directionally.
when the user chooses to navigate directionally.
<pre><code class="lang-css">
button { position:absolute }

Expand Down
54 changes: 27 additions & 27 deletions css-ui/Overview.html
Original file line number Diff line number Diff line change
Expand Up @@ -718,7 +718,7 @@
<h1 class="p-name no-ref" id="title">CSS Basic User Interface Module Level 3 (CSS3 UI)</h1>

<h2 class="no-num no-toc no-ref heading settled" id="subtitle"><span class="content">Editor’s Draft,
<time class="dt-updated" datetime="2015-03-04">4 March 2015</time></span></h2>
<time class="dt-updated" datetime="2015-03-22">22 March 2015</time></span></h2>

<div data-fill-with="spec-metadata">
<dl>
Expand All @@ -735,9 +735,9 @@ <h2 class="no-num no-toc no-ref heading settled" id="subtitle"><span class="cont
<dt>Issue Tracking:
<dd><a href="#issues-index">Inline In Spec</a>
<dd><span>http://wiki.csswg.org/spec/css3-ui</span>
<dt class="editor">Editor:
<dd class="editor p-author h-card vcard" data-editor-id="1464"><a class="p-name fn u-url url u-uid uid" href="http://tantek.com">Tantek Çelik</a> (<a class="p-org org" href="http://www.mozilla.org">Mozilla</a>) <a class="u-email email" href="mailto:tantek@cs.stanford.edu">tantek@cs.stanford.edu</a>
(<a class="u-url url" href="https://www.w3.org/users/1464">W3C Profile</a>)
<dt class="editor">Editors:
<dd class="editor p-author h-card vcard"><a class="p-name fn u-url url" href="http://tantek.com">Tantek Çelik</a> (<a class="p-org org" href="http://www.mozilla.org">Mozilla</a>) <a class="u-email email" href="mailto:tantek@cs.stanford.edu">tantek@cs.stanford.edu</a>
<dd class="editor p-author h-card vcard"><span class="p-name fn"></span>
</dl>
</div>

Expand Down Expand Up @@ -1338,6 +1338,7 @@ <h3 class="heading settled" data-level="4.4" id="outline-color"><span class="sec
<td><a class="production css" data-link-type="type" href="http://dev.w3.org/csswg/css-color-3/#valuea-def-color" title="Expands to: steelblue
| skyblue
| salmon
| darkgreen
| green
| lightblue
| powderblue
Expand All @@ -1348,6 +1349,7 @@ <h3 class="heading settled" data-level="4.4" id="outline-color"><span class="sec
| slategrey
| midnightblue
| paleturquoise
| lightgray
| mediumturquoise
| orchid
| peru
Expand Down Expand Up @@ -1404,7 +1406,6 @@ <h3 class="heading settled" data-level="4.4" id="outline-color"><span class="sec
| darkslategrey
| sandybrown
| darkslateblue
| lightgray
| lightsalmon
| palevioletred
| sienna
Expand All @@ -1420,7 +1421,6 @@ <h3 class="heading settled" data-level="4.4" id="outline-color"><span class="sec
| yellowgreen
| tan
| honeydew
| darkgreen
| mediumpurple
| darkcyan
| lightgreen
Expand All @@ -1434,7 +1434,6 @@ <h3 class="heading settled" data-level="4.4" id="outline-color"><span class="sec
| rosybrown
| white
| aliceblue
| mediumseagreen
| lightskyblue
| mediumblue
| lightcyan
Expand All @@ -1447,6 +1446,7 @@ <h3 class="heading settled" data-level="4.4" id="outline-color"><span class="sec
| beige
| seashell
| slategray
| blueviolet
| orange
| darkgray
| goldenrod
Expand All @@ -1458,9 +1458,9 @@ <h3 class="heading settled" data-level="4.4" id="outline-color"><span class="sec
| lightyellow
| royalblue
| lightpink
| mediumseagreen
| mistyrose
| palegreen
| blueviolet
| lavenderblush
| gainsboro
| deeppink
Expand Down Expand Up @@ -1518,6 +1518,7 @@ <h3 class="heading settled" data-level="4.4" id="outline-color"><span class="sec
<td>The computed value for <a class="css" data-link-type="maybe" href="http://dev.w3.org/csswg/css2/ui.html#value-def-invert">invert</a> is <a class="css" data-link-type="maybe" href="http://dev.w3.org/csswg/css2/ui.html#value-def-invert">invert</a>. For <a class="production css" data-link-type="type" href="http://dev.w3.org/csswg/css-color-3/#valuea-def-color" title="Expands to: steelblue
| skyblue
| salmon
| darkgreen
| green
| lightblue
| powderblue
Expand All @@ -1528,6 +1529,7 @@ <h3 class="heading settled" data-level="4.4" id="outline-color"><span class="sec
| slategrey
| midnightblue
| paleturquoise
| lightgray
| mediumturquoise
| orchid
| peru
Expand Down Expand Up @@ -1584,7 +1586,6 @@ <h3 class="heading settled" data-level="4.4" id="outline-color"><span class="sec
| darkslategrey
| sandybrown
| darkslateblue
| lightgray
| lightsalmon
| palevioletred
| sienna
Expand All @@ -1600,7 +1601,6 @@ <h3 class="heading settled" data-level="4.4" id="outline-color"><span class="sec
| yellowgreen
| tan
| honeydew
| darkgreen
| mediumpurple
| darkcyan
| lightgreen
Expand All @@ -1614,7 +1614,6 @@ <h3 class="heading settled" data-level="4.4" id="outline-color"><span class="sec
| rosybrown
| white
| aliceblue
| mediumseagreen
| lightskyblue
| mediumblue
| lightcyan
Expand All @@ -1627,6 +1626,7 @@ <h3 class="heading settled" data-level="4.4" id="outline-color"><span class="sec
| beige
| seashell
| slategray
| blueviolet
| orange
| darkgray
| goldenrod
Expand All @@ -1638,9 +1638,9 @@ <h3 class="heading settled" data-level="4.4" id="outline-color"><span class="sec
| lightyellow
| royalblue
| lightpink
| mediumseagreen
| mistyrose
| palegreen
| blueviolet
| lavenderblush
| gainsboro
| deeppink
Expand Down Expand Up @@ -2016,7 +2016,7 @@ <h3 class="heading settled" data-level="5.1" id="resize"><span class="secno">5.1
is something other than <a class="css" data-link-type="maybe" href="http://dev.w3.org/csswg/css-overflow-3/#valdef-overflow-visible">visible</a>.</p>


<p>The effect of the <a class="property" data-link-type="propdesc" href="#propdef-resize">resize</a> property on generated content is undefined. Implementations should not apply the <a class="property" data-link-type="propdesc" href="#propdef-resize">resize</a> property to generated content.</p>
<p>The effect of the <a class="property" data-link-type="propdesc" href="#propdef-resize">resize</a> property on generated content is undefined. Implementation should not apply the <a class="property" data-link-type="propdesc" href="#propdef-resize">resize</a> property to generated content.</p>


<p class="note" role="note">Note: the <a class="property" data-link-type="propdesc" href="#propdef-resize">resize</a> property may apply to generated content in the future if there is implementation of <a href="http://dev.w3.org/csswg/css-pseudo/#CSSPseudoElement-interface">Interface CSSPseudoElement</a>.</p>
Expand Down Expand Up @@ -2291,7 +2291,7 @@ <h4 class="no-num no-toc heading settled" id="text-overflow-examples"><span clas

<p>sample HTML fragments, renderings, and your browser:</p>

<table border="1" id="awesome-table" style="color:#000;background:#fff">
<table id="awesome-table" style="color:#000;background:#fff">
<tbody>

<tr>
Expand Down Expand Up @@ -2940,6 +2940,7 @@ <h4 class="heading settled" data-level="6.2.1" id="caret-color"><span class="sec
<td>auto | <a class="production css" data-link-type="type" href="http://dev.w3.org/csswg/css-color-3/#valuea-def-color" title="Expands to: steelblue
| skyblue
| salmon
| darkgreen
| green
| lightblue
| powderblue
Expand All @@ -2950,6 +2951,7 @@ <h4 class="heading settled" data-level="6.2.1" id="caret-color"><span class="sec
| slategrey
| midnightblue
| paleturquoise
| lightgray
| mediumturquoise
| orchid
| peru
Expand Down Expand Up @@ -3006,7 +3008,6 @@ <h4 class="heading settled" data-level="6.2.1" id="caret-color"><span class="sec
| darkslategrey
| sandybrown
| darkslateblue
| lightgray
| lightsalmon
| palevioletred
| sienna
Expand All @@ -3022,7 +3023,6 @@ <h4 class="heading settled" data-level="6.2.1" id="caret-color"><span class="sec
| yellowgreen
| tan
| honeydew
| darkgreen
| mediumpurple
| darkcyan
| lightgreen
Expand All @@ -3036,7 +3036,6 @@ <h4 class="heading settled" data-level="6.2.1" id="caret-color"><span class="sec
| rosybrown
| white
| aliceblue
| mediumseagreen
| lightskyblue
| mediumblue
| lightcyan
Expand All @@ -3049,6 +3048,7 @@ <h4 class="heading settled" data-level="6.2.1" id="caret-color"><span class="sec
| beige
| seashell
| slategray
| blueviolet
| orange
| darkgray
| goldenrod
Expand All @@ -3060,9 +3060,9 @@ <h4 class="heading settled" data-level="6.2.1" id="caret-color"><span class="sec
| lightyellow
| royalblue
| lightpink
| mediumseagreen
| mistyrose
| palegreen
| blueviolet
| lavenderblush
| gainsboro
| deeppink
Expand Down Expand Up @@ -3120,6 +3120,7 @@ <h4 class="heading settled" data-level="6.2.1" id="caret-color"><span class="sec
<td>The computed value for <a class="css" data-link-type="maybe" href="http://dev.w3.org/csswg/css-align-3/#valdef-justify-content-auto">auto</a> is <a class="css" data-link-type="maybe" href="http://dev.w3.org/csswg/css-color-4/#valdef-color-currentcolor">currentColor</a>. For <a class="production css" data-link-type="type" href="http://dev.w3.org/csswg/css-color-3/#valuea-def-color" title="Expands to: steelblue
| skyblue
| salmon
| darkgreen
| green
| lightblue
| powderblue
Expand All @@ -3130,6 +3131,7 @@ <h4 class="heading settled" data-level="6.2.1" id="caret-color"><span class="sec
| slategrey
| midnightblue
| paleturquoise
| lightgray
| mediumturquoise
| orchid
| peru
Expand Down Expand Up @@ -3186,7 +3188,6 @@ <h4 class="heading settled" data-level="6.2.1" id="caret-color"><span class="sec
| darkslategrey
| sandybrown
| darkslateblue
| lightgray
| lightsalmon
| palevioletred
| sienna
Expand All @@ -3202,7 +3203,6 @@ <h4 class="heading settled" data-level="6.2.1" id="caret-color"><span class="sec
| yellowgreen
| tan
| honeydew
| darkgreen
| mediumpurple
| darkcyan
| lightgreen
Expand All @@ -3216,7 +3216,6 @@ <h4 class="heading settled" data-level="6.2.1" id="caret-color"><span class="sec
| rosybrown
| white
| aliceblue
| mediumseagreen
| lightskyblue
| mediumblue
| lightcyan
Expand All @@ -3229,6 +3228,7 @@ <h4 class="heading settled" data-level="6.2.1" id="caret-color"><span class="sec
| beige
| seashell
| slategray
| blueviolet
| orange
| darkgray
| goldenrod
Expand All @@ -3240,9 +3240,9 @@ <h4 class="heading settled" data-level="6.2.1" id="caret-color"><span class="sec
| lightyellow
| royalblue
| lightpink
| mediumseagreen
| mistyrose
| palegreen
| blueviolet
| lavenderblush
| gainsboro
| deeppink
Expand Down Expand Up @@ -3286,6 +3286,7 @@ <h4 class="heading settled" data-level="6.2.1" id="caret-color"><span class="sec
<dt><a class="production css" data-link-type="type" href="http://dev.w3.org/csswg/css-color-3/#valuea-def-color" title="Expands to: steelblue
| skyblue
| salmon
| darkgreen
| green
| lightblue
| powderblue
Expand All @@ -3296,6 +3297,7 @@ <h4 class="heading settled" data-level="6.2.1" id="caret-color"><span class="sec
| slategrey
| midnightblue
| paleturquoise
| lightgray
| mediumturquoise
| orchid
| peru
Expand Down Expand Up @@ -3352,7 +3354,6 @@ <h4 class="heading settled" data-level="6.2.1" id="caret-color"><span class="sec
| darkslategrey
| sandybrown
| darkslateblue
| lightgray
| lightsalmon
| palevioletred
| sienna
Expand All @@ -3368,7 +3369,6 @@ <h4 class="heading settled" data-level="6.2.1" id="caret-color"><span class="sec
| yellowgreen
| tan
| honeydew
| darkgreen
| mediumpurple
| darkcyan
| lightgreen
Expand All @@ -3382,7 +3382,6 @@ <h4 class="heading settled" data-level="6.2.1" id="caret-color"><span class="sec
| rosybrown
| white
| aliceblue
| mediumseagreen
| lightskyblue
| mediumblue
| lightcyan
Expand All @@ -3395,6 +3394,7 @@ <h4 class="heading settled" data-level="6.2.1" id="caret-color"><span class="sec
| beige
| seashell
| slategray
| blueviolet
| orange
| darkgray
| goldenrod
Expand All @@ -3406,9 +3406,9 @@ <h4 class="heading settled" data-level="6.2.1" id="caret-color"><span class="sec
| lightyellow
| royalblue
| lightpink
| mediumseagreen
| mistyrose
| palegreen
| blueviolet
| lavenderblush
| gainsboro
| deeppink
Expand Down Expand Up @@ -3583,7 +3583,7 @@ <h5 class="heading settled" data-level="6.3.1.1" id="example-positioned-buttons"
<p>Here is an example of buttons positioned in a diamond shape
whose directional focus navigation is set in such a way
to navigate the focus clockwise (or counter-clockwise) around the diamond shape
when the user chooses to navigate sequentially or directionally.</p>
when the user chooses to navigate directionally.</p>

<pre><code class="lang-css">button { position:absolute }

Expand Down