isearch.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>
<title>isearch</title>
<style type="text/css">
html, body, input, select, a {
    font-family: sans-serif;
    color: #000;
}

html, body {
    background: #fff;
    font-size: 10pt;
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

form {
    margin: 0;
    padding: 0;
}

/*
 * Heading, content, footer
 */

#heading, #footer {
    background: #68b;
    color: #fff;
    border: 0 solid #444;
    position: absolute;
    width: 100%;
    left: 0;
}

#heading {
    border-bottom-width: 2px;
    text-align: right;
    padding: 1em 0;
    top: 0;
}

#heading h1 {
    position: absolute;
    font-style: italic;
    left: 1em;
    top: 0;
    font-size: 2em;
    margin: 0.3em;
    padding: 0;
}

#heading a {
    color: #fff;
    border-top-width: 2px;
}

#heading form {
    margin-right: 2em;
}

#footer {
    font-size: 0.9em;
    border-top-width: 2px;
    bottom: 0;
    padding: 0.3em 0;
}

#footer>div {
    width: 20%;
}

#footer label {
    margin-left: 2.2em;
    width: 9em;
    display: block;
    float: left;
}

#footer br {
    clear: left;
}

</style>
</head>

<body>
<div id="heading">
    <h1><a href="/">Quelea</a></h1>
    <form>
        <input type="text" size="40" value="snr < 30 tx > 50 niels juels gate">
        <select>
            <option>Alarms</option>
            <option>Customer</option>
            <option>Cable modem</option>
            <option>DHCP lease</option>
            <option>DHCP subnet</option>
            <option>Master log</option>
            <option>MIB</option>
            <option>Voice</option>
            <option>Note</option>
            <option>Server</option>
            <option>Zip/City</option>
        </select>
        <input type="submit" name="search" value="Search">
        <input type="submit" name="add" value="Add">
    </form>
</div>

<div id="content">
</div>

<div id="footer">
    <div class="summary">
        <label>Online</label>
        <span>100</span>
        <br>
        <label>Oflline</label>
        <span>12</span>
    </div>
</div>
</body>

</html>