blob: d91922657f90bd03702069a714196bd9e1d79c60 [file] [log] [blame]
@import "../bower_components/bootstrap/less/bootstrap.less";
@import "variables.less";
@import "bootswatch.less";
@headerHeight: 62px;
#main {
margin-top : @headerHeight;
}
.navbar-fixed-top {
.navbar-inner {
padding-left : 20px;
padding-right : 20px;
}
}
.navbar .brand {
padding-left: 50px;
background-image: url(https://v.io/icons/logo.svg);
background-repeat: no-repeat;
background-position: left center;
background-size: 40px;
margin-left: -10px;
}
a {
text-decoration: none !important;
}
.navbar {
box-shadow: rgba(0, 0, 0, 0.30) 0px 2px 5px 0px;
.dropdown-menu {
padding : 20px;
max-height : 400px;
overflow : auto;
width : 400px;
background-color : @navbarInverseBackground;
a, a:visited {
color : @navbarInverseLinkColor;
}
a:hover {
color : @navbarInverseLinkColorHover;
background : none;
}
a:active {
color : @navbarInverseLinkColorActive;
background : none;
}
a {
padding-left : 0;
padding-right : 5px;
font-weight : 500;
font-size : 115%;
}
}
}
#toc a {
background :none !important;
color : @textColor;
}
#toc {
position : fixed;
top : @headerHeight;
width : 29%;
max-height : 82%;
overflow : auto;
.border-radius(5px);
border : 1px @grayLighter solid;
padding : 5px;
.toc-active a {
background-color : transparent;
color : @linkColor;
.border-radius(3px);
}
}
.toc-h1 {
margin-left : 2px;
margin-right : 2px;
}
.toc-h2 {
margin-left : 7px;
margin-right : 7px;
}
.toc-h3 {
margin-left : 14px;
margin-right : 7px;
}
.toc-h4 {
margin-left : 21px;
margin-right : 7px;
}
.copyright {
font-size : 90%;
text-align : center;
color : @navbarInverseBackground;
width : 100%;
display : block;
}
.jsdoc-message {
font-size : 90%;
text-align : center;
color : @navbarInverseBackground;
width : 100%;
display : block;
}
h3.name, h4.name {
font-size: 1.6em;
color: @brand-secondary-800;
margin-top: 30px;
}
.page-title {
font-size : 220%;
color : @navbarInverseBackground;
padding-top : 10px;
padding-bottom : 7px;
display : block;
}
footer {
border-top : 1px solid @navbarInverseBackgroundHighlight;
padding-top : 15px;
}
code {
font-weight: bold;
font-size : 1em;
background : none;
border : none;
color : @brand-secondary-800;
}
.buffered-name {
padding-top : @headerHeight;
margin-top : -@headerHeight;
}
.member-collapsed {
background-color : @navbarInverseBackground;
color : @navbarInverseText;
}
.member-open {
background-color : inherit;
color : inherit;
}
.member {
.transition(background-color 0.5s linear);
.transition(color 0.5s linear);
.border-radius(5px);
padding : 3px;
margin-top:5px;
margin-bottom:5px;
}
.member-name{
padding-top: 100px !important;
margin-top: -100px !important;
}
.sunlight-highlighted {
margin : 0;
line-height : auto;
word-break : normal;
word-wrap : normal;
white-space : pre;
background-color : transparent;
border : none;
}
.sunlight-line-number-margin {
border-radius : 0;
border-width : 0 1px 0 0;
font-size : 12px;
line-height : 15px;
padding : 12px 4px !important;
}