mirror of
https://github.com/XRPLF/xrpl-dev-portal.git
synced 2025-12-05 16:57:59 +00:00
Updated padding and spacing. Added footernumbers
This commit is contained in:
@@ -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;
|
||||
|
||||
4
assets/vendor/bootstrap.css
vendored
4
assets/vendor/bootstrap.css
vendored
@@ -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 {
|
||||
|
||||
@@ -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 %}
|
||||
|
||||
@@ -21,7 +21,7 @@
|
||||
{% endblock %}
|
||||
|
||||
{% block main %}
|
||||
<article class="p-3">
|
||||
<article class="pt-3 p-md-3">
|
||||
<div class="content">
|
||||
{{ content }}
|
||||
</div>
|
||||
|
||||
@@ -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>
|
||||
|
||||
|
||||
@@ -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-->
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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'>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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">
|
||||
|
||||
@@ -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">
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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'>
|
||||
|
||||
@@ -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">
|
||||
|
||||
|
||||
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user