<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ShareDAV Login</title>

    <style>
        * {
            font-family: sans-serif;
        }

        #login {
            left: 50%;
            top: 50%;
            position: absolute;
            transform: translate(-50%, -50%);
            border: solid lightgrey;
            padding: 1em;
            border-radius: .5em;
        }

        #login label {
            display: block;
            margin-bottom: 1em;
        }

        #message {
            margin-bottom: 1em;
            font-size: small;
            color: darkgray;
        }

        #controls {
            text-align: left;
        }

        input[type="submit"],
        input[type="button"] {
            padding: .5em;
            border-radius: .5em;
            border: 0;
            background-color: #c4e1ff;
        }

        input[type="submit"] {
            background-color: #a9ca97;
            font-weight: bold;
        }
    </style>
</head>
<body>
<div id="login">
    <form method="post">
        <div>
            <label>
                Username: <input name="username"/>
            </label>
            <label>
                Password: <input type="password" name="password">
            </label>
        </div>
        <div id="message">
            Beware! You need to have cookies enabled for the login to work.<br/>
            The cookie will be used solely for keeping the session alive.
        </div>
        <div id="controls">
            <input type="submit" value="Login"/>
        </div>
    </form>
</div>
</body>
</html>