94 lines
2.3 KiB
HTML
94 lines
2.3 KiB
HTML
<html>
|
||
<head>
|
||
<title>Login</title>
|
||
<style>
|
||
body {
|
||
|
||
height: 100%;
|
||
margin:0; /* sinon on a le décalage de 8px*/
|
||
padding: 0;/* sinon on a le décalage de 8px*/
|
||
font-family: Helvetica, Arial, "lucida grande", tahoma, arial, sans-serif;
|
||
}
|
||
.outer {
|
||
margin-left: auto;
|
||
margin-right: auto;
|
||
width: 100%;
|
||
height: 100%;
|
||
margin:0; /* sinon on a le décalage de 8px*/
|
||
padding: 0;/* sinon on a le décalage de 8px*/
|
||
position:absolute;
|
||
background-color:#1c223d;
|
||
}
|
||
.inner{
|
||
display: table-cell;
|
||
vertical-align: middle;
|
||
height: 400px;
|
||
width:400px;
|
||
margin:150px auto 0px auto;
|
||
display:block;
|
||
background-color:rgb(48,54,81);
|
||
text-align:center;
|
||
padding:20px 0px 0px 0px;
|
||
color:#FFFFFF;
|
||
}
|
||
|
||
.inner input{
|
||
margin-top:5px;
|
||
height:40px;
|
||
width:70%;
|
||
border:1px solid grey;
|
||
border-radius:5px;
|
||
padding: 0px 15px 0px 15px;
|
||
|
||
}
|
||
|
||
.btn_login{
|
||
background-color:#657ee4;
|
||
color: #FFFFFF;
|
||
border:none !important;
|
||
|
||
cursor: pointer;
|
||
|
||
-webkit-touch-callout: none;
|
||
-webkit-user-select: none;
|
||
-khtml-user-select: none;
|
||
-moz-user-select: none;
|
||
-ms-user-select: none;
|
||
user-select: none;
|
||
}
|
||
|
||
h1{
|
||
font-size:23px;
|
||
}
|
||
|
||
h2{
|
||
font-size:18px;
|
||
}
|
||
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class='outer'>
|
||
<div class='inner'>
|
||
<!--<img src="img/pm-logo-white.svg"/>-->
|
||
<h1>Management Rules</h1>
|
||
<!--STARTERR-->
|
||
<h2>Login failed</h2>
|
||
<!--ENDERR-->
|
||
<form method="POST">
|
||
<br/>
|
||
<!--Username:-->
|
||
<br/>
|
||
<input type="text" name="username" placeholder="Username"/>
|
||
<br/>
|
||
<!--Password:-->
|
||
<br/>
|
||
<input type="password" name="password" placeholder="Password"/>
|
||
<br/>
|
||
<input type="submit" value="Login" name="btnLogin" class="btn_login"/>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</body>
|
||
</html>
|