code {
    white-space: pre;
    background: #333;
    overflow: auto;
    -webkit-overflow-scrolling: touch;

    border-left: 1px solid #555;
    border-radius: 4px;
    border: 1px solid #292929;
    position: relative;

    font-size: 0.9em;
    font-family: "Inconsolata","Monaco","Consolas","Andale Mono","Bitstream Vera Sans Mono","Courier New",Courier,monospace;
    display: block;
    margin: 15px 14px 15px;
    padding-left: 15px;

    line-height: 19px;
    color: #ddd;
    z-index: 0;

    counter-reset: lineno;
}
code:target {
    border: 1px solid;
}
code[id]:hover::before {
    content: "#" attr(id);
    cursor: pointer;
    float: right;
}

code span.codeline::before {
    counter-increment: lineno;
    /*content: "  " counter(lineno, decimal-leading-zero) "  ";*/
    content: "  " counter(lineno) "  ";
    display: inline-block;
    margin-right: .8em;
    border-right: 1px dashed #6c6161;
    color: #fff;
    min-width: 2.5em;
}

code.inline {
    display: inline-block;
    margin: 0 1px 0 1px;
    line-height: 1em;
    padding-left: 0px;
}

code > label {
    font-family: initial;
    color: #fff;
    font-weight: 600;
    font-size: 1.4em;
    margin: 0 0 0 0.3em;
    padding: 0;
}

.content code > label > a {
    color: #dbf3b3;
}
.content code > label > a:hover {
    color: #cfff7e;
}

.code-label-hr {
    margin: 0 0 -10px 0.3em;
}

.linenos-wrapper > code {
    padding-left: 0px;
}

code.longtext {
    white-space: pre-wrap;
}

code.lang-perl {
    color: #ffa727;
}

code.lang-shell {
    color: #ffc4c4;
}

code.lang-mysql {
    color: #91ecff;
}

code.lang-xml {
    color: #25fff7;
}

code.lang-text {
    color: #fff;
}

code.lang-conf {
    color: #fcf;
}

code.lang-pgp {
    color: #fff;
}