docs/partials/key-railroad-style.mustache

<style>
.railroad {
    margin-top: 2em;
    border-top: 2px solid #555;
    padding: 0 3em;
    text-align: center;
}

.railroad p {
    display: inline-block;
    *display: inline; zoom:1;
    veritical-align: top;
    position: relative;
    margin: 0 1.2em;
    padding: .2em;
    background: #fff;
    top: -.85em;
    font-size: 1.2em;
    font-weight: bold;
    *font-weight: normal;
}

.branch {
    position: relative;
    margin: 10px 20px 0;
    *margin-top: 0;
    border: 2px solid #555;
    border-top-width: 0;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    text-align: center;
    height: 1.25em;
    *height: 2em;
    line-height: 1.25em;
    *width: 7em;
}
.branch:before {
    display: block;
    position: absolute;
    left: -12px;
    top: -12px;
    content: ' ';
    height: 10px;
    width: 10px;
    border-top-right-radius: 10px;
    border: 2px solid #555;
    border-width: 2px 2px 0 0;
}
.branch:after {
    display: block;
    position: absolute;
    right: -12px;
    top: -12px;
    content: ' ';
    height: 10px;
    width: 10px;
    border-top-left-radius: 10px;
    border: 2px solid #555;
    border-width: 2px 0 0 2px;
}
.branch p {
    top: 0;
    *top: .8em;
    _top: 1em;
    line-height: 1.6em;
    z-index: 5;
}

.loop {
    position: relative;
    top: -2px;
    border: 2px solid #555;
    *border-top-width: 0;
    *top: 0;
    border-radius: 10px;
    text-align: center;
    height: 2.25em;
    margin: 0 20px;
    z-index: 4;
}
.loop p {
    top: .85em;
    z-index: 5;
}

.token {
    padding: .15em .4em .25em;
    color: #fff;
    text-shadow: -1px -1px 1px #471F1F;
    border-radius: .5em;

    background-color: #733;
    background-image: -webkit-linear-gradient(top, #a55, #733);
    background-image:    -moz-linear-gradient(top, #a55, #733);
    background-image:     -ms-linear-gradient(top, #a55, #733);
    background-image:      -o-linear-gradient(top, #a55, #733);
    background-image:         linear-gradient(top, #a55, #733);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#aa5555', EndColorStr='#773333');
}

#code-branch .branch, #code-branch .loop {
    width: 7em;
}
#mod-branch .branch, #mod-branch .loop {
    width: 10.5em;
}
</style>