Add link to non-standard table from the main one.

dmitris · Mar 9, 2011 · 3913fd0 · 3913fd0
1 parent 6f6afed
commit 3913fd0
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -14,6 +14,10 @@ <h1>
         <a href="http://kangax.github.com/es5-compat-table/">
           <span title="ECMA-262 5th edition">ECMAScript 5</span> compatibility table
         </a>
+        <p class="also-see">
+          Also see: 
+          <a href="non-standard">Compatibility table of <b>non-standard</b> extensions</a>
+        </p>
         <span style="font-size:0.8em;float:right;font-weight:normal;">by 
           <a href="http://twitter.com/kangax/" style="color:#eee">kangax</a>
 
@@ -26,6 +30,7 @@ <h1>
     <div id="body">
       <p class="warning">Please note that these tests represent <strong>existence</strong>, not functionality or full conformance. 
         I hope to test conformance sometime in the future.</p>
+
       <p id="show-old-browsers-wrapper" style="display: none;">
         <input type="checkbox" id="show-old-browsers">
         <label for="show-old-browsers">Show older browsers (IE7, Firefox 3, Safari 3.2)</label>

diff --git a/master.css b/master.css
@@ -14,7 +14,7 @@ code { font-family: "Courier New", Courier, monospace; }
 #header a { color: #eee; text-decoration: none; }
 .non-standard #header a { color: #fff; }
 
-#header h1 { margin: 0 0 0 0.5em; color: #eee; padding: 0.5em 0.5em 0.25em 0.5em; font-size: 1.25em; }
+#header h1 { margin: 0 0 0 0.5em; color: #eee; padding: 0.5em; font-size: 1.25em; }
 .non-standard #header h1 { color: #fff; }
 
 #footnotes { margin-left: 1.75em; margin-bottom: 1em; font-size: 0.9em; }
@@ -32,4 +32,7 @@ code { font-family: "Courier New", Courier, monospace; }
 
 .hide-old-browsers .safari3, .hide-old-browsers .ie7, .hide-old-browsers .firefox3 { display: none; }
 
-#show-old-browsers-wrapper { position: absolute; top: 5px; right: 20px; background: #eef; display: inline-block; }
+#show-old-browsers-wrapper { position: absolute; top: 5px; right: 20px; background: #eef; display: inline-block; }
+
+.also-see { font-size:15px;display:inline-block;background:#ddf;padding:4px 6px;position:absolute;top:0;left:50%;margin-left:-174px; color: #333; }
+.also-see a { color: blue !important; font-weight: normal; margin-left: 10px; }