@import “syntax”;
$theme-color: #5BB66F; $text-color: #3F4650; $text-color-secondary: #545E6C; $text-grey: #97AAC3; $divider: e8e8e8; $lighter-grey: ccc; $darker-grey: #666; $smoky-white: f5f5f5; $heart: fb866a;
html, body {
height: 100%; background-color: $smoky-white; font-family: 'Source Sans Pro', sans-serif; /* The html and body elements cannot have any padding or margin. */ border-top: 3px solid #27A822;
} /* Wrapper for page content to push down footer */ wrap {
padding-bottom: 50px; min-height: 100%; height: auto; /* Negative indent footer by its height */ margin: 0 auto -65px; /* Pad bottom by footer height */ /*padding: 0 0 60px;*/
}
/* Navbar ————————————————– */
.navbar-static-top {
margin-bottom: 10px;
} .navbar-default {
background-color: $smoky-white; border-color: $smoky-white; .navbar-brand { color: #6b6b6b } .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #6b6b6b; } .navbar-text { color: #6b6b6b; } .navbar-nav > li > a { color: #6b6b6b; } .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #6b6b6b; } .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #6b6b6b; background-color: #ffffff; } .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color: #6b6b6b; background-color: #ffffff; } .navbar-toggle { border-color: #ffffff; } .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #ffffff; } .navbar-toggle .icon-bar { background-color: #6b6b6b; } .navbar-collapse, .navbar-default .navbar-form { border-color: #6b6b6b; } .navbar-link { color: #6b6b6b; } .navbar-link:hover { color: #6b6b6b; }
}
@media (max-width: 767px) {
.navbar-default { .navbar-nav .open .dropdown-menu > li > a { color: #6b6b6b; } .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #6b6b6b; } .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: #6b6b6b; background-color: #ffffff; } }
}
/* Custom page CSS ————————————————– */
.container {
max-width: 800px; text-align: center; .text-muted { margin: 20px 0; } a { color: #27A822; } a:hover { color: #267723; }
}
.img-responsive {
display: block; height: auto; max-width: 100%;
} .panel-default {
h4 { text-align: left; line-height: 24px; font-size: 22px; } h5 { text-align: left; line-height: 30px; font-size: 18px; } h6 { font-size: 15px; } h4 a, h5 a { color: #27A822; } h4 a:hover, h5 a:hover { color: #267723; }
}
.panel{
border-style: none;
} .panel-body {
padding-top: -10px; text-align: left;
} .social {
padding-top: 12px; word-spacing: 25px; h4 > a { color: #000000; }
} .avatar {
padding-top: 5%;
} .blog-post{
padding-top: 15px;
} .blog-title{
padding-top: 2px;
} .related-posts h4 {
text-align: center;
} .page-not-found {
padding-top: 20%;
} .disqus {
padding-bottom: 15px;
}
.blogpost{
text-align: left; line-height: 30px; font-size: 18px;
}
/* Footer ————————————————– */
.footer {
text-decoration: none !important;
} .text-muted {
color: #6b6b6b;
} div.footer{
border-bottom: 5px solid #27A822;;
} /* Set the fixed height of the footer here */ /*.footer {
height: 50px; padding-bottom: 15px;
}*/