[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