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