style.css

body {
    padding:10px;
    counter-reset: examples;
}

section > pre, div.example > pre {
    margin-top: 15px;
    margin-right: 0px;
    margin-bottom: 15px;
    margin-left: 0px;
    line-height: 1.5em;
    overflow-x: auto;
    overflow-y: auto;
    padding-top: 6px;
    padding-right: 10px;
    padding-bottom: 6px;
    padding-left: 10px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border: 1px solid #dddddd;
    background-color: #f8f8f8;
}

code {
    font-weight:bold;
    background-color: #f8f8f8;
}

th {border:1px solid #999;background-color: #f8f8f8}
.even{background-color: #f8f8f8}


.example, .note {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    padding: 0.5em;
}
.example:before, .note:before {
    display: block;
    padding-bottom: 0.5em;
}
.example {
    border-left: 0.5em solid #E0CB52;
    background-color: #FCFAEE;
}
.example:before {
    counter-increment: examples;
    content: "EXAMPLE " counter(examples);
    color: #B9AB2D;
}
.example pre {
    padding-left: 1em;
}

.note {
    border-left: 0.5em solid #52E052;
    background-color: #E9FBE9;
    padding-left: 1em;
}
.note:before {
    content: "NOTE";
    color: #2B2;
}