Skip to content

Instantly share code, notes, and snippets.

@jeffmohr

jeffmohr/helpscout-custom.css

Created December 22, 2017 22:35
Download ZIP

Revisions

  1. jeffmohr created this gist Dec 22, 2017.
    131 changes: 131 additions & 0 deletions helpscout-custom.css
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,131 @@
    .navbar .navbar-inner {
    background-color: #fff;
    color: #333;
    padding-top: 10px;
    padding-bottom: 20px;
    }

    .navbar .brand, .navbar .nav li a:hover, .navbar .nav li a:focus, .navbar .nav .active a, .navbar .nav .active a:hover, .navbar .nav .active a:focus {
    color: #333;
    }

    #docsSearch {
    height: 250px;
    background: linear-gradient(to bottom right, #3197d1,#8344cf);
    border-bottom: none;
    padding-top: 75px;
    position: relative;
    background-size: cover;
    top: -1px;
    }

    #docsSearch h1 {
    color: white;
    }

    #searchBar .search-query {
    background: #fff;
    border-color: transparent;
    box-shadow: none;
    color: #777;
    }
    #searchBar button {
    background: #444;
    border-color: transparent;
    color: #fff;
    }
    #searchBar button:hover {
    background: #333;
    border-color: transparent;
    color: #fff;
    }

    body:after {
    background: #fff;
    }

    .category-list .category {
    background-color:#f8f8f8;
    border-bottom: none;
    border-radius: 8px;
    border-left:0;
    border-right:0;
    border-top:0;
    height: 220px;
    }

    .category-list .category:hover {
    background-color: #f5f5f5;
    }

    .category-list .category h3 {
    padding-top: 20px;
    }


    .contentWrapper {
    border: none;
    }
    .twoCol .collection, .threeCol .collection {
    background: #FFFFFF;
    border-color: #DBDBDB;
    }



    body {
    font-family: "proxima-nova",'Helvetica', sans-serif;
    color: #333;
    }

    #fullArticle dt {
    background: #8344cf;
    min-width: 0.6em;
    }

    .articleFoot time.lu {
    display:none;
    }

    #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%;
    }

    #fullArticle, #fullArticle p, #fullArticle ul, #fullArticle ol, #fullArticle li, #fullArticle div, #fullArticle blockquote, #fullArticle dd, #fullArticle table {
    font-size: 17px;
    }

    #fullArticle h1, #fullArticle h2, #fullArticle h3, #fullArticle h4, #fullArticle h5 {
    margin-top: 2em;
    }

    .related {
    border: none;
    }

    .articleFoot {
    font-size: 16px;
    }

    [class^=icon-], [class*=" icon-"], .featherlight-close-icon {
    font-size: 20px;
    }

    .brand img {
    width: 263px;
    max-width: 100%;
    }