diff --git a/libresonic-main/src/main/webapp/WEB-INF/jsp/login.jsp b/libresonic-main/src/main/webapp/WEB-INF/jsp/login.jsp index 8bb6b63f..08b4d80e 100644 --- a/libresonic-main/src/main/webapp/WEB-INF/jsp/login.jsp +++ b/libresonic-main/src/main/webapp/WEB-INF/jsp/login.jsp @@ -1,5 +1,5 @@ <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="iso-8859-1"%> - + <%@ include file="head.jsp" %> @@ -10,57 +10,52 @@ - - -
" method="POST"> - - -
- -
- - - - - - - - - - - - - - - - - - - - - - - - + + + " method="POST"> + + +
+ + " alt=""> + +
+ + "> + + "> + + " tabindex="4"> + +
+
+ + +
+ + +
+ -
+
+ +
+ - +
+ +
-
- " alt=""> -
" tabindex="4"> - - -
+ +
+

+
+
- -

-
+
+ - - diff --git a/libresonic-main/src/main/webapp/style/default.css b/libresonic-main/src/main/webapp/style/default.css index c0046f2a..0564a919 100644 --- a/libresonic-main/src/main/webapp/style/default.css +++ b/libresonic-main/src/main/webapp/style/default.css @@ -106,6 +106,57 @@ h2, h2 a, .topHeader a { font-weight: normal; } +/* Login page */ + +#loginframe { + padding: 20px 50px; + margin: 100px 50px; + display: list-item; + list-style: none; + text-align: center; +} + +#loginframe > * { + margin: 0 auto; + display: block; +} + +#loginframe .loginmessagetop { + margin-bottom: 1em; + max-width: 30rem; +} + +#loginframe input[type=text], +#loginframe input[type=submit], +#loginframe input[type=password] { + width: 20rem; + margin-bottom: 0.5em; +} + +#loginframe input[type=submit] { + margin: 1rem auto; + padding: 0.3rem; + background: #2f7bd9; + color: #f2f2f2; + transition: color 0.2s ease, background 0.2s ease; +} + +#loginframe input[type=submit]:hover { + background: #f2f2f2; + color: #2d2d2d; +} + +#loginremember { + display: inline-flex; + align-items: center; + margin-right: 10px; +} + +#loginframe .loginmessagebottom { + margin-top: 1em; + max-width: 50em; +} + /*************************************************************************************** * The rest of the CSS is typically not changed in other themes (but not necessarily so). ***************************************************************************************/ @@ -383,4 +434,4 @@ img { .context-menu-item { color: black; -} \ No newline at end of file +}