doc: Pixel-nudging

1 files changed, 133 insertions, 67 deletions

diff --git a/doc/pipe.css b/doc/pipe.css
index 09f0a8bb3..999161b77 100644
--- a/doc/pipe.css
+++ b/doc/pipe.css
@@ -18,6 +18,10 @@ body.alt {
     color: #46483e;
 }
 
+body.int {
+  padding-top:49px;
+}
+
 img {
 	border: 0;
 }
@@ -41,7 +45,7 @@ h1 {
     text-transform: none;
     color: #669900;
     font-weight: normal;
-    margin-top: 1em;
+    margin: 15px 0 11px;
 }
 
 h2 {
@@ -65,7 +69,7 @@ h1 a, h2 a, h3 a, h4 a
   /* preload platform-icons.png */
   background-image: url(platform-icons.png);
   background-repeat: no-repeat;
-  background-position: -1000px -1000px;
+  background-position: -999em -999em;
 }
 
 #intro p {
@@ -77,7 +81,7 @@ h1 a, h2 a, h3 a, h4 a
 }
 
 #intro.interior #logo {
-    margin-left: -130px;
+    margin-left: -298px;
 }
 
 #intro p.version {
@@ -163,13 +167,20 @@ h1 a, h2 a, h3 a, h4 a
     font-size: 10px;
 }
 
+#quotes ul li p {
+  color: #D2D8BA
+}
+
 #content {
-    width: 800px;
+    width: 775px;
     margin: 0 auto;
     overflow: visible;
     clear: both;
     display: block;
 }
+.int #content {
+  width: 953px;
+}
 
 #column1 {
     width: 460px;
@@ -178,6 +189,10 @@ h1 a, h2 a, h3 a, h4 a
 
 #content p {
     font-size: 14px;
+    line-height:24px;
+}
+#front #content p {
+  font-size:12px;
 }
 
 #content h1 + p {
@@ -193,63 +208,76 @@ h1 a, h2 a, h3 a, h4 a
 }
 
 #column1.interior {
-    width: 590px;
+    width: 600px;
     float: right;
-    padding-top: 20px;
+    padding-top: 11px;
+    font-size:18px;
+    padding-right:150px;
 }
 
 #column2.interior {
-    width: 160px;
+    width: 140px;
     float: left;
-    margin-top: -50px;
+    margin-top: -54px;
     overflow: visible;
 }
 
+#column2.interior ul {
+    margin-left: 0;
+}
+
 #column2.interior li {
     list-style-type: none;
 }
 
 #column2.interior li a {
     display: block;
-    padding: 1px 0px 1px 40px;
+    padding: 0 0 0 35px;
     color: #878b78;
     text-transform: uppercase;
