Updated padding and spacing. Added footernumbers

This commit is contained in:
Jake Bonham
2019-05-31 14:12:22 -07:00
committed by mDuo13
parent e2ab0bb184
commit f3d9a8b959
16 changed files with 70 additions and 13 deletions

View File

@@ -1114,6 +1114,44 @@ a.current {
/* Responsive design for different viewscreens ------------------------------ */
@media (max-width: 991px) {
#main_content_wrapper {
padding: 0 24px;
}
.navbar-brand img {
width: 120px;
}
.landing section:first-of-type h1:first-child {
font-size: 3em;
font-weight: 400;
}
.section-hero .blurb {
font-size: 0.95em;
}
.sidebar-primary .main {
border-left: none;
border-right: none;
}
.right-sidebar .card {
padding-left: 0;
}
#main_content_body {
padding: 0;
border: none;
}
#main_content_body .container-fluid {
padding-left: 0;
}
.xrpl-footer {
margin: 0 24px;
}
#page-toc-wrapper {
position: static;
display: block;

View File

@@ -7337,6 +7337,10 @@ aside a.active-parent {
.content a.button:hover {
border: 1px solid #1B1818; }
.btn-outline-secondary {
color: #1B1818;
border-color: #D3D0CF; }
#main_content_wrapper .btn-outline-secondary:hover,
#main_content_wrapper .btn-outline-secondary:active,
.button:hover, #request_button:hover {

View File

@@ -1,4 +1,4 @@
<nav class="breadcrumbs-wrap {% if currentpage.sidebar is defined and currentpage.sidebar == 'disabled' %} px-0 pt-5 pb-3 {% else %}p-3{% endif %}" aria-label="breacrumb">
<nav class="breadcrumbs-wrap {% if currentpage.sidebar is defined and currentpage.sidebar == 'disabled' %} px-0 pt-5 pb-3 {% else %}p-0 p-md-3{% endif %}" aria-label="breacrumb">
<ul class="breadcrumb bg-white">
<li class="breadcrumb-item"><a href="{% if target.no_cover is defined and target.no_cover %}/{% else %}index.html{% endif %}">Home</a></li>
{% if currentpage.funnel is defined and currentpage != pages|selectattr('funnel', 'defined_and_equalto', currentpage.funnel)|first %}

View File

@@ -21,7 +21,7 @@
{% endblock %}
{% block main %}
<article class="p-3">
<article class="pt-3 p-md-3">
<div class="content">
{{ content }}
</div>

View File

@@ -14,6 +14,7 @@
{% set count = 5 %}
{% include 'template-page-children.html' %}
</div><!--/.card-body-->
<div class="flag-vertical">0{{ funnels|length + 1 }}</div>
</div><!--/.card -->
{% set _ = funnels.append(page.funnel) %}
@@ -33,6 +34,7 @@
</ul>
</div>
</div><!--/.card-body-->
<div class="flag-vertical">04</div>
</div><!--/.card -->
</section>

View File

@@ -125,41 +125,49 @@
<a href="xrp-ledger-overview.html#the-digital-asset-for-payments" class="card">
<div class="card-header"><img class="card-img-top" src="assets/img/icon-xrp-digital-asset.svg" alt="(digital asset icon)" /></div>
<div class="card-footer"><h3>The Digital Asset for Payments</h3></div>
<div class="flag-vertical">01</div>
</a><!--/.card-->
<a href="xrp-ledger-overview.html#censorship-resistant-transaction-processing" class="card">
<div class="card-header"><img class="card-img-top" src="assets/img/icon-xrp-censorship-resistant.svg" alt="(censorship resistance icon)" /></div>
<div class="card-footer"><h3>Censorship-Resistant Transaction Processing</h3></div>
<div class="flag-vertical">02</div>
</a><!--/.card-->
<a href="xrp-ledger-overview.html#fast-efficient-consensus-algorithm" class="card">
<div class="card-header"><img class="card-img-top" src="assets/img/icon-xrp-fast-algorithm.svg" alt="(consensus algorithm icon)" /></div>
<div class="card-footer"><h3>Fast, Efficient Consensus Algorithm</h3></div>
<div class="flag-vertical">03</div>
</a><!--/.card-->
<a href="xrp-ledger-overview.html#finite-xrp-supply" class="card">
<div class="card-header"><img class="card-img-top" src="assets/img/icon-xrp-finite.svg" alt="(xrp supply icon)" /></div>
<div class="card-footer"><h3>Finite XRP Supply</h3></div>
<div class="flag-vertical">04</div>
</a><!--/.card-->
<a href="xrp-ledger-overview.html#responsible-software-governance" class="card">
<div class="card-header"><img class="card-img-top" src="assets/img/icon-xrp-responsible.svg" alt="(governance icon)" /></div>
<div class="card-footer"><h3>Responsible Software Governance</h3></div>
<div class="flag-vertical">05</div>
</a><!--/.card-->
<a href="xrp-ledger-overview.html#secure-adaptable-cryptography" class="card">
<div class="card-header"><img class="card-img-top" src="assets/img/icon-xrp-secure.svg" alt="(cryptography icon)" /></div>
<div class="card-footer"><h3>Secure, Adaptable Cryptography</h3></div>
<div class="flag-vertical">06</div>
</a><!--/.card-->
<a href="xrp-ledger-overview.html#modern-features-for-smart-contracts" class="card">
<div class="card-header"><img class="card-img-top" src="assets/img/icon-xrp-modern-smart-contracts.svg" alt="(smart contracts icon)" /></div>
<div class="card-footer"><h3>Modern Features for Smart Contracts</h3></div>
<div class="flag-vertical">07</div>
</a><!--/.card-->
<a href="xrp-ledger-overview.html#on-ledger-decentralized-exchange" class="card">
<div class="card-header"><img class="card-img-top" src="assets/img/icon-xrp-on-ledger-decentralized.svg" alt="(decentralized exchange icon)" /></div>
<div class="card-footer"><h3>On-Ledger Decentralized Exchange</h3></div>
<div class="flag-vertical">08</div>
</a><!--/.card-->
</section><!--/#xrp_ledger_intro-->

View File

@@ -3,13 +3,13 @@
{% block main %}
{% if content %}
<article class="p-3">
<article class="pt-3 p-md-3">
<div class='content'>
{{ content }}
</div>
</article>
<section class="p-3">
<section class="pt-3 p-md-3">
<h2>Children of this page:</h2>
{% set show_blurbs = True %}
{% set depth= 1 %}
@@ -17,7 +17,7 @@
</section>
{% else %}
<section class="p-3">
<section class="pt-3 p-md-3">
<article class="content">
<h1 id="main-page-header">{{ currentpage.name }}</h1>
<p class="blurb">{{ currentpage.blurb }}</p>

View File

@@ -6,7 +6,7 @@
{% block main %}
<article class="p-3">
<article class="pt-3 p-md-3">
<div class="content">
<p>This page has been moved! You should be redirected automatically. If not, <a href="{{currentpage.redirect_url}}">click here to go to the new {{currentpage.name}} page</a>.
</div>

View File

@@ -12,7 +12,7 @@
{% endblock %}
{% block main %}
<section class="container-fluid p-3">
<section class="container-fluid pt-3 p-md-3">
<div id='command_wrapper'>
<div id='command_table'>
<div id='io_wrapper'>

View File

@@ -1,7 +1,7 @@
{% extends "template-base.html" %}
{% block main %}
<section class="container-fluid p-3">
<section class="container-fluid pt-3 p-md-3">
<h1>ripple.txt Validator</h1>
<p>If you run a business that connects to the XRP Ledger, serving a <code>ripple.txt</code> file from your domain can help clarify which XRP Ledger addresses you own and use, and which validating server(s) you run.</p>

View File

@@ -18,7 +18,7 @@
{% endblock %}
{% block main %}
<section class="container-fluid p-3">
<section class="container-fluid pt-3 p-md-3">
<h1>XRP Test Net Faucet</h1>
<div class="content">

View File

@@ -26,7 +26,7 @@
{% endblock %}
{% block main %}
<section class="container-fluid p-3">
<section class="container-fluid pt-3 p-md-3">
<h1>Transaction Sender</h1>
<div class="content">

View File

@@ -1,7 +1,7 @@
{% extends "template-base.html" %}
{% block main %}
<article class="use-case p-3">
<article class="use-case pt-3 p-md-3">
<div class="content">
{{ content }}
</div>

View File

@@ -39,7 +39,7 @@
{% endblock %}
{% block main %}
<section class="container-fluid p-3">
<section class="container-fluid pt-3 p-md-3">
<h1>WebSocket Tool</h1>
<div id='online_state'>Offline</div>
<div id='command_wrapper'>

View File

@@ -3,7 +3,7 @@
{% block bodyclasses %}rpc-tool{% endblock %}
{% block main %}
<section class="container-fluid p-3">
<section class="container-fluid pt-3 p-md-3">
<h1>RPC Tool</h1>
<div class="content">

View File

@@ -425,6 +425,11 @@ aside a.active-parent {
border: 1px solid $black;
}
.btn-outline-secondary {
color: $black;
border-color: $gray-300;
}
#main_content_wrapper .btn-outline-secondary:hover,
#main_content_wrapper .btn-outline-secondary:active,
.button:hover, #request_button:hover {