Skip to content

Commit 3f8125f

Browse files
tabatkinstabatkins
committed
[mediaqueries] Adjust editors.
--HG-- extra : rebase_source : 5ed01329abf8112ac0ed576c41d509dd5e4ab676
1 parent 3e99ad1 commit 3f8125f

2 files changed

Lines changed: 17 additions & 16 deletions

File tree

‎mediaqueries/Overview.html‎

Lines changed: 15 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -45,7 +45,13 @@
4545
list-style: none;
4646
}
4747
</style>
48-
</head>
48+
<style>svg.railroad-diagram{background-color:hsl(30,20%,95%);}svg.railroad-diagram path{stroke-width:3;stroke:black;fill:rgba(0,0,0,0);}svg.railroad-diagram text{font:bold 14px monospace;text-anchor:middle;}svg.railroad-diagram text.label{text-anchor:start;}svg.railroad-diagram text.comment{font:italic 12px monospace;}svg.railroad-diagram rect{stroke-width:3;stroke:black;fill:hsl(120,100%,90%);}</style><style>svg.railroad-diagram{background-color:hsl(30,20%,95%);}svg.railroad-diagram path{stroke-width:3;stroke:black;fill:rgba(0,0,0,0);}svg.railroad-diagram text{font:bold 14px monospace;text-anchor:middle;}svg.railroad-diagram text.label{text-anchor:start;}svg.railroad-diagram text.comment{font:italic 12px monospace;}svg.railroad-diagram rect{stroke-width:3;stroke:black;fill:hsl(120,100%,90%);}</style><style>svg.railroad-diagram{background-color:hsl(30,20%,95%);}svg.railroad-diagram path{stroke-width:3;stroke:black;fill:rgba(0,0,0,0);}svg.railroad-diagram text{font:bold 14px monospace;text-anchor:middle;}svg.railroad-diagram text.label{text-anchor:start;}svg.railroad-diagram text.comment{font:italic 12px monospace;}svg.railroad-diagram rect{stroke-width:3;stroke:black;fill:hsl(120,100%,90%);}</style><style>svg.railroad-diagram{background-color:hsl(30,20%,95%);}svg.railroad-diagram path{stroke-width:3;stroke:black;fill:rgba(0,0,0,0);}svg.railroad-diagram text{font:bold 14px monospace;text-anchor:middle;}svg.railroad-diagram text.label{text-anchor:start;}svg.railroad-diagram text.comment{font:italic 12px monospace;}svg.railroad-diagram rect{stroke-width:3;stroke:black;fill:hsl(120,100%,90%);}</style><style>
49+
#pointer-hover-table { margin: 1em auto; text-align: center; border-collapse: collapse; max-width: 40em; }
50+
#pointer-hover-table td, #pointer-hover-table th { padding: .5em; }
51+
#pointer-hover-table thead tr+tr th { border-bottom: 1px solid silver; }
52+
#pointer-hover-table tbody td:first-of-type { border-left: 1px solid silver; }
53+
</style>
54+
</head>
4955
<body class=h-entry>
5056
<div class=head>
5157
<p data-fill-with=logo><a class=logo href=http://www.w3.org/>
@@ -54,14 +60,14 @@
5460
</p>
5561
<h1 class="p-name no-ref" id=title>Media Queries Level 4</h1>
5662
<h2 class="no-num no-toc no-ref heading settled heading" id=subtitle><span class=content>Editor’s Draft,
57-
<span class=dt-updated><span class=value-title title=20140127>27 January 2014</span></span></span></h2>
63+
<span class=dt-updated><span class=value-title title=20140128>28 January 2014</span></span></span></h2>
5864
<div data-fill-with=spec-metadata><dl><dt>This version:<dd><a class=u-url href=http://dev.w3.org/csswg/mediaqueries4/>http://dev.w3.org/csswg/mediaqueries4/</a><dt>Editor’s Draft:<dd><a href=http://dev.w3.org/csswg/mediaqueries4/>http://dev.w3.org/csswg/mediaqueries4/</a>
5965
<dt>Feedback:</dt>
6066
<dd><a href="mailto:www-style@w3.org?subject=%5Bmediaqueries%5D%20feedback">www-style@w3.org</a>
6167
with subject line
6268
“<kbd>[mediaqueries] <var>… message topic …</var></kbd>”(<a href=http://lists.w3.org/Archives/Public/www-style/ rel=discussion>archives</a>)<dt>Test Suite:<dd>None Yet<dt>Editors:
63-
<dd class="p-author h-card vcard"><a class="p-name fn u-email email" href=mailto:florian@rivoal.net>Florian Rivoal</a> (<span class="p-org org">Invited Expert</span>)<dt>Former Editors:
64-
<dd class="p-author h-card vcard"><a class="p-name fn u-email email" href=mailto:howcome@opera.com>Håkon Wium Lie</a> (<span class="p-org org">Opera</span>)<dd class="p-author h-card vcard"><a class="p-name fn u-email email" href=mailto:tantek@cs.standard.edu>Tantek Çelik</a> (<span class="p-org org">Mozilla</span>)<dd class="p-author h-card vcard"><a class="p-name fn u-email email" href=mailto:daniel@glazman.org>Daniel Glazman</a> (<span class="p-org org">Samsung</span>)<dd class="p-author h-card vcard"><a class="p-name fn u-email email" href=mailto:annevk@annevk.nl>Anne van Kesteren</a> (<span class="p-org org">Mozilla</span>)<dt>Issue Tracking:<dd>Inline, and <a href=http://www.w3.org/Style/CSS/Tracker/products/7>http://www.w3.org/Style/CSS/Tracker/products/7</a></dl></div>
69+
<dd class="p-author h-card vcard"><a class="p-name fn u-email email" href=mailto:florian@rivoal.net>Florian Rivoal</a> (<span class="p-org org">Invited Expert</span>)<dd class="p-author h-card vcard"><a class="p-name fn u-url url" href=http://xanthir.com/contact/>Tab Atkins Jr.</a> (<span class="p-org org">Google</span>)<dt>Former Editors:
70+
<dd class="p-author h-card vcard"><a class="p-name fn u-email email" href=mailto:howcome@opera.com>Håkon Wium Lie</a> (<span class="p-org org">Opera</span>)<dd class="p-author h-card vcard"><a class="p-name fn u-email email" href=mailto:tantek@cs.standard.edu>Tantek Çelik</a> (<span class="p-org org">Mozilla</span>)<dd class="p-author h-card vcard"><a class="p-name fn u-email email" href=mailto:daniel@glazman.org>Daniel Glazman</a> (<span class="p-org org">Disruptive Innovations</span>)<dd class="p-author h-card vcard"><a class="p-name fn u-email email" href=mailto:annevk@annevk.nl>Anne van Kesteren</a> (<span class="p-org org">Mozilla</span>)<dt>Issue Tracking:<dd>Inline, and <a href=http://www.w3.org/Style/CSS/Tracker/products/7>http://www.w3.org/Style/CSS/Tracker/products/7</a></dl></div>
6571
<div data-fill-with=warning></div>
6672
<p class=copyright data-fill-with=copyright><a href=http://www.w3.org/Consortium/Legal/ipr-notice#Copyright>Copyright</a> © 2013 <a href=http://www.w3.org/><abbr title="World Wide Web Consortium">W3C</abbr></a><sup>®</sup> (<a href=http://www.csail.mit.edu/><abbr title="Massachusetts Institute of Technology">MIT</abbr></a>, <a href=http://www.ercim.eu/><abbr title="European Research Consortium for Informatics and Mathematics">ERCIM</abbr></a>, <a href=http://www.keio.ac.jp/>Keio</a>, <a href=http://ev.buaa.edu.cn/>Beihang</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> and <a href=http://www.w3.org/Consortium/Legal/copyright-documents>document use</a> rules apply.
6773
</p>
@@ -282,7 +288,7 @@ <h2 class="heading settled heading" data-level=2 id=media><span class=secno>2 </
282288
an optional <a data-link-type=dfn href=#media-type title="media type">media type</a>,
283289
and zero or more <a data-link-type=dfn href=#media-feature title="media features">media features</a>:
284290

285-
<div class=railroad><style scoped>svg.railroad-diagram{background-color:hsl(30,20%,95%);}svg.railroad-diagram path{stroke-width:3;stroke:black;fill:rgba(0,0,0,0);}svg.railroad-diagram text{font:bold 14px monospace;text-anchor:middle;}svg.railroad-diagram text.label{text-anchor:start;}svg.railroad-diagram text.comment{font:italic 12px monospace;}svg.railroad-diagram rect{stroke-width:3;stroke:black;fill:hsl(120,100%,90%);}</style><svg class=railroad-diagram height=191 viewBox="0 0 517 191" width=517>
291+
<div class=railroad><svg class=railroad-diagram height=191 viewBox="0 0 517 191" width=517>
286292
<g transform="translate(.5 .5)">
287293
<path d="M 20 31 v 20 m 10 -20 v 20 m -10 -10 h 20.5">
288294
</path><g>
@@ -436,7 +442,7 @@ <h3 class="heading settled heading" data-level=2.1 id=mq-list><span class=secno>
436442

437443
<p> Several <a data-link-type=dfn href=#media-query title="media queries">media queries</a> can be combined into a comma-separated <dfn data-dfn-type=dfn data-export="" id=media-query-list>media query list<a class=self-link href=#media-query-list></a></dfn>.
438444

439-
<div class=railroad><style scoped>svg.railroad-diagram{background-color:hsl(30,20%,95%);}svg.railroad-diagram path{stroke-width:3;stroke:black;fill:rgba(0,0,0,0);}svg.railroad-diagram text{font:bold 14px monospace;text-anchor:middle;}svg.railroad-diagram text.label{text-anchor:start;}svg.railroad-diagram text.comment{font:italic 12px monospace;}svg.railroad-diagram rect{stroke-width:3;stroke:black;fill:hsl(120,100%,90%);}</style><svg class=railroad-diagram height=102 viewBox="0 0 249 102" width=249>
445+
<div class=railroad><svg class=railroad-diagram height=102 viewBox="0 0 249 102" width=249>
440446
<g transform="translate(.5 .5)">
441447
<path d="M 20 31 v 20 m 10 -20 v 20 m -10 -10 h 20.5">
442448
</path><g>
@@ -619,7 +625,7 @@ <h3 class="heading settled heading" data-level=2.4 id=mq-features><span class=se
619625
They may also be written in boolean form as just a feature name,
620626
or in range form with a comparison operator.
621627

622-
<div class=railroad><style scoped>svg.railroad-diagram{background-color:hsl(30,20%,95%);}svg.railroad-diagram path{stroke-width:3;stroke:black;fill:rgba(0,0,0,0);}svg.railroad-diagram text{font:bold 14px monospace;text-anchor:middle;}svg.railroad-diagram text.label{text-anchor:start;}svg.railroad-diagram text.comment{font:italic 12px monospace;}svg.railroad-diagram rect{stroke-width:3;stroke:black;fill:hsl(120,100%,90%);}</style><svg class=railroad-diagram height=122 viewBox="0 0 545 122" width=545>
628+
<div class=railroad><svg class=railroad-diagram height=122 viewBox="0 0 545 122" width=545>
623629
<g transform="translate(.5 .5)">
624630
<path d="M 20 21 v 20 m 10 -20 v 20 m -10 -10 h 20.5">
625631
</path><path d="M40 31h10">
@@ -824,7 +830,7 @@ <h4 class="heading settled heading" data-level=2.4.3 id=mq-range-context><span c
824830
that takes advantage of the fact that their values are ordered,
825831
using ordinary mathematical comparison operators:
826832

827-
<div class=railroad><style scoped>svg.railroad-diagram{background-color:hsl(30,20%,95%);}svg.railroad-diagram path{stroke-width:3;stroke:black;fill:rgba(0,0,0,0);}svg.railroad-diagram text{font:bold 14px monospace;text-anchor:middle;}svg.railroad-diagram text.label{text-anchor:start;}svg.railroad-diagram text.comment{font:italic 12px monospace;}svg.railroad-diagram rect{stroke-width:3;stroke:black;fill:hsl(120,100%,90%);}</style><svg class=railroad-diagram height=272 viewBox="0 0 665 272" width=665>
833+
<div class=railroad><svg class=railroad-diagram height=272 viewBox="0 0 665 272" width=665>
828834
<g transform="translate(.5 .5)">
829835
<path d="M 20 111 v 20 m 10 -20 v 20 m -10 -10 h 20.5">
830836
</path><path d="M40 121h10">
@@ -1658,13 +1664,7 @@ <h3 class="heading settled heading" data-level=7.1 id=pointer><span class=secno>
16581664
do not rely on accurate clicking to be operated.
16591665

16601666
<div class=note>
1661-
Typical examples of devices matching combinations of <style scoped>
1662-
#pointer-hover-table { margin: 1em auto; text-align: center; border-collapse: collapse; max-width: 40em; }
1663-
#pointer-hover-table td, #pointer-hover-table th { padding: .5em; }
1664-
#pointer-hover-table thead tr+tr th { border-bottom: 1px solid silver; }
1665-
#pointer-hover-table tbody td:first-of-type { border-left: 1px solid silver; }
1666-
</style>
1667-
<a class=property data-link-type=propdesc href=#descdef-pointer title=pointer>pointer</a> and <a class=property data-link-type=propdesc href=#descdef-hover title=hover>hover</a>:
1667+
Typical examples of devices matching combinations of <a class=property data-link-type=propdesc href=#descdef-pointer title=pointer>pointer</a> and <a class=property data-link-type=propdesc href=#descdef-hover title=hover>hover</a>:
16681668

16691669
<table id=pointer-hover-table>
16701670
<thead>

‎mediaqueries/Overview.src.html‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,9 +7,10 @@ <h1>Media Queries Level 4</h1>
77
Status: ED
88
ED: http://dev.w3.org/csswg/mediaqueries4/
99
Editor: Florian Rivoal, Invited Expert, florian@rivoal.net
10+
Editor: Tab Atkins Jr., Google, http://xanthir.com/contact/
1011
Former Editor: Håkon Wium Lie, Opera, howcome@opera.com
1112
Former Editor: Tantek Çelik, Mozilla, tantek@cs.standard.edu
12-
Former Editor: Daniel Glazman, Samsung, daniel@glazman.org
13+
Former Editor: Daniel Glazman, Disruptive Innovations, daniel@glazman.org
1314
Former Editor: Anne van Kesteren, Mozilla, annevk@annevk.nl
1415
!Issue Tracking: Inline, and <a href="http://www.w3.org/Style/CSS/Tracker/products/7">http://www.w3.org/Style/CSS/Tracker/products/7</a>
1516
Abstract: <a>Media Queries</a> allow authors to test and query values or features of the user agent or display device, independent of the document being rendered. They are used in the CSS @media rule to conditionally apply styles to a document, and in various other contexts and languages, such as HTML and Javascript.

0 commit comments

Comments
 (0)