/*--[layout]--*/
html, body {
height: 100% !important;
}
body {
font-family: Roboto;
font-size: 14px;
font-weight: 300;
}
h1, h2, h3, h4, h5, h6 {
font-family: Raleway;
font-weight: 200;
}
h1, h2 {
font-size: 40px;
margin: 50px 0 20px;
}
h3 {
font-size: 27px;
margin: 40px 0 10px;
}
h4 {
margin: 30px 0 10px;
}
pre {
background: #fbfbfb !important;
border: 1px solid #eee !important;
margin: 15px 0 10px !important;
padding: 0 15px 10px !important;
}
li, p {
line-height: 25px;
}
a:hover, a:focus {
text-decoration: none;
}
/*--[global]--*/
.text-white {
color: #fff;
}
.text-theme-light {
color: #fff6e5;
}
.bordered-img {
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.22), 0 2px 10px 0 rgba(0, 0, 0, 0.2);
display: block;
height: auto;
margin: auto auto 20px;
max-width: 100%;
}
.btn {
font-weight: 400;
}
.dropdown {
cursor: pointer;
}
/*--[alerts]--*/
.alert {
background: #fff none repeat scroll 0 0 !important;
border: 1px solid transparent;
border-radius: 4px;
color: #777 !important;
margin-bottom: 20px;
padding: 15px;
}
.alert-info {
border: 1px solid #40b5e3 !important;
border-left-width: 4px !important;
color: #ffffff;
}
/*--[navbar]--*/
.navbar-brand {
font-family: Raleway;
font-size: 28px;
}
.navbar-toggle {
border: 1px solid #fff;
color: #fff;
}
.navbar-collapse.in {
background: #fff none repeat scroll 0 0 padding-box;
border: 1px solid #eee;
padding: 20px;
position: absolute;
right: 50px;
z-index: 1000;
}
.navbar-collapse.in .appreciate-your-support {
margin: 0 !important;
}
.nav .dropdown {
margin: 12px 15px 0;
}
.nav .dropdown a {
color: #999;
}
/*--[sidebar]--*/
#sidebar.affix {
height: 100%;
overflow-y: auto;
}
#sidebar a {
color: #777;
font-size: 14px;
line-height: 23px;
padding: 0;
}
#sidebar li.active > a {
color: #000;
}
#sidebar li.active.parent > a {
color: #777;
}
#sidebar li.parent > ul {
padding-left: 15px;
}
#sidebar li.parent > ul > li > ul{
padding-left: 15px;
}
/*--[support]--*/
.appreciate-your-support {
display: inline-block;
margin: 10px 0 0 15px;
}
/*--[container]--*/
.container {
width: 80%;
}
/*--[home]--*/
.extent-home .container {
border-top: 4px solid #000;
width: 100%;
}
.extent-home .container-inner {
width: 1170px;
}
.extent-home .header {
padding: 50px 0 0;
}
.extent-home .header > .row > div, .extent-home .content > .row:last-child {
border-bottom: 1px solid #ddd;
}
.extent-home .header a {
color: #000;
}
.extent-home .logo {
font-family: Raleway;
font-size: 25px;
font-weight: 500;
}
.extent-home .menu-wrap {
padding: 30px 0;
}
.extent-home .download {
margin-bottom: 20px;
}
.extent-home .download .btn {
border-bottom: medium none;
font-size: 13px;
font-weight: 200;
padding: 15px 35px;
text-transform: none;
}
.extent-home .version {
color: #888;
display: block;
font-size: 11px;
padding: 5px 0;
}
.extent-home .content .row {
padding: 50px 0;
}
.extent-home .menu li {
display: inline-block;
font-weight: 400;
list-style: none;
padding: 10px 15px;
text-transform: uppercase;
}
.extent-home h3 {
font-size: 17px;
font-weight: 500;
margin-bottom: 0;
}
/*--[carousel]--*/
.carousel {
margin-top: 40px;
}
.carousel-inner > .item > img {
margin: 0 auto;
text-align: center;
}
.carousel-caption {
display: none;
}
/*--[single]--*/
.extent-single .navbar-brand {
font-size: 20px;
font-weight: 500;
}
.extent-single .navbar-default {
background: transparent;
border-bottom: 1px solid #ddd;
}
.extent-single .appreciate-your-support {
margin-top: 10px;
}
#rightCol > h2:first-child , #rightCol > h3:first-child{
margin-top: 30px;
}
/*--[content]--*/
#rightCol {
padding-bottom: 150px;
z-index: 1;
}
#rightCol li {
line-height: 25px;
}
.license span {
display: block;
}
td.child {
padding-left: 25px !important;
}
td.grandchild {
padding-left: 40px !important;
}
/*--[footer]--*/
.footer {
padding: 30px 0;
}
.footer .row {
margin: 0;
}
.affix-top,.affix{
position: static;
}
@media (min-width: 979px) {
#sidebar.affix-top {
position: static;
margin-top:30px;
width:228px;
}
#sidebar.affix {
position: fixed;
top:70px;
width:228px;
}
}