From 4132a21507b8b8ba9c407322ebe6c7093e5d1f58 Mon Sep 17 00:00:00 2001
From: Ben Stein-Lobovits <ben@ripple.com>
Date: Tue, 8 Jul 2014 10:22:09 -0700
Subject: [PATCH 1/8] Create custom.css

---
 css/custom.css | 1 +
 1 file changed, 1 insertion(+)
 create mode 100644 css/custom.css

diff --git a/css/custom.css b/css/custom.css
new file mode 100644
index 0000000000..45baedd07a
--- /dev/null
+++ b/css/custom.css
@@ -0,0 +1 @@
+/* Additional Styling */

From 488852c1cd601509c8751b8131683170c9065859 Mon Sep 17 00:00:00 2001
From: Ben Stein-Lobovits <ben@ripple.com>
Date: Tue, 8 Jul 2014 10:25:09 -0700
Subject: [PATCH 2/8] Add custom css

---
 index.html | 1 +
 1 file changed, 1 insertion(+)

diff --git a/index.html b/index.html
index bda245f1da..4531530c96 100644
--- a/index.html
+++ b/index.html
@@ -23,6 +23,7 @@
   <!-- Custom Stylesheet -->
   <link href='https://fonts.googleapis.com/css?family=Open+Sans:600italic,400,700,300' rel='stylesheet' type='text/css'>
   <link  href='https://dev.ripple.com/css/main.css' rel='stylesheet'>
