From 2e9f4c0d62827a6a1e15d50a747dda2e49959384 Mon Sep 17 00:00:00 2001 From: ulrich Date: Sun, 17 May 2020 12:38:23 +0000 Subject: [PATCH] Anmeldeseite von Bootstrap bereinigt --- web/WEB-INF/web.xml | 2 web/login_form.jsp | 23 +++++ web/stile.css | 162 ++++++++++++++++++++++++++++++++++++++++ web/login_form_1.html | 0 4 files changed, 186 insertions(+), 1 deletions(-) diff --git a/web/WEB-INF/web.xml b/web/WEB-INF/web.xml index 492f9f4..83593fd 100644 --- a/web/WEB-INF/web.xml +++ b/web/WEB-INF/web.xml @@ -96,7 +96,7 @@ <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> diff --git a/web/login_form.jsp b/web/login_form.jsp new file mode 100644 index 0000000..762e085 --- /dev/null +++ b/web/login_form.jsp @@ -0,0 +1,23 @@ +<%@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> diff --git a/web/login_form.html b/web/login_form_1.html similarity index 100% rename from web/login_form.html rename to web/login_form_1.html diff --git a/web/stile.css b/web/stile.css new file mode 100644 index 0000000..5ab527b --- /dev/null +++ b/web/stile.css @@ -0,0 +1,162 @@ +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; } + + -- Gitblit v1.9.3