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 {