-}
-
-#column2.interior li a.home { background: url(icons-interior.png) no-repeat -158px 3px; }
-#column2.interior li a.download { background: url(icons-interior.png) no-repeat -158px -21px; }
-#column2.interior li a.about { background: url(icons-interior.png) no-repeat -158px -44px; }
-#column2.interior li a.npm { background: url(icons-interior.png) no-repeat -158px -70px; }
-#column2.interior li a.docs { background: url(icons-interior.png) no-repeat -158px -93px; }
-#column2.interior li a.blog { background: url(icons-interior.png) no-repeat -158px -117px; }
-#column2.interior li a.community { background: url(icons-interior.png) no-repeat -158px -140px; }
-#column2.interior li a.logos { background: url(icons-interior.png) no-repeat -158px -164px; }
-#column2.interior li a.jobs { background: url(icons-interior.png) no-repeat -158px -189px; } 
-
-#column2.interior li a.home.current { background-position: left 3px; }
-#column2.interior li a.download.current { background-position: left -21px; }
-#column2.interior li a.about.current { background-position: left -44px; }
-#column2.interior li a.npm.current { background-position: left -70px; }
-#column2.interior li a.docs.current { background-position: left -93px; }
-#column2.interior li a.blog.current { background-position: left -117px; }
-#column2.interior li a.community.current { background-position: left -140px; }
-#column2.interior li a.logos.current { background-position: left -164px; }
-#column2.interior li a.jobs.current { background-position: left -189px; }
+    text-decoration: none;
+    font-size: 11px;
+    line-height: 23px;
+}
+
+#column2.interior li a.home { background: url(icons-interior.png) no-repeat -156px 3px; }
+#column2.interior li a.download { background: url(icons-interior.png) no-repeat -156px -21px; }
+#column2.interior li a.about { background: url(icons-interior.png) no-repeat -156px -44px; }
+#column2.interior li a.npm { background: url(icons-interior.png) no-repeat -156px -69px; }
+#column2.interior li a.docs { background: url(icons-interior.png) no-repeat -156px -93px; }
+#column2.interior li a.blog { background: url(icons-interior.png) no-repeat -156px -117px; }
+#column2.interior li a.community { background: url(icons-interior.png) no-repeat -156px -141px; }
+#column2.interior li a.logos { background: url(icons-interior.png) no-repeat -156px -165px; }
+#column2.interior li a.jobs { background: url(icons-interior.png) no-repeat -156px -189px; } 
+
+#column2.interior li a.home.current { background-position: 2px 3px; }
+#column2.interior li a.download.current { background-position: 2px -21px; }
+#column2.interior li a.about.current { background-position: 2px -45px; }
+#column2.interior li a.npm.current { background-position: 2px -69px; }
+#column2.interior li a.docs.current { background-position: 2px -93px; }
+#column2.interior li a.blog.current { background-position: 2px -117px; }
+#column2.interior li a.community.current { background-position: 2px -141px; }
+#column2.interior li a.logos.current { background-position: 2px -165px; }
+#column2.interior li a.jobs.current { background-position: 2px -189px; }
 #column2.interior li a.current { color: #8cc84b; font-weight: bold; }
 
-#column2.interior li a.home:hover { background-position: -333px 3px; }
-#column2.interior li a.download:hover { background-position: -333px -21px; }
-#column2.interior li a.about:hover { background-position: -333px -44px; }
-#column2.interior li a.npm:hover { background-position: -333px -70px; }
-#column2.interior li a.docs:hover { background-position: -333px -93px; }
-#column2.interior li a.blog:hover { background-position: -333px -117px; }
-#column2.interior li a.community:hover { background-position: -333px -140px; }
-#column2.interior li a.logos:hover { background-position: -333px -164px; }
-#column2.interior li a.jobs:hover { background-position: -333px -189px; }
+#column2.interior li a.home:hover { background-position: -331px 3px; }
+#column2.interior li a.download:hover { background-position: -331px -21px; }
+#column2.interior li a.about:hover { background-position: -331px -45px; }
+#column2.interior li a.npm:hover { background-position: -331px -69px; }
+#column2.interior li a.docs:hover { background-position: -331px -93px; }
+#column2.interior li a.blog:hover { background-position: -331px -117px; }
+#column2.interior li a.community:hover { background-position: -331px -141px; }
+#column2.interior li a.logos:hover { background-position: -331px -165px; }
+#column2.interior li a.jobs:hover { background-position: -331px -189px; }
 #column2.interior li a:hover { color: #000000; text-decoration: none; }
 
 #column2.interior li + li {
     border-top: 1px solid #c1c7ac;
+    border-top:1px solid #65675c;
+}
+.alt #column2.interior li + li {
+    border-top: 1px solid #c1c7ac;
 }
 
 #column2.interior p.twitter {
@@ -262,8 +290,8 @@ h1 a, h2 a, h3 a, h4 a
 }
 
 .row {
-    padding-top: 20px;
-    padding-bottom: 20px;
+    padding-top: 10px;
+    padding-bottom: 10px;
 }
 
 .row + .row {
@@ -295,15 +323,17 @@ h1 a, h2 a, h3 a, h4 a
 }
 
 .block + .block {
-    margin-left: 30px;
+    margin-left: 20px;
+    width: 300px;
 }
 
 #content .block p {
