From fd92f5b38a9949041f16270e6b24e2996ebc652a Mon Sep 17 00:00:00 2001
From: Jake Bonham <jake@docforce.io>
Date: Sat, 11 May 2019 23:23:55 -0700
Subject: [PATCH] Updated center

Font size on breadcrumbs
borders
content alignment
link colors
---
 assets/css/devportal.css | 45 ++++++++++++++++++++++++++++++++++++----
 tool/template-base.html  |  2 +-
 2 files changed, 42 insertions(+), 5 deletions(-)

diff --git a/assets/css/devportal.css b/assets/css/devportal.css
index 2a784d7b43..67c4813e74 100644
--- a/assets/css/devportal.css
+++ b/assets/css/devportal.css
@@ -202,12 +202,24 @@ body {
 }
 
 .content a {
+  -webkit-transition: color 200ms ease;
+  transition: color 200ms ease;
+  color: hsla(214.07766990291262, 81.75%, 50.59%, 1.00);
+  text-decoration: none;
+}
+.content a:hover {
   text-decoration: underline;
 }
+.content h1 a,
+.content h2 a {
+  color: #1B1818;;
+}
+
 
 .content h1 {
   margin-top: 32px;
   line-height: 1.2;
+  font-weight: 400;
 }
 .content h1:first-child,
 .landing section:first-of-type h1:first-child {
@@ -218,7 +230,9 @@ body {
   margin-top: -90px;
 }
 .content h2 {
-  margin-top: 28px;
+  margin-top: 0px;
+  margin-bottom: 24px;
+  font-weight: 400;
   line-height: 1.2;
 }
 .content h3 {
@@ -297,6 +311,16 @@ body {
 }
 
 /* Footer ------------------------------------------------------------------- */
+
+.xrpl-footer {
+  margin: 0 48px;
+  border-top: 1px solid #1B1818;
+  border-bottom: 1px solid #1B1818;
+}
+.xrpl-footer .container-fluid {
+  border-bottom: 1px solid #eae7e6
+}
+
 .build-disclaimer {
   font-size: 10px;
 }
@@ -611,15 +635,22 @@ a.current {
 .breadcrumbs-wrap .breadcrumb {
   padding: 0;
   margin-bottom: 0;
+  font-size: 0.833em;
+}
+.breadcrumb-item a {
+  color: hsla(14.999999999999947, 1.98%, 39.61%, 1.00);
+  text-decoration: none;
+}
+.breadcrumb-item a:hover {
+  color: #000;
 }
-
 
 /* Left navigation ---------------------------------------------------------- */
 
 .tree_nav {
   position: sticky;
   top: 48px;
-  padding: 44px 24px 48px;
+  padding: 44px 24px 48px 48px;
   background-color: #fff;
 }
 
@@ -770,7 +801,8 @@ a.current {
 .xrp-ledger-dev-portal.sidebar-primary .main {
   z-index: 5;
   border-left: 1px solid #C9CDD1;
-  padding-left: 40px;
+  border-right: 1px solid #C9CDD1;
+  padding: 44px 24px 48px;
   min-height: 700px;
 }
 
@@ -792,6 +824,7 @@ a.current {
   top: 48px;
   overflow: auto;
   padding: 44px 24px 48px;
+  border: none;
 }
 
 .right-sidebar .card-header {
@@ -1005,6 +1038,10 @@ a.current {
   box-shadow: inset 0 0 0 1px #d3d0cf;
 }
 
+#main_content_wrapper {
+  border-bottom: none;
+}
+
 #main_content_wrapper .btn-outline-secondary:hover,
 #main_content_wrapper .btn-outline-secondary:active {
   /* Undo Bootstrap styling */
diff --git a/tool/template-base.html b/tool/template-base.html
index dfe16b5764..3afbc1d335 100644
--- a/tool/template-base.html
+++ b/tool/template-base.html
@@ -97,7 +97,7 @@
       {% endif %}
 
       <!-- main column -->
-      <main class="main {% if currentpage.sidebar is defined and currentpage.sidebar == "disabled" %}col-md-12{% else %}col-md-7 col-lg-6{% endif %} order-md-3 p-0 {% block mainclasses %}{% endblock %}" role="main" id="main_content_body">
+      <main class="main {% if currentpage.sidebar is defined and currentpage.sidebar == "disabled" %}col-md-12{% else %}col-md-7 col-lg-6{% endif %} order-md-3  {% block mainclasses %}{% endblock %}" role="main" id="main_content_body">
           {% block breadcrumbs %}
             {% include 'template-breadcrumbs.html' %}
           {% endblock %}