style.css

/*
    This file is part of Keyb, a typing tutor for programming language learning
    
    Copyright (C) 2014 Petr Kalinin, petr@kalinin.nnov.ru
 
    Keyb is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/

body {
    font-family:monospace;
}

#spacesDiv, #numWordsDiv, #fNameDiv {
    padding-bottom:1em;
}

#numWords {
    width:3em;
    text-align:right;
    font-family:monospace;
    font-size:100%;
}

#fNameDiv select {
    font-family:monospace;
    font-size:100%;
}

#mainCont {
    width:50em;
    text-align:center;
    margin:auto;
    padding-top:50px;
}

#start {
    margin:auto;
    font-family:monospace;
    font-size:150%;
}

.run {
    border: 2px solid #666666;
    width:100%;
    padding:5px;
    margin:2px;
    position:relative;
    text-align:left;
}

.sample, .ouf, #input {
    font-size:100%;
    border:2px;
}

#input {
    width:100%;
    font-family:monospace;
}

.ok {
    color:green;
}

.fail {
    color:red;
}

.speed, .time {
    position:absolute;
    right:3px;
}

.speed {
    bottom:3px;
}

.time {
    top:3px;
}

.final {
    margin-top:3px;
    margin-bottom:5px;
}

pre {
    display:inline;
    margin:0px;
    padding:0px;
}

#footer {
    border-top: 1px solid #555555;
    padding-top: 5px;
    margin-top: 60px;
    font-size: 70%;
}

#footer p {
    padding-top:3px;
    margin:0px;
}

pre.bad {
    background:#ffff00;
}