mz700-js/lib/jquery-plugin/jquery.emu-speed-control.css

MZ-700 Full JavaScript Emulator

.speed-control-slider {
    display: inline-block;
    height:24px;
    line-height:24px;
    padding: 0 1em;
    background-color:white;
    color:blue;
    font-family: Arial;
    font-weight: bold;
}

.speed-control-slider input[type='range'] {
    display: inline-block;
    vertical-align: middle;
    width: 100px;
}

.speed-control-slider .cpu-clock,
.speed-control-slider .input-value,
.speed-control-slider .clock-factor {
    display: inline-block;
    text-align: right;
    font-size: 9pt;
    padding: 0.2em 0.4em;
    background-color: #222;
    color: #0b0;
    margin: 0 1px;
}

.speed-control-slider .cpu-clock {
    min-width: 4.5em;
}
.speed-control-slider .cpu-clock:after {
    content: "MHz";
}
.speed-control-slider .input-value,
.speed-control-slider .clock-factor {
    min-width: 3em;
}
.speed-control-slider .input-value:after {
    content: "%";
}
.speed-control-slider .clock-factor:after {
    content: "%";
}