Form styling WP

by Roberto Apasajja

HTML

<form name="loginform" id="loginform" action="http://localhost/wepe/wp-login.php" method="post">
        <p>
            <label for="user_login">Username or Email
                <br />
                <input type="text" name="log" id="user_login" class="input" value="" size="20" />
            </label>
        </p>
        <p>
            <label for="user_pass">Password
                <br />
                <input type="password" name="pwd" id="user_pass" class="input" value="" size="20" />
            </label>
        </p>
        <p class="forgetmenot">
            <label for="rememberme">
                <input name="rememberme" type="checkbox" id="rememberme" value="forever" /> Remember Me</label>
        </p>
        <p class="submit">
            <input type="submit" name="wp-submit" id="wp-submit" class="button button-primary button-large" value="Log In" />
            <input type="hidden" name="redirect_to" value="http://localhost/wepe/wp-admin/" />
            <input type="hidden" name="testcookie" value="1" />
        </p>
    </form>

CSS

input {
    border: 1px solid #ddd;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .07);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .07);
    background-color: #FBFBFB;
    color: #32373c;
    outline: 0;
    -webkit-transition: 1s border-color ease-in-out;
    transition: 1s border-color ease-in-out
}

input:focus {
    border-color: #5b9dd9;
    -webkit-box-shadow: 0 0 2px rgba(30, 140, 190, .8);
    box-shadow: 0 0 2px rgba(30, 140, 190, .8)
}