/* GLOBALS */

body {
    background-color: gray;
}


/* NOSCRIPT */

noscript {
}
noscript div.fakeTerm {
    float: left;
    color: lightgrey;
    background-color: black;
    border: 2px solid white;
    font: 1.1em monospace;
    position: absolute;
    top: 20px;
    left: 50px;
    padding: 1px;
}
noscript div.fakeTerm span.login {
    color: lime;
}
noscript div.fakeTerm span.directory,
noscript div.fakeTerm span.prompt {
    color: blue;
}
noscript div.fakeTerm span.cursor {
    background-color: lightgrey;
}



/* DEBUG AREA */

div.debug {
    background-color: white;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 300px;
    border-top: 2px dashed red;
    border-left: 2px dashed red;
    border-right: 2px dashed red;
    display: none;
}
div.debug div.message p.caller,
div.debug div.message p.text {
    margin: 0px;
    padding: 3px;
}
div.debug div.message p.caller {
    padding-bottom: 0px;
    font-weight: bold;
}
div.debug div.message p.text {
    border-bottom: 2px dashed red;
    padding-top: 1px;
}



/* TERMINAL */

pre.term span.f0  { color: #000; }
pre.term span.f1  { color: #b00; }
pre.term span.f2  { color: #0b0; }
pre.term span.f3  { color: #bb0; }
pre.term span.f4  { color: #00b; }
pre.term span.f5  { color: #b0b; }
pre.term span.f6  { color: #0bb; }
pre.term span.f7  { color: #bbb; }
pre.term span.f8  { color: #666; }
pre.term span.f9  { color: #f00; }
pre.term span.f10 { color: #0f0; }
pre.term span.f11 { color: #ff0; }
pre.term span.f12 { color: #00f; }
pre.term span.f13 { color: #f0f; }
pre.term span.f14 { color: #0ff; }
pre.term span.f15 { color: #fff; }
pre.term span.b0  { background-color: #000; }
pre.term span.b1  { background-color: #b00; }
pre.term span.b2  { background-color: #0b0; }
pre.term span.b3  { background-color: #bb0; }
pre.term span.b4  { background-color: #00b; }
pre.term span.b5  { background-color: #b0b; }
pre.term span.b6  { background-color: #0bb; }
pre.term span.b7  { background-color: #bbb; }

