ARCHIVE/xrpl-dev-portal
1
0
Fork 0
mirror of https://github.com/XRPLF/xrpl-dev-portal.git synced 2025-11-28 07:35:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

Updated header to match new style

Browse Source
This commit is contained in:
Jake Bonham
2019-05-08 11:00:44 -07:00
committed by mDuo13
parent 0f5512c122
commit 9dbb4c49d1
4 changed files with 159 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

98
assets/css/devportal.css
View File

@@ -18,7 +18,10 @@ th {
.navbar.fixed-top {
font-weight: 400;
border-bottom: 1px solid #C9CDD1;
/* border-bottom: 1px solid #C9CDD1; */
box-shadow: inset 0 -1px 0 0 #eae7e6;
padding: 0;
margin: 0 48px;
}
.navbar-brand {
@@ -37,24 +40,31 @@ th {
}
.navbar .navbar-nav .nav-link {
font-size: 20px;
line-height: 38px;
font-size: 14px;
line-height: 52px;
text-decoration: none;
transition: 0.5s;
font-family: 'Space Mono', sans-serif;
}
.navbar .navbar-nav .nav-link:hover {
color: #27a2db;
/* color: #27a2db; */
background-color: transparent;
box-shadow: inset 0 -1px 0 0 #1b1818;
color: #1b1818;
text-decoration: none;
}
.navbar .navbar-nav .active a {
font-weight: 700;
color: #3B4147;
background-color: #E1E5E8;
/* background-color: #E1E5E8; */
color: #1b1818;
box-shadow: inset 0 -1px 0 0 #1b1818;
}
.navbar .active-parent a {
font-weight: 700;
background-color: #E1E5E8;
/* background-color: #E1E5E8; */
color: #1b1818;
box-shadow: inset 0 -1px 0 0 #1b1818;
}
#navbar-search {
@@ -72,9 +82,80 @@ th {
right: 0.375rem;
}
/* Top navigation Mobile ----------------------------------------------------------- */
@media (max-width: 991px) {
.navbar .navbar-nav .nav-link {
height: 48px;;
}
.github-edit-wrap {
margin: 20px 10px 20px 0;
}
#navbar-search .btn::after {
display: none;
}
.navbar-collapse {
/* background-color: rgba(0, 0, 0, .88); */
background-color: #fff;
position: absolute;
/* left: 200%; */
top: 200px;
right: 0;
overflow: scroll;
width: 260px;
max-height: 60vh;
margin-right: 24px;
margin-bottom: 108px;
padding: 24px;
-webkit-box-flex: 1;
z-index: 10;
transform: translateX(1000px);
transition-duration: 1s;
}
.navbar-collapse.show {
transform: translateX(0px);
transition-duration: 1s;
}
.menu-overlay.active {
transform: translateX(0px);
transition-duration: 1s;
}
.menu-overlay {
/* display: none; */
background-color: #000;
bottom: 0;
left: 0;
opacity: 0.88;
filter: alpha(opacity=80);
/* IE7 & 8 */
position: fixed;
right: 0;
top: 0;
z-index: 5;
transform: translateX(1000px);
transition-duration: 1s;
}
}
body {
font-feature-settings: "liga", "kern";
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
}
/* Push content below fixed header ------------------------------------------ */
#main_content_wrapper {
margin-top: 55px;
padding: 0 48px;
}
/* Fix so anchors don't jump under the fixed header ------------------------- */
@@ -712,6 +793,7 @@ a.current {
background-image: linear-gradient(180deg, #fafafa 0%, #ddd 90%);
border: 1px solid #C9CDD1;
border-radius: 5px;
margin-right: 10px;
}
.github-edit-wrap:hover {
border-color: #777;