
#content pre {
    background-color: #E6E6FA;
    border: none;
}




.bg {
    min-height:100%;
}
.bggradient {
    background: linear-gradient(to right, rgba(30,30,30,1.0), rgba(200,200,200,1.0) 40%, rgba(200,200,200,1.0) 60%, rgba(30,30,30,1.0));
}
body, html {
    margin:0;
    height:100%;
}

canvas {
    width:  1200px;
    height:  500px;
}

#content {
    padding: 2em;
    background: #fff;
}

h1.giant {
    font-size: 80px;
    line-height: 80px;
    text-shadow: 2px 2px 5px #aaa;
}

.anchorlink {
    margin-left: 10px;
    visibility: hidden;
}

h1:hover .anchorlink,
h2:hover .anchorlink,
h3:hover .anchorlink,
h4:hover .anchorlink,
h5:hover .anchorlink,
h6:hover .anchorlink {
    visibility: visible;
}

/* code style */

pre .keyword
{color:#333366;
    font-weight:bold;
}
pre .typename {
    color: #630;
}
.style_function
{color:#906;
}
pre .string
{color:#55CC55;
}
pre .git
{color:#000000;
}
pre .comment
{color:#999;
    font-style: italic;
}
.style_type
{color:#228888;
}
.style_symbol
{color:#000000;
    font-weight:bold;
}
pre .number
{color:#AA0000;
}
.style_float
{color:#AA8800;
}
.style_preprocessor
{color:#FF7733;
}
.highlight_line
{width:100%;
    background-color:#ff7;
    white-space:pre;
height:16px;
display:list-item;
}
.normal_line
{white-space:pre;
height:16px;
display:list-item;
}

code
{
    font-family:Consolas, monospace,Courier New,Verdana,Tahoma,Arial;
    color:#000000;
    line-height: 110%;
    white-space:pre-wrap;
}
pre
{
    line-height: 110%;
    margin:20px;
}
.nullline
{white-space:pre;
width:100%;
height:16px;
       background-color:#999;
       background-image:url(stripes.png);;
}
.style_constant
{color:#bc9494;
}

td {
    padding-right: 15px;
    padding-left: 15px;
}

.navbar-inner {
    border-radius: 0;
    border-width:  0;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}

#displayCanvas {
    position: fixed;
    z-index: -1;
    width: 100%;
    height: 111%;
}

@media (max-width: 1024px) {
    /* no background for small devices*/
    #displayCanvas {
        display: none;
    }
}