-    font-size: 12px;
+    font-size: 13px;
+    line-height:21px;
 }
 
 #explore {
-    background: url(home-icons.png) no-repeat left 11px;
+    background: url(home-icons.png) no-repeat left 17px;
 }
 
 #explore li {
@@ -340,29 +370,55 @@ h1 a, h2 a, h3 a, h4 a
 }
 
 #footer {
-    width: 775px;
-    border-top: 1px solid #626557;
-    margin: 50px auto 30px auto;
-    padding-top: 15px;
+    width: 942px;
+    margin: 150px auto 55px auto;
+    padding:0;
 }
 
 #footer p {
-	color: #8BC84B;
-    font-size: 10px;
-    padding-left: 195px;
-    color: #878b78;
+    font-size: 11px;
+    line-height:1em;
+    padding: 0 0 0 195px;
+    color: #666;
+    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif;
+}
+
+#front #footer {
+  width: 775px;
+  margin: 50px auto 30px auto;
+  padding-top: 15px;
+}
+#front #footer ul {
+  margin-right:0;
+  padding-right:0;
+}
+
+#footer a {
+  text-decoration:none;
+  border:none;
+  color: #690;
+}
+
+#footer a:hover {
+  color:#000;
+}
+#front #footer a:hover {
+  color:#fff;
 }
 
 #footer p a {
-    text-decoration: underline;
+    border-bottom:1px dotted #690;
     color: #878b78;
 }
 
 #footer ul {
-    background: url(footer-logo.png) left top no-repeat;
+    background: url(footer-logo.png) left 17px no-repeat;
+    border-top: 1px solid #626557;
+    border-color:#90918b;
+    padding-top:23px;
     padding-left: 195px;
     height: 26px;
-    padding-top: 6px;
+    margin-right:137px;
 }
 .alt #footer ul {
     background-image: url(footer-logo-alt.png);
@@ -370,28 +426,32 @@ h1 a, h2 a, h3 a, h4 a
 
 #footer ul li {
     list-style-type: none;
-    display: block;
     float: left;
+    font-size: 12px;
+    margin:0!important;
+    height: 12px;
 }
 
 #footer ul li a {
     margin: 0;
-    padding: 0;
+    padding: 0 6px 0 0;
+    display: block;
+    height:12px;
+    line-height:12px;
 }
 
 #footer ul li + li {
-    height: 12px;
     margin-left: 3px;
 }
 
 #footer ul li + li a {
-    padding: 0 0 0 4px;
+    padding: 0 6px 0 6px;
     border-left: 1px solid #878b78;
 }
 
 #footer ul li a.twitter  {
-    background: url(twitter-bird.png) no-repeat 0 2px;
-    padding-left: 19px;
+    background: url(twitter-bird.png) no-repeat 5px 0px;
+    padding-left: 25px;
 }
 
 
@@ -489,11 +549,17 @@ div#download ul#documentation li a {
     margin-bottom: 37px;
 }
 
-pre, code {
-	font-family: Monaco, 'Andale Mono', 'Lucida Console', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif;
-	font-size: 12px;
-	color: #d2d8ba;
-}
+  pre, tt, code {
+	  color: #d2d8ba;
+    font-size: 14px;
+    line-height: 22px;
+    font-family: Monaco, Consolas, "Lucida Console", monospace;
+    margin: 0; padding: 0;
+  }
+  #front pre, #front tt, #front code {
+    font-size:12px;
+    line-height:22px;
+  }
 
 pre {
 	padding-left: 1em;
@@ -524,7 +590,7 @@ dd {
 
 
 a {
-	color: #8BC84B;
+	color: #690;
 	text-decoration: none;
 }
 a:hover { text-decoration: underline; }