ARCHIVE/xrpl-dev-portal
1
0
Fork 0
mirror of https://github.com/XRPLF/xrpl-dev-portal.git synced 2025-11-27 23:25:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

Continued refinement

Browse Source 
Homepage icon padding
footer hover
footer border
padding adjustments to re center content
This commit is contained in:
Jake Bonham
2019-05-17 13:39:54 -07:00
committed by mDuo13
parent ca0799c043
commit 896e40b50f
5 changed files with 53 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
tool/template-footer.html
View File

@@ -22,7 +22,7 @@
<div class="card">
<div class="card-header">
<h5><a href="https://ripple.com/" target="_blank">Ripple <i class="fa fa-external-link"></i></a></h5>
<h5><a href="https://ripple.com/" target="_blank">Ripple<i class="fa fa-external-link"></i></a></h5>
</div><!--/.card-header-->
<div class="card-body">
<div class="children-display">
@@ -36,7 +36,7 @@
</div><!--/.card -->
</section>
<section class="container-fluid p-5">
<section class="container-fluid p-5 pl-sm-0">
<div class="absolute_bottom_footer">
<span>&copy; XRP Ledger Project 2019</span>

20
tool/template-home.html
View File

@@ -175,8 +175,10 @@
<div class="card">
<div class="card-header">
<img class="image-icon" src="assets/img/icon-xrp-list-xrp.svg" >
<h3 class="card-title">List XRP on Your Exchange</h3>
<a href="list-xrp-in-your-exchange.html" class="header-link">
<img class="image-icon" src="assets/img/icon-xrp-list-xrp.svg" >
<h3 class="card-title">List XRP on Your Exchange</h3>
</a>
</div><!--/.card-header-->
<div class="card-body">
<p>Run a digital asset exchange? Follow these steps to add XRP.</p>
@@ -190,8 +192,10 @@
<div class="card">
<div class="card-header">
<img class="image-icon" src="assets/img/icon-xrp-send-xrp.svg" >
<h3 class="card-title">Send XRP</h3>
<a href="send-xrp.html" class="header-link">
<img class="image-icon" src="assets/img/icon-xrp-send-xrp.svg" >
<h3 class="card-title">Send XRP</h3>
</a>
</div><!--/.card-header-->
<div class="card-body">
<p>Learn how to send test payments right from your browser.</p>
@@ -205,9 +209,11 @@
<div class="card">
<div class="card-header">
<img class="image-icon" src="assets/img/icon-xrp-run-rippled.svg" >
<h3 class="card-title">Run a rippled Server</h3>
</div><!--/.card-header-->
<a href="manage-the-rippled-server.html" class="header-link">
<img class="image-icon" src="assets/img/icon-xrp-run-rippled.svg" >
<h3 class="card-title">Run a rippled Server</h3>
</a>
</div><!--/.card-header-->
<div class="card-body">
<p>Install, configure, and manage the core server that powers the XRP Ledger.</p>
</div><!--/.card-body-->

19
tool/xrpl.scss
View File

@@ -197,22 +197,28 @@ h1, h2, h3, h4, h5 {
/* Some styles that use the colors defined above ---------------------------- */
h1 a,
h2 a,
h3 a {
h3 a,
.xrpl-footer h5 a {
color: $black;
text-decoration: none;
}
h1 a:hover,
h2 a:hover,
h3 a:hover {
h3 a:hover,
.xrpl-footer h5 a:hover {
color: $black;
}
.landing .curated-links a,
.landing .curated-links a:hover,
.landing .children-display a,
.landing .children-display a:hover,
.landing a.card,
.xrpl-footer a {
color: $gray-600;
}
.landing .curated-links a:hover,
.landing .children-display a:hover,
.xrpl-footer a:hover {
color: $black;
}
@@ -275,13 +281,16 @@ h3 a:hover {
}
.xrpl-footer {
border-top: 1px solid $black;
border-bottom: 1px solid $black;
}
.xrpl-footer .container-fluid {
border-bottom: 1px solid $gray-200;
}
.header-link:hover {
color: $black;
}
/* Left/right nav color scheme ------------------------------- */
aside a {
color: $gray-600;