.hljs {
    display:block;
    background:#f9f9f9;
    padding:.5em;
    color:#333333;
    overflow-x:auto;
    border: 1px solid #dce3e8;
}
.hljs-comment, .hljs-meta {
    color:#969896
}
.hljs-variable, .hljs-template-variable, .hljs-strong, .hljs-emphasis, .hljs-quote {
    color:#df5000
}
.hljs-keyword, .hljs-selector-tag, .hljs-type {
    color:#d73a49
}
.hljs-literal, .hljs-symbol, .hljs-bullet, .hljs-attribute {
    color:#0086b3
}
.hljs-section, .hljs-name {
    color:#63a35c
}
.hljs-tag {
    color:#333333
}
.hljs-title, .hljs-attr, .hljs-selector-id, .hljs-selector-class, .hljs-selector-attr, .hljs-selector-pseudo {
    color:#6f42c1
}
.hljs-addition {
    color:#55a532;
    background-color:#eaffea
}
.hljs-deletion {
    color:#bd2c00;
    background-color:#ffecec
}
.hljs-link {
    text-decoration:underline
}
.hljs-number {
    color:#005cc5
}
.hljs-string {
    color:#032f62
}
/*************************************/
/*************************************/
/*************************************/
.hljs td.hljs-ln-numbers {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    text-align: right;
    color: #ccc;
    border-top: none;
    border-bottom: none;
    border-left: none;
    border-right: 1px solid #CCC;
    vertical-align: top;
    word-break: normal;
    word-wrap: normal;
    padding: 0 5px 0 0;
    width: 20px;
    /* your custom style here */
}

/* for block of code */
.hljs td.hljs-ln-code {
    padding: 0 0 0 8px;
    border: none;
}