diff --git a/doc/download/index.html b/doc/download/index.html index 6138e69685561e..b1afb89d775369 100644 --- a/doc/download/index.html +++ b/doc/download/index.html @@ -46,19 +46,36 @@

Current version: __VERSION__

-
- -
-

Downloads

-

- To install Node.js and npm use the appropriate installer for your platform, or discover what's new in Node.js __VERSION__. -

+
+ +
diff --git a/doc/images/platform-icon-generic.png b/doc/images/platform-icon-generic.png new file mode 100644 index 00000000000000..90fc36a08c1aaa Binary files /dev/null and b/doc/images/platform-icon-generic.png differ diff --git a/doc/images/platform-icon-osx.png b/doc/images/platform-icon-osx.png new file mode 100644 index 00000000000000..0bd6582c4cf8db Binary files /dev/null and b/doc/images/platform-icon-osx.png differ diff --git a/doc/images/platform-icon-win.png b/doc/images/platform-icon-win.png new file mode 100644 index 00000000000000..82825986131f3d Binary files /dev/null and b/doc/images/platform-icon-win.png differ diff --git a/doc/pipe.css b/doc/pipe.css index 7baefcf6a7bab3..392589daff5b31 100644 --- a/doc/pipe.css +++ b/doc/pipe.css @@ -195,41 +195,53 @@ h1 a, h2 a, h3 a, h4 a width:100%; } +#download-page #installers { + width:600px; + display:table; + margin-bottom:1em; +} - -#download-page ul#installers { +#download-page #installers ul { width: auto; text-align: center; margin: 0 auto; - background: url(http://nodejs.org/images/platform-icons.png) no-repeat center 20px white; - padding-top: 92px; - padding-bottom: 45px; - padding-left: 29px; -} - -#download-page ul#installers li { - list-style-type: none; - width: 165px; - padding-left: 18px; - float: left; - display: block; - color: #33342D; - font-size: 10px; + display:table-row; + width:600px; } -#download-page ul#installers li#source { - padding-left: 0; +#download-page #installers ul img { + display:block; + margin:0 auto; +} + +#download-page #installers ul a { + display:block; + width:100%; + text-decoration:none; + font-size: 16px; + padding-top:1em; } -#download-page ul#installers li a { - font-size: 16px; - padding-top: 80px; - margin-top: -80px; +#download-page #installers ul a:hover, +#download-page #installers ul a:active { + background:#666; + color: #8cc84b; +} + + +#download-page #installers ul li { + width:33%; + display:table-cell; +} +#download-page #installers a small { + font-size: 10px; + display:block; + color:#eee; } #download-page #content th { text-align:left; - width:35%; + width:33%; } #download-page #content table {