mirror of
https://github.com/OpenBankProject/OBP-API.git
synced 2026-02-06 13:07:02 +00:00
Make login page responsive
This commit is contained in:
morninlark
parent
4d0a7cb8f3
commit
6e6defb699
3
.gitignore
vendored
3
.gitignore
vendored
@ -11,4 +11,5 @@
|
||||
.cache
|
||||
target
|
||||
src/main/resources/
|
||||
src/test/resources/
|
||||
src/test/resources/
|
||||
*.iml
|
||||
@ -70,8 +70,10 @@ input.submit {
|
||||
|
||||
#wrapper {
|
||||
/*width: 940px;*/
|
||||
width: 1050px;
|
||||
/*width: 1050px;*/
|
||||
max-width: 1050px;
|
||||
margin: 0 auto;
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
#header {
|
||||
@ -142,10 +144,15 @@ input.submit {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#account {
|
||||
float: right;
|
||||
.account-upper{
|
||||
height: 100%;
|
||||
padding: 2px 0 0;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.account-in-content{
|
||||
height: 100%;
|
||||
padding: 2px 20px 0;
|
||||
}
|
||||
|
||||
#account .profile-info {
|
||||
@ -167,31 +174,55 @@ input.submit {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
#account form.login {
|
||||
|
||||
.account-upper form.login{
|
||||
float: right;
|
||||
}
|
||||
|
||||
#account form.login .field,
|
||||
#account form.login .button {
|
||||
.account-in-content form.login{
|
||||
width: 555px;
|
||||
margin:0 auto
|
||||
}
|
||||
|
||||
|
||||
|
||||
.account-upper form.login .field,
|
||||
.account-upper form.login .button {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.account-in-content form.login .field{
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
#account form.login .field {
|
||||
width: 164px;
|
||||
}
|
||||
|
||||
#account form.login .field label {
|
||||
|
||||
.account-upper form.login .field label {
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
#account form.login .field input {
|
||||
.account-in-content form.login .field label {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.account-upper form.login .field input {
|
||||
float: left;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.account-in-content form.login .field input {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
#account form.login .field input {
|
||||
clear: left;
|
||||
width: 150px;
|
||||
background: #ffffff;
|
||||
border: 1px solid #999999;
|
||||
border-radius: 3px;
|
||||
font-size: 12px;
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
@ -214,13 +245,21 @@ input.submit {
|
||||
background: #c1e7e1;
|
||||
border: 1px solid #22a890;
|
||||
border-radius: 3px;
|
||||
margin: 18px 0 0;
|
||||
padding: 2px 5px;
|
||||
color: #58988e;
|
||||
font-size: 12px;
|
||||
cursor: pointer;
|
||||
margin: 14px 0 0;
|
||||
}
|
||||
|
||||
/*.account-upper form.login .button .submit {
|
||||
margin: 18px 0 0;
|
||||
}
|
||||
|
||||
.account-in-content form.login .button .submit {
|
||||
margin: 14px 0 0;
|
||||
}*/
|
||||
|
||||
#content {
|
||||
padding: 20px 0 40px;
|
||||
}
|
||||
@ -480,9 +519,10 @@ span.alias_indicator_private {
|
||||
color: #999999;
|
||||
font-size: 11px;
|
||||
text-align: center;
|
||||
line-height: 1.5
|
||||
}
|
||||
#authorizeSection{
|
||||
margin-bottom: 80px;
|
||||
margin-bottom: 80px;
|
||||
}
|
||||
|
||||
.login-error {
|
||||
@ -491,7 +531,6 @@ span.alias_indicator_private {
|
||||
}
|
||||
|
||||
#authorizeSection form.login {
|
||||
float : left;
|
||||
margin-top: 20px;
|
||||
}
|
||||
span.edit_error_class {
|
||||
|
||||
@ -34,55 +34,58 @@ Open Bank Project (http://www.openbankproject.com)
|
||||
<script src="/media/js/website.js" type="text/javascript"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="wrapper">
|
||||
<div id="header">
|
||||
<h1 id="logo" onclick="javascript:window.location='/';">Open Bank Project</h1>
|
||||
<div class="grid-container">
|
||||
<div id="wrapper">
|
||||
<div id="header">
|
||||
<h1 id="logo" onclick="javascript:window.location='/';">Open Bank Project</h1>
|
||||
</div>
|
||||
<div id="content" >
|
||||
<!-- Valid Token -->
|
||||
<div class="lift:OAuthAuthorisation.tokenCheck" id="authorizeSection">
|
||||
<div id="userAccess">
|
||||
<div id="account" class="account-in-content">
|
||||
<div class="login-error">Incorrect username or password</div>
|
||||
The application <span id="applicationName"> web app </span> wants
|
||||
to access to your data, please login
|
||||
<!-- LOGGED OUT -->
|
||||
<div></div>
|
||||
<form class="login" action="." method="post">
|
||||
<div class="field username">
|
||||
<label>Username</label>
|
||||
<input class="username" type="email" name="username" tabindex=1 />
|
||||
</div>
|
||||
<div class="field password">
|
||||
<label>Password</label>
|
||||
<a href="#" class="forgot" tabindex=5>Forgotten?</a>
|
||||
<a href="#" class="signup" tabindex=4>Sign up</a>
|
||||
<input class="password" type="password" name="password" tabindex=2 />
|
||||
</div>
|
||||
<div class="button submit">
|
||||
<input class="submit" type="submit" value="Login" tabindex=3/>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div id="verifierBloc">
|
||||
<div>Please come back to the application where you come from and enter the following code: </div>
|
||||
<div id="verifier">123123213</div>
|
||||
</div>
|
||||
<div id="errorMessage">Error message</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="footer">
|
||||
<p>
|
||||
<a href="http://openbankproject.com">Open Bank Project</a> is ©2011-2012 <a href="http://tesobe.com">TESOBE</a> and distributed under the Apache 2.0 License.</p>
|
||||
<br/>
|
||||
<p>
|
||||
<a href="https://github.com/OpenBankProject">Sources on Github</a> |
|
||||
<a href="http://www.facebook.com/pages/Open-Bank-Project/118851468190327">Facebook Page</a> |
|
||||
<a href="http://twitter.com/#!/OpenBankProject">Follow us on Twitter</a> |
|
||||
<a href="http://eviscape.com/profile/openbankproject/">Eviscape Profile</a> |
|
||||
<!-- <a href="http://polarizeit.tesobe.com/polarize/the-open-bank-project---an-open-source-a-82602778985">Polarize it!</a> | -->
|
||||
<a href="/api/accounts/tesobe/anonymous">JSON API</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="content" >
|
||||
<!-- Valid Token -->
|
||||
<div class="lift:OAuthAuthorisation.tokenCheck" id="authorizeSection">
|
||||
<div id="userAccess">
|
||||
<div id="account">
|
||||
<div class="login-error">Incorrect username or password</div>
|
||||
The application <span id="applicationName"> web app </span> wants
|
||||
to access to your data, please login
|
||||
<!-- LOGGED OUT -->
|
||||
<form class="login" action="." method="post">
|
||||
<div class="field username">
|
||||
<label>Username</label>
|
||||
<input class="username" type="email" name="username" tabindex=1/>
|
||||
</div>
|
||||
<div class="field password">
|
||||
<label>Password</label>
|
||||
<a href="#" class="forgot" tabindex=5>Forgotten?</a>
|
||||
<a href="#" class="signup" tabindex=4>Sign up</a>
|
||||
<input class="password" type="password" name="password" tabindex=2 />
|
||||
</div>
|
||||
<div class="button submit">
|
||||
<input class="submit" type="submit" value="Login" tabindex=3/>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div id="verifierBloc">
|
||||
<div>Please come back to the application where you come from and enter the following code: </div>
|
||||
<div id="verifier">123123213</div>
|
||||
</div>
|
||||
<div id="errorMessage">Error message</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="footer">
|
||||
<p>
|
||||
<a href="http://openbankproject.com">Open Bank Project</a> is ©2011-2012 <a href="http://tesobe.com">TESOBE</a> and distributed under the Apache 2.0 License.</p>
|
||||
<br/>
|
||||
<p>
|
||||
<a href="https://github.com/OpenBankProject">Sources on Github</a> |
|
||||
<a href="http://www.facebook.com/pages/Open-Bank-Project/118851468190327">Facebook Page</a> |
|
||||
<a href="http://twitter.com/#!/OpenBankProject">Follow us on Twitter</a> |
|
||||
<a href="http://eviscape.com/profile/openbankproject/">Eviscape Profile</a> |
|
||||
<!-- <a href="http://polarizeit.tesobe.com/polarize/the-open-bank-project---an-open-source-a-82602778985">Polarize it!</a> | -->
|
||||
<a href="/api/accounts/tesobe/anonymous">JSON API</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -42,7 +42,7 @@ Berlin 13359, Germany
|
||||
<div id="wrapper">
|
||||
<div id="header">
|
||||
<h1 id="logo" onclick="javascript:window.location='/';">Open Bank Project</h1>
|
||||
<div id="account">
|
||||
<div id="account" class="account-upper">
|
||||
<!-- LOGGED OUT -->
|
||||
<div class="lift:Login.loggedOut">
|
||||
<form class="login" action="." method="post">
|
||||
|
||||
Loading…
Reference in New Issue
Block a user