Login
<!DOCTYPE>
    <html>
        <head>
            <title>SLTimetable</title>
            <meta content="yes" name="apple-mobile-web-app-capable" /> 
            <meta name="apple-mobile-web-app-status-bar-style" content="black" />
            <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0" />
            <style>
                html{ font-family: sans-serif; }
                html{
                    background: #3b3b3b url(img/texture.png) repeat;
                }
                /* Fade In */
                @-webkit-keyframes fade-in {
                    0% {opacity: 0;}    
                    60% {opacity: 0;}
                    100% {opacity: 1;}
                }
                /* Centering Mobile Login Block */
                #mobile-login-wrap{
                    width: 300px;
                    height: 120px;
                    position: absolute;
                    left: 50%;
                    margin-left: -150px;
                    top: 50%;
                    margin-top: -60px;
                    text-align: center;
 
                    -webkit-animation: fade-in 0.2s ease-in 0;
                }
                #mobile-login-wrap #header{
                    font-weight: bold;
                    color: white;
                    font-size: 24px;
                }
                #login-panel input{
                    width: 100%;
                    padding: 5px;
                    margin: 0;
                    font-size: 16px;
                    border-radius: 0;
                    border: 1px solid white;
                    -webkit-appearance: none;
                }
                input.first{
                    border-radius: 5px 5px 0 0 !important;
                }
                input.last{
                    border-radius: 0 0 5px 5px !important;
                }
                input[type=submit]{
                    background-color: #F0F0F0;
                    font-weight: bold;
                }
            </style>
        </head>
        <body>
            <div id="mobile-login-wrap">
                <span id="header">SLTimetable Mobile</span>
                <div id="login-elements">
                    <form id="login-panel">
                        <input type="text" id="username" placeholder="username" class="first" /><br />
                        <input type="password" id="password" placeholder="password" /><br />
                        <input type="submit" value="Login"  class="last" />
                    </form>
                </div>
            </div>
        </body>
</html>