Style: GitHub button, top navbar tweaks

This commit is contained in:
mDuo13
2019-05-10 15:50:44 -07:00
parent c029b4258e
commit 56d0112438
3 changed files with 10 additions and 15 deletions

View File

@@ -51,7 +51,6 @@ th {
font-size: 18px; font-size: 18px;
line-height: 52px; line-height: 52px;
text-decoration: none; text-decoration: none;
transition: 0.5s;
font-family: 'Space Mono', monospace; font-family: 'Space Mono', monospace;
} }
@@ -157,7 +156,7 @@ body {
/* Push content below fixed header ------------------------------------------ */ /* Push content below fixed header ------------------------------------------ */
#main_content_wrapper { #main_content_wrapper {
margin-top: 55px; margin-top: 68px;
} }
/* Fix so anchors don't jump under the fixed header ------------------------- */ /* Fix so anchors don't jump under the fixed header ------------------------- */
@@ -833,19 +832,13 @@ a.current {
/* Edit on GitHub link ------------------------------------------------------ */ /* Edit on GitHub link ------------------------------------------------------ */
.github-edit-wrap { .github-edit-wrap {
background-image: linear-gradient(180deg, #fafafa 0%, #ddd 90%); border: 1px solid #ced4da;
border: 1px solid #C9CDD1;
border-radius: 5px;
margin-right: 10px; margin-right: 10px;
} }
.github-edit-wrap:hover { .github-edit-wrap:hover {
border-color: #777; border-color: #1B1818;
}
.github-edit-wrap:active {
background-image: linear-gradient(180deg, #ddd 0%, #fafafa 90%);
} }
.github-edit-wrap .github-edit { .github-edit-wrap .github-edit {
/* background-color: black; */
background-image: url(../vendor/github-marks/GitHub-Mark-32px.png); background-image: url(../vendor/github-marks/GitHub-Mark-32px.png);
background-size: 24px 24px; background-size: 24px 24px;
background-position: left 5px center; background-position: left 5px center;
@@ -853,9 +846,11 @@ a.current {
padding: 8px 8px 8px 34px; padding: 8px 8px 8px 34px;
color: #777; color: #777;
text-decoration: none; text-decoration: none;
font-size: 13px;
display: block; display: block;
line-height: 16px; font-size: 14px;
line-height: 20px;
font-family: "Space Mono", monospace;
font-weight: 700;
} }
/* Use Cases ---------------------------------------------------------------- */ /* Use Cases ---------------------------------------------------------------- */
@@ -975,7 +970,7 @@ a.current {
border: 1px solid #1b1818; border: 1px solid #1b1818;
} }
.btn:not(.external-link)::after, .btn:not(.external-link):not(.fa-search)::after,
.landing .card .level-1 a::after, .landing .card .level-1 a::after,
.landing .card .level-2 a::after, .landing .card .level-2 a::after,
.landing .card .curated-links li a::after, .landing .card .curated-links li a::after,

View File

@@ -74,7 +74,7 @@
{% include 'template-github-edit.html' %} {% include 'template-github-edit.html' %}
<form class="navbar-form navbar-right" id="navbar-search" role="search" method="get" action="https://www.google.com/search"> <form class="navbar-form navbar-right" id="navbar-search" role="search" method="get" action="https://www.google.com/search">
<div class="form-inline"> <div class="form-inline">
<label class="sr-only" for="topsearchbar">Search this site</label> <label class="sr-only" for="topsearchbar">Search site with Google...</label>
<input name="q" value="site:developers.ripple.com" type="hidden"> <input name="q" value="site:developers.ripple.com" type="hidden">
<input id="topsearchbar" name="q" type="text" class="form-control" class="top-search" placeholder="Search this site..."> <input id="topsearchbar" name="q" type="text" class="form-control" class="top-search" placeholder="Search this site...">
<button type="submit" class="btn btn-default fa fa-search">&nbsp;</button> <button type="submit" class="btn btn-default fa fa-search">&nbsp;</button>

View File

@@ -22,5 +22,5 @@
{% if not have_edit_link %} {% if not have_edit_link %}
{% set githuburl = target.github_forkurl %} {% set githuburl = target.github_forkurl %}
{% endif %} {% endif %}
<a href="{{githuburl}}" target="_blank" class="github-edit">Edit on GitHub</a> <a href="{{githuburl}}" target="_blank" class="github-edit">Edit</a>
</div><!-- /.github-edit --> </div><!-- /.github-edit -->