[html5] r8829 - [e] (0) More styles updates for recent UI chnages Affected topics: HTML
whatwg at whatwg.org
whatwg at whatwg.org
Fri Oct 3 15:09:41 PDT 2014
Author: ianh
Date: 2014-10-03 15:09:38 -0700 (Fri, 03 Oct 2014)
New Revision: 8829
Modified:
complete.html
index
source
Log:
[e] (0) More styles updates for recent UI chnages
Affected topics: HTML
Modified: complete.html
===================================================================
--- complete.html 2014-10-03 21:53:51 UTC (rev 8828)
+++ complete.html 2014-10-03 22:09:38 UTC (rev 8829)
@@ -162,7 +162,7 @@
#updatesStatus.relevant { display: block; position: fixed; right: 1em; top: 1em; padding: 0.5em; font: bold small sans-serif; min-width: 25em; width: 30%; max-width: 40em; height: auto; border: ridge 4px gray; background: #EEEEEE; color: black; }
div.head .logo { width: 11em; margin-bottom: 20em; }
- #configUI { position: absolute; z-index: 20; top: auto; right: 0; width: 11em; padding: 0 0.5em 0 0.5em; font-size: small; background: gray; background: rgba(32,32,32,0.9); color: white; border-radius: 0.5em 0 0 1em; }
+ #configUI { position: absolute; z-index: 20; top: auto; right: 0; width: 11em; padding: 0 0.5em 0 0.5em; font-size: small; background: gray; background: rgba(32,32,32,0.9); color: white; border-radius: 0.5em 0 0 0.5em; }
#configUI p { margin: 0.75em 0; padding: 0.3em; }
#configUI p label { display: block; }
#configUI #updateUI, #configUI .loginUI { text-align: center; }
@@ -172,7 +172,7 @@
#alert { position: fixed; top: 20%; left: 20%; right: 20%; font-size: 2em; padding: 0.5em; z-index: 40; background: gray; background: rgba(32,32,32,0.9); color: white; border-radius: 0.5em; transition: opacity 1s linear; }
#alert.closed { opacity: 0; }
- #alert button { position: absolute; top: -1em; right: 2em; border-radius: 0.5em 0.5em 0 0; border: none; line-height: 0.9; color: white; background: rgb(64,64,64); font-size: 0.6em; font-weight: 900; cursor: pointer; }
+ #alert button { position: absolute; top: -1em; right: 2em; border-radius: 0.5em 0.5em 0 0; border: none; line-height: 0.9; color: white; background: rgb(64,64,64); font-size: 0.6em; font-weight: 900; cursor: pointer; padding: 0.25em; }
#alert :link, #alert :visited { color: white; }
#alert :link:hover, #alert :visited:hover { background: transparent; }
@media print { #configUI { display: none; } }
@@ -183,8 +183,8 @@
.status.wrapped { width: 1em; height: 1em; }
.status.wrapped > :not(input) { display: none; }
.status > input { position: absolute; right: 0; top: 0; width: 1em; height: 1em; border: none; background: transparent; }
- .status > * { font-size: 0.6em; margin: 0; padding: 0; }
- .status > * + * { padding-top: 0.5em; }
+ .status > p { font-size: 0.6em; margin: 0; padding: 0; }
+ .status > p + p { padding-top: 0.5em; }
.status > .support { display: block; }
.status > .support > span { padding: 0.2em 0; display: block; display: table; }
.status > .support > span:first-of-type { padding-top: 0.5em; }
@@ -21684,7 +21684,7 @@
- <h4 id=the-audio-element>4.8.11 The <dfn id=audio><code>audio</code></dfn> element</h4><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=7253" title="<video>: Provide a way to let the browser know what's coming next, for gapless playback">7253</a></div><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class=chrome><span>Chrome</span> <span>4+</span></span><span class=ie><span>IE</span> <span>9+</span></span><span class=firefox><span>Firefox</span> <span>3.5+</span></span><span class=and_chr><span>Chrome for Android</span> <span>37+</span></span><span class=ios_saf><span>iOS Safari</span> <span>4.0-4.1+</span></span><span class=android><span>Android Browser</span> <span>2.3+</span></span><span class=and_uc><span>UC Browser for Android</span> <span>9.9+</span></span><span class=safari><sp
an>Safari</span> <span>4+</span></span><span class=opera><span>Opera</span> <span>10.5+</span></span><span class=ie_mob><span>IE Mobile</span> <span>10+</span></span><span class=and_ff><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse><a href="http://caniuse.com/#feat=audio">caniuse.com</a></div>
+ <h4 id=the-audio-element>4.8.11 The <dfn id=audio><code>audio</code></dfn> element</h4><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=7253" title="<video>: Provide a way to let the browser know what's coming next, for gapless playback">7253</a><p class=support><strong>Support:</strong> <span class=chrome><span>Chrome</span> <span>4+</span></span><span class=ie><span>IE</span> <span>9+</span></span><span class=firefox><span>Firefox</span> <span>3.5+</span></span><span class=and_chr><span>Chrome for Android</span> <span>37+</span></span><span class=ios_saf><span>iOS Safari</span> <span>4.0-4.1+</span></span><span class=android><span>Android Browser</span> <span>2.3+</span></span><span class=and_uc><span>UC Browser for Android</span> <span>9.9+</span></span><span class=safari><span>Safari</span> <span>4+</span></span><span class=opera><span>Opera</span> <spa
n>10.5+</span></span><span class=ie_mob><span>IE Mobile</span> <span>10+</span></span><span class=and_ff><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse><a href="http://caniuse.com/#feat=audio">caniuse.com</a></div>
<dl class=element><dt><a href=#concept-element-categories id=the-audio-element:concept-element-categories>Categories</a>:<dd><a href=#flow-content-2 id=the-audio-element:flow-content-2>Flow content</a>.<dd><a href=#phrasing-content-2 id=the-audio-element:phrasing-content-2>Phrasing content</a>.<dd><a href=#embedded-content-category id=the-audio-element:embedded-content-category>Embedded content</a>.<dd>If the element has a <code id=the-audio-element:attr-media-controls><a href=#attr-media-controls>controls</a></code> attribute: <a href=#interactive-content-2 id=the-audio-element:interactive-content-2>Interactive content</a>.<dd>If the element has a <code id=the-audio-element:attr-media-controls-2><a href=#attr-media-controls>controls</a></code> attribute: <a href=#palpable-content-2 id=the-audio-element:palpable-content-2>Palpable content</a>.<dt><a href=#concept-element-contexts id=the-audio-element:concept-element-contexts>Contexts in which this element can be used</a>:<
dd>Where <a href=#embedded-content-category id=the-audio-element:embedded-content-category-2>embedded content</a> is expected.<dt><a href=#concept-element-content-model id=the-audio-element:concept-element-content-model>Content model</a>:<dd>If the element has a <code id=the-audio-element:attr-media-src><a href=#attr-media-src>src</a></code> attribute:
zero or more <code id=the-audio-element:the-track-element><a href=#the-track-element>track</a></code> elements, then
Modified: index
===================================================================
--- index 2014-10-03 21:53:51 UTC (rev 8828)
+++ index 2014-10-03 22:09:38 UTC (rev 8829)
@@ -162,7 +162,7 @@
#updatesStatus.relevant { display: block; position: fixed; right: 1em; top: 1em; padding: 0.5em; font: bold small sans-serif; min-width: 25em; width: 30%; max-width: 40em; height: auto; border: ridge 4px gray; background: #EEEEEE; color: black; }
div.head .logo { width: 11em; margin-bottom: 20em; }
- #configUI { position: absolute; z-index: 20; top: auto; right: 0; width: 11em; padding: 0 0.5em 0 0.5em; font-size: small; background: gray; background: rgba(32,32,32,0.9); color: white; border-radius: 0.5em 0 0 1em; }
+ #configUI { position: absolute; z-index: 20; top: auto; right: 0; width: 11em; padding: 0 0.5em 0 0.5em; font-size: small; background: gray; background: rgba(32,32,32,0.9); color: white; border-radius: 0.5em 0 0 0.5em; }
#configUI p { margin: 0.75em 0; padding: 0.3em; }
#configUI p label { display: block; }
#configUI #updateUI, #configUI .loginUI { text-align: center; }
@@ -172,7 +172,7 @@
#alert { position: fixed; top: 20%; left: 20%; right: 20%; font-size: 2em; padding: 0.5em; z-index: 40; background: gray; background: rgba(32,32,32,0.9); color: white; border-radius: 0.5em; transition: opacity 1s linear; }
#alert.closed { opacity: 0; }
- #alert button { position: absolute; top: -1em; right: 2em; border-radius: 0.5em 0.5em 0 0; border: none; line-height: 0.9; color: white; background: rgb(64,64,64); font-size: 0.6em; font-weight: 900; cursor: pointer; }
+ #alert button { position: absolute; top: -1em; right: 2em; border-radius: 0.5em 0.5em 0 0; border: none; line-height: 0.9; color: white; background: rgb(64,64,64); font-size: 0.6em; font-weight: 900; cursor: pointer; padding: 0.25em; }
#alert :link, #alert :visited { color: white; }
#alert :link:hover, #alert :visited:hover { background: transparent; }
@media print { #configUI { display: none; } }
@@ -183,8 +183,8 @@
.status.wrapped { width: 1em; height: 1em; }
.status.wrapped > :not(input) { display: none; }
.status > input { position: absolute; right: 0; top: 0; width: 1em; height: 1em; border: none; background: transparent; }
- .status > * { font-size: 0.6em; margin: 0; padding: 0; }
- .status > * + * { padding-top: 0.5em; }
+ .status > p { font-size: 0.6em; margin: 0; padding: 0; }
+ .status > p + p { padding-top: 0.5em; }
.status > .support { display: block; }
.status > .support > span { padding: 0.2em 0; display: block; display: table; }
.status > .support > span:first-of-type { padding-top: 0.5em; }
@@ -21684,7 +21684,7 @@
- <h4 id=the-audio-element>4.8.11 The <dfn id=audio><code>audio</code></dfn> element</h4><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=7253" title="<video>: Provide a way to let the browser know what's coming next, for gapless playback">7253</a></div><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class=chrome><span>Chrome</span> <span>4+</span></span><span class=ie><span>IE</span> <span>9+</span></span><span class=firefox><span>Firefox</span> <span>3.5+</span></span><span class=and_chr><span>Chrome for Android</span> <span>37+</span></span><span class=ios_saf><span>iOS Safari</span> <span>4.0-4.1+</span></span><span class=android><span>Android Browser</span> <span>2.3+</span></span><span class=and_uc><span>UC Browser for Android</span> <span>9.9+</span></span><span class=safari><sp
an>Safari</span> <span>4+</span></span><span class=opera><span>Opera</span> <span>10.5+</span></span><span class=ie_mob><span>IE Mobile</span> <span>10+</span></span><span class=and_ff><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse><a href="http://caniuse.com/#feat=audio">caniuse.com</a></div>
+ <h4 id=the-audio-element>4.8.11 The <dfn id=audio><code>audio</code></dfn> element</h4><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=7253" title="<video>: Provide a way to let the browser know what's coming next, for gapless playback">7253</a><p class=support><strong>Support:</strong> <span class=chrome><span>Chrome</span> <span>4+</span></span><span class=ie><span>IE</span> <span>9+</span></span><span class=firefox><span>Firefox</span> <span>3.5+</span></span><span class=and_chr><span>Chrome for Android</span> <span>37+</span></span><span class=ios_saf><span>iOS Safari</span> <span>4.0-4.1+</span></span><span class=android><span>Android Browser</span> <span>2.3+</span></span><span class=and_uc><span>UC Browser for Android</span> <span>9.9+</span></span><span class=safari><span>Safari</span> <span>4+</span></span><span class=opera><span>Opera</span> <spa
n>10.5+</span></span><span class=ie_mob><span>IE Mobile</span> <span>10+</span></span><span class=and_ff><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse><a href="http://caniuse.com/#feat=audio">caniuse.com</a></div>
<dl class=element><dt><a href=#concept-element-categories id=the-audio-element:concept-element-categories>Categories</a>:<dd><a href=#flow-content-2 id=the-audio-element:flow-content-2>Flow content</a>.<dd><a href=#phrasing-content-2 id=the-audio-element:phrasing-content-2>Phrasing content</a>.<dd><a href=#embedded-content-category id=the-audio-element:embedded-content-category>Embedded content</a>.<dd>If the element has a <code id=the-audio-element:attr-media-controls><a href=#attr-media-controls>controls</a></code> attribute: <a href=#interactive-content-2 id=the-audio-element:interactive-content-2>Interactive content</a>.<dd>If the element has a <code id=the-audio-element:attr-media-controls-2><a href=#attr-media-controls>controls</a></code> attribute: <a href=#palpable-content-2 id=the-audio-element:palpable-content-2>Palpable content</a>.<dt><a href=#concept-element-contexts id=the-audio-element:concept-element-contexts>Contexts in which this element can be used</a>:<
dd>Where <a href=#embedded-content-category id=the-audio-element:embedded-content-category-2>embedded content</a> is expected.<dt><a href=#concept-element-content-model id=the-audio-element:concept-element-content-model>Content model</a>:<dd>If the element has a <code id=the-audio-element:attr-media-src><a href=#attr-media-src>src</a></code> attribute:
zero or more <code id=the-audio-element:the-track-element><a href=#the-track-element>track</a></code> elements, then
Modified: source
===================================================================
--- source 2014-10-03 21:53:51 UTC (rev 8828)
+++ source 2014-10-03 22:09:38 UTC (rev 8829)
@@ -189,7 +189,7 @@
#updatesStatus.relevant { display: block; position: fixed; right: 1em; top: 1em; padding: 0.5em; font: bold small sans-serif; min-width: 25em; width: 30%; max-width: 40em; height: auto; border: ridge 4px gray; background: #EEEEEE; color: black; }
div.head .logo { width: 11em; margin-bottom: 20em; }
- #configUI { position: absolute; z-index: 20; top: auto; right: 0; width: 11em; padding: 0 0.5em 0 0.5em; font-size: small; background: gray; background: rgba(32,32,32,0.9); color: white; border-radius: 0.5em 0 0 1em; }
+ #configUI { position: absolute; z-index: 20; top: auto; right: 0; width: 11em; padding: 0 0.5em 0 0.5em; font-size: small; background: gray; background: rgba(32,32,32,0.9); color: white; border-radius: 0.5em 0 0 0.5em; }
#configUI p { margin: 0.75em 0; padding: 0.3em; }
#configUI p label { display: block; }
#configUI #updateUI, #configUI .loginUI { text-align: center; }
@@ -199,7 +199,7 @@
#alert { position: fixed; top: 20%; left: 20%; right: 20%; font-size: 2em; padding: 0.5em; z-index: 40; background: gray; background: rgba(32,32,32,0.9); color: white; border-radius: 0.5em; transition: opacity 1s linear; }
#alert.closed { opacity: 0; }
- #alert button { position: absolute; top: -1em; right: 2em; border-radius: 0.5em 0.5em 0 0; border: none; line-height: 0.9; color: white; background: rgb(64,64,64); font-size: 0.6em; font-weight: 900; cursor: pointer; }
+ #alert button { position: absolute; top: -1em; right: 2em; border-radius: 0.5em 0.5em 0 0; border: none; line-height: 0.9; color: white; background: rgb(64,64,64); font-size: 0.6em; font-weight: 900; cursor: pointer; padding: 0.25em; }
#alert :link, #alert :visited { color: white; }
#alert :link:hover, #alert :visited:hover { background: transparent; }
@media print { #configUI { display: none; } }
@@ -210,8 +210,8 @@
.status.wrapped { width: 1em; height: 1em; }
.status.wrapped > :not(input) { display: none; }
.status > input { position: absolute; right: 0; top: 0; width: 1em; height: 1em; border: none; background: transparent; }
- .status > * { font-size: 0.6em; margin: 0; padding: 0; }
- .status > * + * { padding-top: 0.5em; }
+ .status > p { font-size: 0.6em; margin: 0; padding: 0; }
+ .status > p + p { padding-top: 0.5em; }
.status > .support { display: block; }
.status > .support > span { padding: 0.2em 0; display: block; display: table; }
.status > .support > span:first-of-type { padding-top: 0.5em; }
More information about the Commit-Watchers
mailing list