diff options
author | isaacs <i@izs.me> | 2011-12-12 14:19:14 -0800 |
---|---|---|
committer | Ryan Dahl <ry@tinyclouds.org> | 2011-12-12 14:28:49 -0800 |
commit | 93188918ea7e64e0572f0aeae12b277208b514f8 (patch) | |
tree | cf3a17eabd4f088f3c7ed4077933b9aa9cdbc691 /doc | |
parent | 8295c806181654fc6bbc8845c727b7378a196304 (diff) | |
download | node-93188918ea7e64e0572f0aeae12b277208b514f8.tar.gz |
Website js/css tweaks
Remove jquery
Use HTML5 doctype
Simpler clearfix implementation
Close download dialog with <Esc> key
Diffstat (limited to 'doc')
-rw-r--r-- | doc/about/index.html | 29 | ||||
-rw-r--r-- | doc/community/index.html | 39 | ||||
-rw-r--r-- | doc/index.html | 160 | ||||
-rw-r--r-- | doc/logos/index.html | 38 | ||||
-rw-r--r-- | doc/pipe.css | 58 | ||||
-rw-r--r-- | doc/template.html | 10 |
6 files changed, 177 insertions, 157 deletions
diff --git a/doc/about/index.html b/doc/about/index.html index 3282755d0..68759de08 100644 --- a/doc/about/index.html +++ b/doc/about/index.html @@ -1,5 +1,5 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> -<html xmlns="http://www.w3.org/1999/xhtml"> +<!doctype html> +<html> <head> <style type="text/css"> ul { @@ -7,23 +7,20 @@ margin: 0; } </style> - <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js?ver=3.1.3'></script> - <script type="text/javascript" src="../sh_main.js"></script> - <script type="text/javascript" src="../sh_javascript.min.js"></script> - <link type="image/x-icon" rel="icon" href="../favicon.ico" /> - <link type="image/x-icon" rel="shortcut icon" href="../favicon.ico" /> - <link type="text/css" rel="stylesheet" href="../pipe.css" /> - <link type="text/css" rel="stylesheet" href="../sh_vim-dark.css" /> + <link type="image/x-icon" rel="icon" href="../favicon.ico"> + <link type="image/x-icon" rel="shortcut icon" href="../favicon.ico"> + <link type="text/css" rel="stylesheet" href="../pipe.css"> + <link type="text/css" rel="stylesheet" href="../sh_vim-dark.css"> <link rel="alternate" type="application/rss+xml" title="node blog" - href="http://feeds.feedburner.com/nodejs/123123123"/> - <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + href="http://feeds.feedburner.com/nodejs/123123123"> + <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>node.js</title> </head> <body> <div id="intro"> - <img id="logo" src="../logo.png" alt="node.js"/> + <img id="logo" src="../logo.png" alt="node.js"> </div> <div id="content" class="clearfix"> <div id="column1" class="interior"> @@ -110,6 +107,10 @@ console.log('Server running at http://127.0.0.1:1337/');</pre> is a <a href="trademark-policy.pdf">trademark of Joyent, Inc</a>. </div> + <script type="text/javascript" src="../sh_main.js"></script> + <script type="text/javascript" src="../sh_javascript.min.js"></script> + <script type="text/javascript">highlight(undefined, undefined, 'pre');</script> + <script type="text/javascript"> var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); @@ -119,7 +120,7 @@ console.log('Server running at http://127.0.0.1:1337/');</pre> try { var pageTracker = _gat._getTracker("UA-10874194-2"); pageTracker._trackPageview(); - } catch(err) {}</script> - <script type="text/javascript">highlight(undefined, undefined, 'pre');</script> + } catch(err) {} + </script> </body> </html> diff --git a/doc/community/index.html b/doc/community/index.html index ef3f419fb..d68a14448 100644 --- a/doc/community/index.html +++ b/doc/community/index.html @@ -1,5 +1,5 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> -<html xmlns="http://www.w3.org/1999/xhtml"> +<!doctype html> +<html> <head> <style type="text/css"> ul { @@ -10,20 +10,20 @@ <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js?ver=3.1.3'></script> <script type="text/javascript" src="../sh_main.js"></script> <script type="text/javascript" src="../sh_javascript.min.js"></script> - <link type="image/x-icon" rel="icon" href="../favicon.ico" /> - <link type="image/x-icon" rel="shortcut icon" href="../favicon.ico" /> - <link type="text/css" rel="stylesheet" href="../pipe.css" /> - <link type="text/css" rel="stylesheet" href="../sh_vim-dark.css" /> + <link type="image/x-icon" rel="icon" href="../favicon.ico"> + <link type="image/x-icon" rel="shortcut icon" href="../favicon.ico"> + <link type="text/css" rel="stylesheet" href="../pipe.css"> + <link type="text/css" rel="stylesheet" href="../sh_vim-dark.css"> <link rel="alternate" type="application/rss+xml" title="node blog" - href="http://feeds.feedburner.com/nodejs/123123123"/> - <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + href="http://feeds.feedburner.com/nodejs/123123123"> + <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>node.js</title> </head> <body> <div id="intro"> - <img id="logo" src="../logo.png" alt="node.js"/> + <img id="logo" src="../logo.png" alt="node.js"> </div> <div id="content" class="clearfix"> <div id="column1" class="interior"> @@ -59,7 +59,7 @@ registry</a>.</p> <p><a href="http://notinventedhe.re/on/2011-7-26"><img - src="not-invented-here.png" width="100%" /></a> Bugs + src="not-invented-here.png" width="100%"></a> Bugs should be reported to <a href="https://github.com/joyent/node/issues">https://github.com/joyent/node/issues</a>. Fixes to the code are welcome! Please see our <a @@ -115,17 +115,17 @@ and translations of the website.</p> <p><a href="http://nodejs.ru/">nodejs.ru</a> Russian blog. - <br/> + <br> <a href="http://nodejs.ir">nodejs.ir</a> Iran group in Persian - <br/> + <br> <a href="http://nodejs.jp/">nodejs.jp</a> Japan user group - <br/> + <br> <a href="http://cnodejs.org">CNodeJS.org</a> Chinese community - <br/> + <br> <a href="http://nodejs.co.il">nodejs.co.il</a> Israeli wiki - <br/> + <br> <a href="http://nodejs.hk">HKNoJ</a> Hong Kong community - <br/> + <br> <a href="http://nodejs.tw">nodejs.tw</a> Taiwan community</p> <p><a href="/">Go back to the home page</a></p> </div> @@ -141,13 +141,12 @@ var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); - </script><script src="../ga.js" type="text/javascript"></script> + </script> <script type="text/javascript"> try { var pageTracker = _gat._getTracker("UA-10874194-2"); pageTracker._trackPageview(); - } catch(err) {}</script> - <script type="text/javascript">highlight(undefined, undefined, 'pre');</script> - + } catch(err) {} + </script> </body></html> diff --git a/doc/index.html b/doc/index.html index 64ba31b21..ff8d23116 100644 --- a/doc/index.html +++ b/doc/index.html @@ -1,5 +1,5 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> -<html xmlns="http://www.w3.org/1999/xhtml"> +<!doctype html> +<html> <head> <style type="text/css"> ul { @@ -7,39 +7,20 @@ margin: 0; } </style> - <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js?ver=3.1.3'></script> - <script type="text/javascript" src="sh_main.js"></script> - <script type="text/javascript" src="sh_javascript.min.js"></script> - <link type="image/x-icon" rel="icon" href="favicon.ico" /> - <link type="image/x-icon" rel="shortcut icon" href="favicon.ico" /> - <link type="text/css" rel="stylesheet" href="pipe.css" /> - <link type="text/css" rel="stylesheet" href="sh_vim-dark.css" /> + <link type="image/x-icon" rel="icon" href="favicon.ico"> + <link type="image/x-icon" rel="shortcut icon" href="favicon.ico"> + <link type="text/css" rel="stylesheet" href="pipe.css"> + <link type="text/css" rel="stylesheet" href="sh_vim-dark.css"> <link rel="alternate" type="application/rss+xml" title="node blog" - href="http://feeds.feedburner.com/nodejs/123123123"/> - <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + href="http://feeds.feedburner.com/nodejs/123123123"> + <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>node.js</title> - <script> - $(document).ready(function() { - $('#close').hide(); - $('#downloadbutton').click(function() { - $('#download').show(); - return false; - }); - $('body').click(function() { - $('#download').hide(); - }); - $('#installers li a').click(function() { - window.location = $(this).attr('href'); - return false; - }); - }); - </script> </head> <body> <div id="intro"> - <img id="logo" src="logo.png" alt="node.js"/> + <img id="logo" src="logo.png" alt="node.js"> <p>Node.js is a platform built on <a href="http://code.google.com/p/v8/">Chrome's JavaScript runtime</a> @@ -53,43 +34,103 @@ <div id="quotes" class="clearfix"> <h2>Node.js in the Industry</h2> <ul> - <li class="microsoft"><img src="microsoft-logo.png" /> + <li class="microsoft"><img src="microsoft-logo.png"> <p>Node gives Azure users the first end-to-end JavaScript experience for the development of a whole new class of real-time applications. - <br/> + <br> <a href="http://blogs.msdn.com/b/interoperability/">Claudio Caldato</a> - <br/> + <br> <span>Principal Program Manager, Interoperability Strategy</span></p></li> - <li class="ebay"><img src="ebay-logo.png" /> + <li class="ebay"><img src="ebay-logo.png"> <p>Node’s evented I/O model freed us from worrying about locking and concurrency issues that are common with multithreaded async I/O. - <br/> + <br> <a href="http://www.ebaytechblog.com/2011/11/30/announcing-ql-io/">Subbu Allamarju</a> - <br/> + <br> <span>Principal Member, Technical Staff</span></p></li> - <li class="linkedin"><img src="linkedin-logo.png" /> + <li class="linkedin"><img src="linkedin-logo.png"> <p>On the server side, our entire mobile software stack is completely built in Node. One reason was scale. The second is Node showed us huge performance gains. - <br/> + <br> <a href="http://venturebeat.com/2011/08/16/linkedin-node/">Kiran Prasad</a> - <br/> + <br> <span>Director of Engineering, Mobile</span></p></li> - <li class="yahoo"><img src="yahoo-logo.png" /> + <li class="yahoo"><img src="yahoo-logo.png"> <p>Node.js is the execution core of Manhattan. Allowing developers to build one code base using one language – that is the nirvana for developers. - <br/> + <br> <a href="http://developer.yahoo.com/blogs/ydn/posts/2011/11/yahoo-announces-cocktails-%E2%80%93-shaken-not-stirred/">Renaud Waldura</a> - <br/> + <br> <span>Sr. Product Manger, Cocktail</span></p></li> </ul> </div> + + <div id="download"> + <a href="#" id="download-close">X</a> + <img id="download-logo" src="download-logo.png" alt="node.js"> + <ul id="installers" class="clearfix"> + <li><a href="http://nodejs.org/dist/v0.6.5/node-v0.6.5.msi">Windows Installer</a><br>node-v0.6.5.msi</li> + <li><a href="http://nodejs.org/dist/v0.6.5/node-v0.6.5.pkg">Macintosh Installer</a><br>node-v0.6.5.pkg</li> + <li id="source"><a href="http://nodejs.org/dist/v0.6.5/node-v0.6.5.tar.gz">Source Code</a><br>node-v0.6.5.tar.gz</li> + </ul> + <ul id="documentation"> + <li><a href="http://nodejs.org/docs/v0.6.5/api/index.html">Documentation</a></li> + <li><a href="http://nodejs.org/dist/v0.6.5">Other release files</a></li> + <li><a href="https://raw.github.com/joyent/node/v0.6.5/LICENSE">License</a></li> + <li><a href="https://github.com/joyent/node">Git Repository</a></li> + </ul> + </div> + + <script>;(function() { + // attach as soon as the required elements are in the DOM. + // don't need to wait for entire document to be ready, since we're + // not adding any *new* nodes to the <body>, so there's no threat + // of 'Invalid operation' errors in old MSIE 6. + document.getElementById('downloadbutton').onclick = function(e) { + e = e || window.event; + e.stopPropagation && e.stopPropagation(); + downloadDialogUpdate(); + }; + + document.getElementById('download-close').onclick = + document.documentElement.onclick = function(e) { + e = e || window.event; + if (location.hash === '#download') location.hash = ''; + downloadDialogUpdate(); + }; + + document.getElementById('download').onclick = function(e) { + e = e || window.event; + e.stopPropagation && e.stopPropagation(); + }; + + // I keep expecting <Esc> to close the dialog... + document.documentElement.onkeydown = function(e) { + e = e || window.event; + var k = e.which || e.keyCode || e.keyIdentifier; + if (typeof k === 'string') k = k.charCodeAt(0); + if (k === 27) document.documentElement.onclick(e); + }; + + // hacky workaround for old ie browsers that don't support :target css. + function downloadDialogUpdate () { + var div = document.getElementById('download'); + var expect = location.hash === '#download' ? 'block' : 'none'; + var m = div.getComputedStyle || div.currentStyle || null; + if (!m) return; + var actual = m.call(div, 'display'); + if (actual !== expect) div.style.diplay = expect; + } + downloadDialogUpdate(); + })();</script> + <div id="content" class="clearfix"> <div id="column1"> <h2>An example: Webserver</h2> @@ -123,41 +164,30 @@ server.listen(1337, "127.0.0.1");</pre> </div> <div id="column2"> <h2>Featured</h2> - <a href="http://www.youtube.com/watch?v=jo_B4LTHi3I"><img src="ryan-speaker.jpg" /></a> + <a href="http://www.youtube.com/watch?v=jo_B4LTHi3I"><img src="ryan-speaker.jpg"></a> A guided introduction to Node <h2>Explore Node.js</h2> <ul id="explore"> - <li><a href="http://blog.nodejs.org" class="explore">Node.js Blog</a><br /><span>Insight, perspective and events</span></li> - <li><a href="about/" class="explore">About</a><br /><span>Technical overview</span></li> - <li><a href="community/" class="explore">Community</a><br /><span>Mailing lists, blogs, and more</span></li> - <li><a href="http://nodejs.org/docs/latest/api/index.html" class="explore">Documentation</a><br /><span>API Specifications</span></li> - <li><a href="http://search.npmjs.org/" class="explore">npm Registry</a><br /><span>Modules, resources and more</span></li> - <li><a href="logos/" class="explore">Logos</a><br /><span>Logo and desktop background</span></li> - <li><a href="http://jobs.nodejs.org/" class="explore">Jobs</a><br /><ol class="jobs"><!-- JOBS --><!-- JOBS --></ol></li> + <li><a href="http://blog.nodejs.org" class="explore">Node.js Blog</a><br><span>Insight, perspective and events</span></li> + <li><a href="about/" class="explore">About</a><br><span>Technical overview</span></li> + <li><a href="community/" class="explore">Community</a><br><span>Mailing lists, blogs, and more</span></li> + <li><a href="http://nodejs.org/docs/latest/api/index.html" class="explore">Documentation</a><br><span>API Specifications</span></li> + <li><a href="http://search.npmjs.org/" class="explore">npm Registry</a><br><span>Modules, resources and more</span></li> + <li><a href="logos/" class="explore">Logos</a><br><span>Logo and desktop background</span></li> + <li><a href="http://jobs.nodejs.org/" class="explore">Jobs</a><br><ol class="jobs"><!-- JOBS --><!-- JOBS --></ol></li> </ul> </div> </div> + <div id="footer"> <p>Copyright <a href="http://joyent.com">Joyent, Inc</a>, Node.js is a <a href="trademark-policy.pdf">trademark of Joyent, Inc</a>. </div> - <div id="download"> - <a href="/" id="close"></a> - <img id="download-logo" src="download-logo.png" alt="node.js"/> - <ul id="installers" class="clearfix"> - <li><a href="http://nodejs.org/dist/v0.6.5/node-v0.6.5.msi">Windows Installer</a><br />node-v0.6.5.msi</li> - <li><a href="http://nodejs.org/dist/v0.6.5/node-v0.6.5.pkg">Macintosh Installer</a><br />node-v0.6.5.pkg</li> - <li id="source"><a href="http://nodejs.org/dist/v0.6.5/node-v0.6.5.tar.gz">Source Code</a><br />node-v0.6.5.tar.gz</li> - </ul> - <ul id="documentation"> - <li><a href="http://nodejs.org/docs/v0.6.5/api/index.html">Documentation</a></li> - <li><a href="http://nodejs.org/dist/v0.6.5">Other release files</a></li> - <li><a href="https://raw.github.com/joyent/node/v0.6.5/LICENSE">License</a></li> - <li><a href="https://github.com/joyent/node">Git Repository</a></li> - </ul> - </div> + <script type="text/javascript" src="sh_main.js"></script> + <script type="text/javascript" src="sh_javascript.min.js"></script> + <script type="text/javascript">highlight(undefined, undefined, 'pre');</script> <script type="text/javascript"> var gaJsHost = (("https:" == document.location.protocol) ? @@ -168,7 +198,7 @@ server.listen(1337, "127.0.0.1");</pre> try { var pageTracker = _gat._getTracker("UA-10874194-2"); pageTracker._trackPageview(); - } catch(err) {}</script> - <script type="text/javascript">highlight(undefined, undefined, 'pre');</script> + } catch(err) {} + </script> </body> </html> diff --git a/doc/logos/index.html b/doc/logos/index.html index 1c863e557..e2887b8b4 100644 --- a/doc/logos/index.html +++ b/doc/logos/index.html @@ -1,5 +1,5 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> -<html xmlns="http://www.w3.org/1999/xhtml"> +<!doctype html> +<html> <head> <style type="text/css"> ul { @@ -10,20 +10,20 @@ <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js?ver=3.1.3'></script> <script type="text/javascript" src="../sh_main.js"></script> <script type="text/javascript" src="../sh_javascript.min.js"></script> - <link type="image/x-icon" rel="icon" href="../favicon.ico" /> - <link type="image/x-icon" rel="shortcut icon" href="../favicon.ico" /> - <link type="text/css" rel="stylesheet" href="../pipe.css" /> - <link type="text/css" rel="stylesheet" href="../sh_vim-dark.css" /> + <link type="image/x-icon" rel="icon" href="../favicon.ico"> + <link type="image/x-icon" rel="shortcut icon" href="../favicon.ico"> + <link type="text/css" rel="stylesheet" href="../pipe.css"> + <link type="text/css" rel="stylesheet" href="../sh_vim-dark.css"> <link rel="alternate" type="application/rss+xml" title="node blog" - href="http://feeds.feedburner.com/nodejs/123123123"/> - <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + href="http://feeds.feedburner.com/nodejs/123123123"> + <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>node.js</title> </head> <body> <div id="intro"> - <img id="logo" src="../logo.png" alt="node.js"/> + <img id="logo" src="../logo.png" alt="node.js"> </div> <div id="content" class="clearfix"> <div id="column1" class="interior"> @@ -31,16 +31,16 @@ <h2>Logo Downloads</h2> <table border="0" cellspacing="0" cellpadding="10"> <tr> - <td bgcolor="#FFFFFF"><a href="nodejs-light.eps"><img src="nodejs.png" alt="Node.js dark" width="212" height="114" border="0" /></a></td> - <td bgcolor="#46483E"><a href="nodejs-dark.eps"><img src="nodejs-dark.png" alt="Node.js dark" width="212" height="114" border="0" /></a></td> + <td bgcolor="#FFFFFF"><a href="nodejs-light.eps"><img src="nodejs.png" alt="Node.js dark" width="212" height="114" border="0"></a></td> + <td bgcolor="#46483E"><a href="nodejs-dark.eps"><img src="nodejs-dark.png" alt="Node.js dark" width="212" height="114" border="0"></a></td> </tr> <tr> <td><a href="nodejs-light.eps">Node.js standard EPS</a></td> <td><a href="nodejs-dark.eps">Node.js reversed EPS</a></td> </tr> <tr> - <td bgcolor="#8BC84B"><a href="nodejs-green.eps"><img src="nodejs-green.png" alt="Node.js dark" width="212" height="114" border="0" /></a><a href="nodejs-dark.eps"></a></td> - <td bgcolor="#ffffff"><a href="nodejs-black.eps"><img src="nodejs-black.png" alt="Node.js dark" width="212" height="114" border="0" /></a></td> + <td bgcolor="#8BC84B"><a href="nodejs-green.eps"><img src="nodejs-green.png" alt="Node.js dark" width="212" height="114" border="0"></a><a href="nodejs-dark.eps"></a></td> + <td bgcolor="#ffffff"><a href="nodejs-black.eps"><img src="nodejs-black.png" alt="Node.js dark" width="212" height="114" border="0"></a></td> </tr> <tr> <td><a href="nodejs-green.eps">Node.js bright EPS</a></td> @@ -48,8 +48,8 @@ </tr> </table> <h2>Desktop Background</h2> - <p><img src="monitor.png" width="525" height="398" alt="Screensavers" /></p> - <p>Select your screen resolution:<a href="nodejs-1024x768.png"><br /> + <p><img src="monitor.png" width="525" height="398" alt="Screensavers"></p> + <p>Select your screen resolution:<a href="nodejs-1024x768.png"><br> <span class="desktops">1024 x 768</span></a><span class="desktops"> | <a href="nodejs-1280x1024.png">1280 x 1024</a> | <a href="nodejs-1440x900.png">1440 x 900</a> | <a href="nodejs-1920x1200.png">1920 x 1200</a> | <a href="nodejs-2560x1440.png">2560 x 1440</a></span></p> <p><a href="/">Go back to the home page</a></p> @@ -67,13 +67,13 @@ var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); - </script><script src="../ga.js" type="text/javascript"></script> + </script> <script type="text/javascript"> try { var pageTracker = _gat._getTracker("UA-10874194-2"); pageTracker._trackPageview(); - } catch(err) {}</script> - <script type="text/javascript">highlight(undefined, undefined, 'pre');</script> - + } catch(err) {} + </script> + </body></html> diff --git a/doc/pipe.css b/doc/pipe.css index c371d5860..b1ed7584a 100644 --- a/doc/pipe.css +++ b/doc/pipe.css @@ -35,11 +35,11 @@ h2 { font-weight: normal; } -h1 code, h2 code, h3 code, h4 code, -h1 a, h2 a, h3 a, h4 a -{ - color: inherit; - font-size: inherit; +h1 code, h2 code, h3 code, h4 code, +h1 a, h2 a, h3 a, h4 a +{ + color: inherit; + font-size: inherit; } #intro { @@ -219,10 +219,10 @@ div#download { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; padding-top: 40px; - -webkit-box-shadow: 0 0 32px #000; - -moz-box-shadow: 0 0 32px #000; - box-shadow: 0 0 32px #000; - background: url(close-downloads.png) no-repeat top right white; + -webkit-box-shadow: 0 0 32px #000; + -moz-box-shadow: 0 0 32px #000; + box-shadow: 0 0 32px #000; + background:white; display: none; } @@ -230,14 +230,15 @@ div#download:target { display: block; } -div#download a#close { - width: 50px; - height: 50px; +#download-close { + background: url(close-downloads.png) no-repeat top right; + width: 64px; + height: 64px; position: absolute; - width: 660px; - height: 100px; display: block; - margin-top: -40px; + top:0; + right:0; + text-indent:-999em; } div#download ul#installers { @@ -334,24 +335,13 @@ a:hover { text-decoration: underline; } margin: 0 0 0 2em; } -.clearfix:after { - content: "."; - display: block; - clear: both; - visibility: hidden; - line-height: 0; - height: 0; -} - +/* simpler clearfix */ .clearfix { - display: inline-block; -} - -html[xmlns] .clearfix { - display: block; + /* be an independent layout island */ + overflow:hidden; + /* but don't actually cut anything off */ + height:auto; + /* trigger hasLayout in IE */ + zoom:1; + /* fin. */ } - -* html .clearfix { - height: 1%; -} - diff --git a/doc/template.html b/doc/template.html index 377cae8b3..8b8ab4834 100644 --- a/doc/template.html +++ b/doc/template.html @@ -1,11 +1,11 @@ <!DOCTYPE html> <html> <head> - <meta charset="UTF-8" /> + <meta charset="UTF-8"> <title>{{section}}Node.js v0.6.5 Manual & Documentation</title> - <link rel="stylesheet" href="assets/style.css" /> - <link rel="stylesheet" href="assets/sh.css" /> - <link rel="canonical" href="http://nodejs.org/docs/latest/api/{{filename}}.html"/> + <link rel="stylesheet" href="assets/style.css"> + <link rel="stylesheet" href="assets/sh.css"> + <link rel="canonical" href="http://nodejs.org/docs/latest/api/{{filename}}.html"> </head> <body> <div id="container"> @@ -14,7 +14,7 @@ <div id="gtoc"> <p><a href="index.html">Index</a> | <a href="all.html">View on single page</a></p> </div> - <hr /> + <hr> </header> {{content}} </div> |