<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="UTF-8"> | |
<title>ONOS Login</title> | |
<style type="text/css"> | |
img { | |
margin: 24px; | |
} | |
td { | |
font: normal 16px Helvetica, Arial, sans-serif !important; | |
text-align: left; | |
padding: 4px; | |
} | |
input { | |
font: normal 16px Helvetica, Arial, sans-serif !important; | |
padding: 3px; | |
} | |
input[type="submit"] { | |
margin-top: 20px; | |
margin-left: auto; | |
margin-right: auto; | |
display: block; | |
padding: 4px 16px; | |
background-color: #CE5650; | |
color: #fff; | |
/*width: 100%; /!* width of image *!/*/ | |
height: 32px; | |
border-radius: 3px; | |
border: 0; | |
-moz-outline-radius: 6px; | |
} | |
input[type="submit"]:hover { | |
border-radius: 3px; | |
border: 1px; | |
border-color: #fff; | |
border-style: solid; | |
box-shadow: 0px 0px 10px #3399ff; | |
outline-style: solid; | |
outline-width: 3px; | |
outline-color: #3399ff; | |
} | |
#error { | |
margin: 16px auto; | |
color: #CE5650; | |
text-align: center; | |
} | |
</style> | |
</head> | |
<body> | |
<div align="center"> | |
<img src="data/img/onos-logo.lg.png"/> | |
<form method="post" action="j_security_check"> | |
<table> | |
<tr> | |
<td>User:</td> | |
<td><input id="username" name="j_username" type="text" autofocus/></td> | |
</tr> | |
<tr> | |
<td>Password:</td> | |
<td><input id="password" name="j_password" type="password"/></td> | |
</tr> | |
<tr> | |
<td colspan="2"><input id="submit" type="submit" value="Login"/></td> | |
</tr> | |
<tr> | |
<td colspan="2"><div id="error">Incorrect login credentials!</div></td> | |
</tr> | |
</table> | |
</form> | |
</div> | |
</body> | |
</html> |