+  <link  href='css/custom.css' rel='stylesheet'>
 
   <!-- start Mixpanel -->
   <script type="text/javascript">(function(e,b){if(!b.__SV){var a,f,i,g;window.mixpanel=b;a=e.createElement("script");a.type="text/javascript";a.async=!0;a.src=("https:"===e.location.protocol?"https:":"http:")+'//cdn.mxpnl.com/libs/mixpanel-2.2.min.js';f=e.getElementsByTagName("script")[0];f.parentNode.insertBefore(a,f);b._i=[];b.init=function(a,e,d){function f(b,h){var a=h.split(".");2==a.length&&(b=b[a[0]],h=a[1]);b[h]=function(){b.push([h].concat(Array.prototype.slice.call(arguments,0)))}}var c=b;"undefined"!==

From be75aec7cdfa4afe5f39ea14b060e93d558bd530 Mon Sep 17 00:00:00 2001
From: Ben Stein-Lobovits <ben@ripple.com>
Date: Tue, 8 Jul 2014 11:38:12 -0700
Subject: [PATCH 3/8] [FEATURE] Center site

---
 css/custom.css | 26 ++++++++++++++++++++++++++
 index.html     |  3 ++-
 2 files changed, 28 insertions(+), 1 deletion(-)

diff --git a/css/custom.css b/css/custom.css
index 45baedd07a..4ccd68543c 100644
--- a/css/custom.css
+++ b/css/custom.css
@@ -1 +1,27 @@
 /* Additional Styling */
+
+.header .left {
+	float: none;
+	max-width: 1024px;
+	margin: auto;
+}
+
+.header-subnav-wrapper {
+	background: #f3f6fb;
+	border-bottom: solid 1px #dfe2e7;
+}
+
+.header-subnav {
+	max-width: 1024px;
+	margin: auto;
+	border-bottom: none !important;
+}
+
+.content-root {
+	max-width: 1024px;
+	margin: auto;
+}
+
+.menubar.fixed {
+	left: 23%;
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index 4531530c96..321dcc1828 100644
--- a/index.html
+++ b/index.html
@@ -101,6 +101,7 @@ mixpanel.init("132d42885e094171f34467fc54da6fab");
       <iframe src="https://dev.ripple.com/vendor/ghbtn.html?user=ripple&repo=ripple-dev-portal&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="110" height="20"></iframe>
     </div>
   </div>
+  <div class="header-subnav-wrapper">
   <div class='header-subnav'>
     <ul>
         <li><a href='?p=introduction' id='subnav-intro'>Introduction</a></li>
@@ -109,7 +110,7 @@ mixpanel.init("132d42885e094171f34467fc54da6fab");
     </ul>
     <div class='clearer'>&nbsp;</div>
   </div>
-
+</div>
   <div class='content-root'>
     <div class='menubar'>
       <div class='menu section' role='flatdoc-menu'></div>

From 17ad18b997b4d0e620c228cdb15622d89e21d996 Mon Sep 17 00:00:00 2001
From: Ben Stein-Lobovits <ben@ripple.com>
Date: Tue, 8 Jul 2014 11:47:07 -0700
Subject: [PATCH 4/8] [FIX] Adjust fixed menubar

---
 css/custom.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/css/custom.css b/css/custom.css
index 4ccd68543c..b57f84e541 100644
--- a/css/custom.css
+++ b/css/custom.css
@@ -23,5 +23,5 @@
 }
 
 .menubar.fixed {
-	left: 23%;
+	left: 20.7%;
 }
\ No newline at end of file

From 1afcfcd800fed7253999ce5c7a0190e092d9433d Mon Sep 17 00:00:00 2001
From: Ben Stein-Lobovits <ben@ripple.com>
Date: Tue, 8 Jul 2014 13:56:01 -0700
Subject: [PATCH 5/8] [FIX] Add breakpoints

---
 css/custom.css | 23 +++++++++++++++++++++--
 1 file changed, 21 insertions(+), 2 deletions(-)

diff --git a/css/custom.css b/css/custom.css
index b57f84e541..a2bea290f2 100644
--- a/css/custom.css
+++ b/css/custom.css
@@ -21,7 +21,26 @@
 	max-width: 1024px;
 	margin: auto;
 }
+@media (min-width: 1745px) {
+	.menubar.fixed {
+		left: 20.7%;
+	}
+}
 
-.menubar.fixed {
-	left: 20.7%;
+@media (max-width: 1744px) {
+	.menubar.fixed {
+		left: 10%;
+	}
+}
+
+@media (max-width: 1244px) {
+	.menubar.fixed {
+		left: 5%;
+	}
+}
+
+@media (max-width: 1130px){
+	.menubar {
+		display: none;
+	}
 }
\ No newline at end of file

From 422b0b6d3f354df9ae45f9930a710d36bf7b5c68 Mon Sep 17 00:00:00 2001
From: Ben Stein-Lobovits <ben@ripple.com>
Date: Tue, 8 Jul 2014 15:25:58 -0700
Subject: [PATCH 6/8] [FIX] Adjust styling

---
 css/custom.css | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/css/custom.css b/css/custom.css
index a2bea290f2..af501a5c39 100644
--- a/css/custom.css
+++ b/css/custom.css
@@ -21,6 +21,7 @@
 	max-width: 1024px;
 	margin: auto;
 }
+/* 
 @media (min-width: 1745px) {
 	.menubar.fixed {
 		left: 20.7%;
@@ -43,4 +44,17 @@
 	.menubar {
 		display: none;
 	}
-}
\ No newline at end of file
+}
+ */
+ 
+ .menubar.fixed {
+	margin-right: auto;
+	margin-left: auto;
+}
+
+@media (min-width: 768px) {
+.menubar {
+right: 794px;
+}
+}
+

From c84f6558d2eeaa93b354d232cc3e516df891bff8 Mon Sep 17 00:00:00 2001
From: Ben Stein-Lobovits <ben@ripple.com>
Date: Tue, 8 Jul 2014 15:28:06 -0700
Subject: [PATCH 7/8] [CHORE] Cleanup formatting

---
 css/custom.css | 33 ++++-----------------------------
 1 file changed, 4 insertions(+), 29 deletions(-)

diff --git a/css/custom.css b/css/custom.css
index af501a5c39..bb7f34f82b 100644
--- a/css/custom.css
+++ b/css/custom.css
@@ -21,40 +21,15 @@
 	max-width: 1024px;
 	margin: auto;
 }
-/* 
-@media (min-width: 1745px) {
-	.menubar.fixed {
-		left: 20.7%;
-	}
-}
 
-@media (max-width: 1744px) {
-	.menubar.fixed {
-		left: 10%;
-	}
-}
-
-@media (max-width: 1244px) {
-	.menubar.fixed {
-		left: 5%;
-	}
-}
-
-@media (max-width: 1130px){
-	.menubar {
-		display: none;
-	}
-}
- */
- 
- .menubar.fixed {
+.menubar.fixed {
 	margin-right: auto;
 	margin-left: auto;
 }
 
 @media (min-width: 768px) {
-.menubar {
-right: 794px;
-}
+	.menubar {
+		right: 794px;
+	}
 }
 

From a325c8eee81c1903c223dbd57be402af9d1ed0dc Mon Sep 17 00:00:00 2001
From: Ben Stein-Lobovits <ben@ripple.com>
Date: Tue, 8 Jul 2014 15:35:24 -0700
Subject: [PATCH 8/8] [FIX] Remove background and box shadow

---
 css/custom.css | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/css/custom.css b/css/custom.css
index bb7f34f82b..1a21886efb 100644
--- a/css/custom.css
+++ b/css/custom.css
@@ -1,5 +1,10 @@
 /* Additional Styling */
 
+body .content-root {
+	background: none !important;
+	box-shadow: none !important;
+}
+
 .header .left {
 	float: none;
 	max-width: 1024px;