mirror of
https://github.com/XRPLF/xrpl-dev-portal.git
synced 2025-12-06 17:27:57 +00:00
[FIX] update css
This commit is contained in:
149
css/custom.css
149
css/custom.css
@@ -1,42 +1,68 @@
|
|||||||
/* Additional Styling */
|
/* Additional Styling */
|
||||||
|
|
||||||
|
html, body, h1, td, textarea, input {
|
||||||
|
font-family: 'Open Sans', sans-serif !important;
|
||||||
|
}
|
||||||
|
|
||||||
body .content-root {
|
body .content-root {
|
||||||
background: none !important;
|
background: none !important;
|
||||||
box-shadow: none !important;
|
box-shadow: none !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.header {
|
||||||
|
background: #346AA9;
|
||||||
|
height: 50px;
|
||||||
|
-webkit-box-shadow: none;
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
.header .left {
|
.header .left {
|
||||||
float: none;
|
float: none;
|
||||||
max-width: 1024px;
|
max-width: 1170px;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header-subnav-wrapper {
|
.header-subnav-wrapper {
|
||||||
background: #f3f6fb;
|
background: #f3f6fb;
|
||||||
border-bottom: solid 1px #dfe2e7;
|
border-bottom: solid 1px #dfe2e7;
|
||||||
|
margin-top: 50px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header-subnav {
|
.header-subnav {
|
||||||
max-width: 1024px;
|
max-width: 1170px;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
border-bottom: none !important;
|
border-bottom: none !important;
|
||||||
|
position: fixed !important;
|
||||||
|
width: 100%;
|
||||||
|
margin-top: 51px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.content-root {
|
.content-root {
|
||||||
max-width: 1024px;
|
max-width: 1024px;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
|
margin-top: 50px;
|
||||||
|
padding-top: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menubar {
|
||||||
|
padding-top: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.menubar.fixed {
|
.menubar.fixed {
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
|
margin-top: 50px;
|
||||||
|
margin-bottom: 181px;
|
||||||
|
}
|
||||||
|
.header-subnav li a:active {
|
||||||
|
color: #f09 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Brand Guidelines */
|
/* Brand Guidelines */
|
||||||
|
|
||||||
.brand_guidelines .content-root {
|
.brand_guidelines .content-root {
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
padding: 0 !important;
|
padding: 0 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
.menubar {
|
.menubar {
|
||||||
@@ -86,3 +112,118 @@ body .content-root {
|
|||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/************
|
||||||
|
nav
|
||||||
|
*********** */
|
||||||
|
|
||||||
|
.navbar-inverse {
|
||||||
|
background-color: #346AA9;
|
||||||
|
border-color: #346AA9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
|
||||||
|
border-color: #346AA9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-collapse {
|
||||||
|
-webkit-box-shadow: none;
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav>li>a {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-brand {
|
||||||
|
padding: 8px 10px 10px 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
|
||||||
|
background-color: #4a7ab3 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-inverse .navbar-toggle {
|
||||||
|
border-color: #346AA9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
|
||||||
|
background-color: #4a7ab3;
|
||||||
|
}
|
||||||
|
|
||||||
|
.right {
|
||||||
|
float: right;
|
||||||
|
margin-top: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav>li {
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
|
||||||
|
.right {
|
||||||
|
float: left;
|
||||||
|
margin-top: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
/************
|
||||||
|
footer
|
||||||
|
*********** */
|
||||||
|
.footer {
|
||||||
|
width: 100%;
|
||||||
|
background-color: #f5f5f5;
|
||||||
|
margin-top:20px;
|
||||||
|
color: #878787;
|
||||||
|
padding-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container .text-muted {
|
||||||
|
margin: 20px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul.footer_links {
|
||||||
|
list-style: none;
|
||||||
|
padding: 10px 0 0 0;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul.footer_links a {
|
||||||
|
color: #878787;
|
||||||
|
}
|
||||||
|
|
||||||
|
/************
|
||||||
|
Mail chimp
|
||||||
|
*********** */
|
||||||
|
input#mce-EMAIL {
|
||||||
|
height: 34px !important;
|
||||||
|
border: 1px solid #ccc !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#mc_embed_signup input.email {
|
||||||
|
width: 38% !important;
|
||||||
|
display: inline-block !important;
|
||||||
|
margin-right: 2% !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#mc_embed_signup input.button {
|
||||||
|
display: inline-block !important;
|
||||||
|
height: 34px !important;
|
||||||
|
width: 26% !important;
|
||||||
|
font-weight: 400 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
input#mc-embedded-subscribe {
|
||||||
|
background-color: #346AA9 !important;
|
||||||
|
vertical-align: bottom !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#mc_embed_signup form {
|
||||||
|
padding: 0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mail_chimp p {
|
||||||
|
margin-bottom: 10px;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user