Anmeldeseite von Bootstrap bereinigt
1 files modified
2 files added
1 files renamed
| | |
| | | <login-config> |
| | | <auth-method>FORM</auth-method> |
| | | <form-login-config> |
| | | <form-login-page>/login_form.html</form-login-page> |
| | | <form-login-page>/login_form.jsp</form-login-page> |
| | | <form-error-page>/login_error.jsp</form-error-page> |
| | | </form-login-config> |
| | | </login-config> |
New file |
| | |
| | | <%@page contentType="text/html" pageEncoding="UTF-8"%> |
| | | <!DOCTYPE html> |
| | | <html lang="en"> |
| | | <head> |
| | | <meta charset="utf-8"> |
| | | <meta name="viewport" content="width=device-width, initial-scale=1"> |
| | | <meta name="description" content=""> |
| | | <meta name="author" content=""> |
| | | <link rel="stylesheet" type="text/css" href="<%= request.getContextPath() %>/stile.css"> |
| | | <title>Anmeldung Nutzerverwaltung</title> |
| | | </head> |
| | | <body> |
| | | <div class="container"> |
| | | <form class="form-signin" role="form" method="POST" action="j_security_check" name="loginform"> |
| | | <h2 class="form-signin-heading">Anmeldung Nutzerverwaltung</h2> |
| | | <input name="j_username" type="text" class="form-control" placeholder="Benutzerkennung" required autofocus> |
| | | <input name="j_password" type="password" class="form-control" placeholder="Kennwort" required> |
| | | <button class="btn btn-lg btn-primary btn-block" type="submit">Senden</button> |
| | | <p class="backlink"><a href="/">zurück zur Hauptseite</a></p> |
| | | </form> |
| | | </div> |
| | | </body> |
| | | </html> |
New file |
| | |
| | | html, body { |
| | | margin: 0; |
| | | padding: 0; |
| | | height: 100%; /* Anmerkung 2 */ |
| | | font-size: larger; |
| | | font-family: 'Roboto Condensed'; |
| | | } |
| | | |
| | | .form-signin { |
| | | text-align: center; |
| | | display: flex; |
| | | flex-flow: column; |
| | | align-items: center; |
| | | margin: 0 5% 0 5%; |
| | | } |
| | | |
| | | .form-signin input { |
| | | margin: 0.5em 0 0.5em 0; |
| | | } |
| | | |
| | | .form-signin button { |
| | | margin: 1.5em 0 0.5em 0; |
| | | } |
| | | |
| | | @media (min-width: 600px) { |
| | | .form-signin { |
| | | margin: 0 20% 0 20%; |
| | | } |
| | | } |
| | | |
| | | @font-face { |
| | | font-family: 'Roboto Condensed'; |
| | | src: url('/lib/fonts/Roboto_Condensed/RobotoCondensed-Regular.ttf') format('truetype'); |
| | | font-weight: normal; |
| | | font-style: normal; |
| | | } |
| | | |
| | | |
| | | /* von Skeleton */ |
| | | |
| | | /* Buttons |
| | | –––––––––––––––––––––––––––––––––––––––––––––––––– */ |
| | | .button, |
| | | button, |
| | | input[type="submit"], |
| | | input[type="reset"], |
| | | input[type="button"] { |
| | | display: inline-block; |
| | | height: 38px; |
| | | padding: 0 30px; |
| | | color: #555; |
| | | text-align: center; |
| | | font-size: 11px; |
| | | font-weight: 600; |
| | | line-height: 38px; |
| | | letter-spacing: .1rem; |
| | | text-transform: uppercase; |
| | | text-decoration: none; |
| | | white-space: nowrap; |
| | | background-color: transparent; |
| | | border-radius: 4px; |
| | | border: 1px solid #bbb; |
| | | cursor: pointer; |
| | | box-sizing: border-box; } |
| | | .button:hover, |
| | | button:hover, |
| | | input[type="submit"]:hover, |
| | | input[type="reset"]:hover, |
| | | input[type="button"]:hover, |
| | | .button:focus, |
| | | button:focus, |
| | | input[type="submit"]:focus, |
| | | input[type="reset"]:focus, |
| | | input[type="button"]:focus { |
| | | color: #333; |
| | | border-color: #888; |
| | | outline: 0; } |
| | | .button.button-primary, |
| | | button.button-primary, |
| | | input[type="submit"].button-primary, |
| | | input[type="reset"].button-primary, |
| | | input[type="button"].button-primary { |
| | | color: #FFF; |
| | | background-color: #33C3F0; |
| | | border-color: #33C3F0; } |
| | | .button.button-primary:hover, |
| | | button.button-primary:hover, |
| | | input[type="submit"].button-primary:hover, |
| | | input[type="reset"].button-primary:hover, |
| | | input[type="button"].button-primary:hover, |
| | | .button.button-primary:focus, |
| | | button.button-primary:focus, |
| | | input[type="submit"].button-primary:focus, |
| | | input[type="reset"].button-primary:focus, |
| | | input[type="button"].button-primary:focus { |
| | | color: #FFF; |
| | | background-color: #1EAEDB; |
| | | border-color: #1EAEDB; } |
| | | |
| | | |
| | | /* Forms |
| | | –––––––––––––––––––––––––––––––––––––––––––––––––– */ |
| | | input[type="email"], |
| | | input[type="number"], |
| | | input[type="search"], |
| | | input[type="text"], |
| | | input[type="tel"], |
| | | input[type="url"], |
| | | input[type="password"], |
| | | textarea, |
| | | select { |
| | | height: 38px; |
| | | padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */ |
| | | background-color: #fff; |
| | | border: 1px solid #D1D1D1; |
| | | border-radius: 4px; |
| | | box-shadow: none; |
| | | box-sizing: border-box; } |
| | | /* Removes awkward default styles on some inputs for iOS */ |
| | | input[type="email"], |
| | | input[type="number"], |
| | | input[type="search"], |
| | | input[type="text"], |
| | | input[type="tel"], |
| | | input[type="url"], |
| | | input[type="password"], |
| | | textarea { |
| | | -webkit-appearance: none; |
| | | -moz-appearance: none; |
| | | appearance: none; } |
| | | textarea { |
| | | min-height: 65px; |
| | | padding-top: 6px; |
| | | padding-bottom: 6px; } |
| | | input[type="email"]:focus, |
| | | input[type="number"]:focus, |
| | | input[type="search"]:focus, |
| | | input[type="text"]:focus, |
| | | input[type="tel"]:focus, |
| | | input[type="url"]:focus, |
| | | input[type="password"]:focus, |
| | | textarea:focus, |
| | | select:focus { |
| | | border: 1px solid #33C3F0; |
| | | outline: 0; } |
| | | label, |
| | | legend { |
| | | display: block; |
| | | margin-bottom: .5rem; |
| | | font-weight: 600; } |
| | | fieldset { |
| | | padding: 0; |
| | | border-width: 0; } |
| | | input[type="checkbox"], |
| | | input[type="radio"] { |
| | | display: inline; } |
| | | label > .label-body { |
| | | display: inline-block; |
| | | margin-left: .5rem; |
| | | font-weight: normal; } |
| | | |
| | | |