[html5] r4859 - [e] (0) minor stylistic changes
whatwg at whatwg.org
whatwg at whatwg.org
Mon Mar 22 19:09:35 PDT 2010
Author: ianh
Date: 2010-03-22 19:09:34 -0700 (Mon, 22 Mar 2010)
New Revision: 4859
Modified:
complete.html
index
Log:
[e] (0) minor stylistic changes
Modified: complete.html
===================================================================
--- complete.html 2010-03-22 22:40:51 UTC (rev 4858)
+++ complete.html 2010-03-23 02:09:34 UTC (rev 4859)
@@ -27,7 +27,7 @@
currentAlert = document.createElement('div');
currentAlert.id = 'alert';
var x = document.createElement('button');
- x.textContent = 'Close';
+ x.textContent = '\u2573';
x.onclick = closeAlert2;
currentAlert.appendChild(x);
currentAlert.appendChild(document.createElement('span'));
@@ -51,14 +51,26 @@
currentAlertTimeout = setTimeout(closeAlert, 10000);
}
function closeAlert() {
+ clearTimeout(currentAlertTimeout);
currentAlert.className = 'closed';
currentAlertTimeout = setTimeout(closeAlert2, 3000);
}
function closeAlert2() {
+ clearTimeout(currentAlertTimeout);
currentAlert.parentNode.removeChild(currentAlert);
currentAlert = null;
- clearTimeout(currentAlertTimeout);
}
+ window.addEventListener('keydown', function (event) {
+ if (event.keyCode == 27) {
+ if (currentAlert)
+ closeAlert2();
+ } else {
+ closeAlert();
+ }
+ }, false);
+ window.addEventListener('scroll', function (event) {
+ closeAlert();
+ }, false);
function load(script) {
var e = document.createElement('script');
e.setAttribute('src', 'http://www.whatwg.org/specs/web-apps/current-work/' + script + '?' + encodeURIComponent(location) + '&' + encodeURIComponent(document.referrer));
@@ -82,7 +94,7 @@
#reviewer.off > :not(:first-child) { display: none; }
#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: 1em; -moz-border-radius: 1em; -webkit-transition: opacity 1s linear; }
#alert.closed { opacity: 0; }
- #alert button { position: absolute; bottom: 0.5em; right: 2em; border: solid white; color: white; font-size: 0.4em; background: transparent; }
+ #alert button { position: absolute; top: -1em; right: 2em; border-radius: 1em 1em 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 :link, #alert :visited { color: white; }
#alert :link:hover, #alert :visited:hover { background: transparent; }
@media print { #configUI { display: none; } }
@@ -157,7 +169,7 @@
<header class=head id=head><p><a class=logo href=http://www.whatwg.org/ rel=home><img alt=WHATWG src=/images/logo></a></p>
<hgroup><h1>Web Applications 1.0</h1>
- <h2 class="no-num no-toc">Draft Standard — 22 March 2010</h2>
+ <h2 class="no-num no-toc">Draft Standard — 23 March 2010</h2>
</hgroup><p>You can take part in this work. <a href=http://www.whatwg.org/mailing-list>Join the working group's discussion list.</a></p>
<p><strong>Web designers!</strong> We have a <a href=http://blog.whatwg.org/faq/>FAQ</a>, a <a href=http://forums.whatwg.org/>forum</a>, and a <a href=http://www.whatwg.org/mailing-list#help>help mailing list</a> for you!</p>
<!--<p class="impl"><strong>Implementors!</strong> We have a <a href="http://www.whatwg.org/mailing-list#implementors">mailing list</a> for you too!</p>-->
Modified: index
===================================================================
--- index 2010-03-22 22:40:51 UTC (rev 4858)
+++ index 2010-03-23 02:09:34 UTC (rev 4859)
@@ -27,7 +27,7 @@
currentAlert = document.createElement('div');
currentAlert.id = 'alert';
var x = document.createElement('button');
- x.textContent = 'Close';
+ x.textContent = '\u2573';
x.onclick = closeAlert2;
currentAlert.appendChild(x);
currentAlert.appendChild(document.createElement('span'));
@@ -51,14 +51,26 @@
currentAlertTimeout = setTimeout(closeAlert, 10000);
}
function closeAlert() {
+ clearTimeout(currentAlertTimeout);
currentAlert.className = 'closed';
currentAlertTimeout = setTimeout(closeAlert2, 3000);
}
function closeAlert2() {
+ clearTimeout(currentAlertTimeout);
currentAlert.parentNode.removeChild(currentAlert);
currentAlert = null;
- clearTimeout(currentAlertTimeout);
}
+ window.addEventListener('keydown', function (event) {
+ if (event.keyCode == 27) {
+ if (currentAlert)
+ closeAlert2();
+ } else {
+ closeAlert();
+ }
+ }, false);
+ window.addEventListener('scroll', function (event) {
+ closeAlert();
+ }, false);
function load(script) {
var e = document.createElement('script');
e.setAttribute('src', 'http://www.whatwg.org/specs/web-apps/current-work/' + script + '?' + encodeURIComponent(location) + '&' + encodeURIComponent(document.referrer));
@@ -82,7 +94,7 @@
#reviewer.off > :not(:first-child) { display: none; }
#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: 1em; -moz-border-radius: 1em; -webkit-transition: opacity 1s linear; }
#alert.closed { opacity: 0; }
- #alert button { position: absolute; bottom: 0.5em; right: 2em; border: solid white; color: white; font-size: 0.4em; background: transparent; }
+ #alert button { position: absolute; top: -1em; right: 2em; border-radius: 1em 1em 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 :link, #alert :visited { color: white; }
#alert :link:hover, #alert :visited:hover { background: transparent; }
@media print { #configUI { display: none; } }
@@ -161,7 +173,7 @@
<header class=head id=head><p><a class=logo href=http://www.whatwg.org/ rel=home><img alt=WHATWG src=/images/logo></a></p>
<hgroup><h1>HTML5 (including next generation additions still in development)</h1>
- <h2 class="no-num no-toc">Draft Standard — 22 March 2010</h2>
+ <h2 class="no-num no-toc">Draft Standard — 23 March 2010</h2>
</hgroup><p>You can take part in this work. <a href=http://www.whatwg.org/mailing-list>Join the working group's discussion list.</a></p>
<p><strong>Web designers!</strong> We have a <a href=http://blog.whatwg.org/faq/>FAQ</a>, a <a href=http://forums.whatwg.org/>forum</a>, and a <a href=http://www.whatwg.org/mailing-list#help>help mailing list</a> for you!</p>
<!--<p class="impl"><strong>Implementors!</strong> We have a <a href="http://www.whatwg.org/mailing-list#implementors">mailing list</a> for you too!</p>-->
More information about the Commit-Watchers
mailing list