Merge pull request #5 from ripplelabsben/gh-pages

[FEATURE] Center site

css/custom.css

@@ -0,0 +1,40 @@
+/* Additional Styling */
+
+body .content-root {
+	background: none !important;
+	box-shadow: none !important;
+}
+
+.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 {
+	margin-right: auto;
+	margin-left: auto;
+}
+
+@media (min-width: 768px) {
+	.menubar {
+		right: 794px;
+	}
+}
+

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"!==
@@ -100,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>
@@ -108,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>