shared.css

body {
    color: white;
    background-color: #001;
}
#container {
    width: 45em;
    margin: auto;
    padding-bottom: 1em;
    background-color: #002;
    text-align: center;
}
input, button {
    padding: 0 0.2em;
    border: 0;
}
input {
    margin: 0;
}
button {
    margin: 0.2em 0.5em;
    color: white;
    background-color: #447;
}
button:hover {
    background-color: #004;
}

#status {
    position: relative;
    padding: 0.1em 0.5em;
    font-size: large;
    text-align: left;
}
#status.Disconnected, #status.Connecting { background-color: #445; }
#status.Connected,    #status.LoggedIn   { background-color: #006; }
#status.ConnectionFailed                 { background-color: #602; }

#status input {
    margin-left: 0.5em;
    padding-left: 0.2em;
}
#status.Disconnected input#connectTo     { background-color: #ccc; }
#status.ConnectionFailed input#connectTo { background-color: #fcc; }
#status input.error                      { background-color: #f66 !important; }
#status input#login {
    width: 7em;
    font-size: large;
}

div#historycmd {
    width: 40em;
    margin: auto;
    text-align: left;
}
ul#history {
    font-size: small;
    height: 8em;
    overflow-y: scroll;
    background-color: #224;
    list-style-type: none;
    padding-left: 0.5em;
    margin-bottom: 2px;
}
ul#history li.status {
    font-weight: bold;
}
ul#history li.error {
    color: red;
}
input#cmdline {
    border: 1px solid #669;
    padding: 0.1em 0.5em;
    background-color: #006;
    color: white;
    width: 100%;
}
input#cmdline:disabled {
    background-color: #223;
}
#settings {
    width: 40em;
    text-align: right;
    font-size: small;
}
#settings button {
    margin-left: 0;
    margin-right: 0;
}
.first  { background-color: gold;   color: black; }
.second { background-color: silver; color: black; }
.third  { background-color: brown;  color: black; }
.last   { background-color: red;    color: white; }

.observers {
    font-size: small;
}
.omniscient {
    font-weight: bold;
}
.name.disconnected {
    text-decoration: line-through;
}