Compass Help CSS

helpscout-custom.css

body, input, button {
  color: #0a0a29;
  font-family: 'Avenir Next','Lato','Helvetica Neue',Helvetica,Arial,sans-serif;
}

.navbar .navbar-inner {
  background: white;
  color: #0a0a29;
  font-weight: 500;
  padding: 8px;
  background: #6f6fda;
  color: white;
}

.navbar .brand {
  color: inherit;
  font-weight: inherit;
  font-size: 12pt;
}

.logo-vector {
  transform: translateY(4px);
}

.icon-bar {
  background: white !important;
}

.navbar .nav li a {
  font-size: 12pt;
  color: inherit;
}

.category-list .category {
  border: solid 1px rgba(111, 111, 218, 0.3);
  background: rgba(111, 111, 218, 0.05);
  border-radius: 4px;
}

.category-list .category:hover {
  background: rgba(111, 111, 218, 0.1);
}


.category-list .category h3 {
  font-weight: 500;
}

.category-list .category .article-count {
  color: #6f6fda;
}

.category-list .category:hover .article-count {
  color: #6f6fda;
}

.contentWrapper a {
  color: #6f6fda;
}

.contentWrapper {
  border: 0;
}

#sidebar .nav.nav-list .active a {
  font-weight: 500;
}

#sidebar h3 {
  font-weight: 500;
}

#main-content {
  border-left: solid 1px #e9e5e5;
  background: none;
}

#docsSearch {
  background: #6f6fda;
  color: white;
  padding: 4em 0;
}

#docsSearch h1 {
  font-size: 16pt;
}

#searchBar input {
  font-weight: 400;
  color: #333;
}

#searchBar .search-query {
  border: 0;
}

#searchBar button {
  background: #9c9cf3;
  border: 0;
}

#searchBar button:hover {
  background: #8c8ce4;
}

.brand span {
  padding-left: 32px;
  font-size: 14pt;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABG2lUW…k/zeezaKRCUrOkI5J2SMpJ2uw5pv16I+mBpCHnXJpPu/4CxyWsQCG1FqQAAAAASUVORK5CYII=);
}

#fullArticle img {
  border: 0;
  padding: 0;
  border-radius: 0;
  margin: 0 auto;
}

#fullArticle img.small {
  width: 500px;
  max-width: 100%;
}

#fullArticle img.xsmall {
  width: 300px;
  max-width: 100%;
}

.related {
  border: none;
}