Skip to content

Instantly share code, notes, and snippets.

@danprince
Forked from jeffmohr/helpscout-custom.css
Last active January 3, 2018 18:34
Show Gist options
  • Save danprince/a57a68f26022ce4fecdc647ab9a10673 to your computer and use it in GitHub Desktop.
Save danprince/a57a68f26022ce4fecdc647ab9a10673 to your computer and use it in GitHub Desktop.
Compass Help 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;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment