diff --git a/css/default_style.css b/css/default_style.css
index ed05970a5ec17b4e926bf9d1d374142abd757600..8fa38f7350f9335af79cc18d24e065b42f7d5f27 100755
--- a/css/default_style.css
+++ b/css/default_style.css
@@ -29,8 +29,8 @@
background: #ff264e;
}
-input{
- width: 90%;
+input {
+ width: 75%;
margin: 1px auto 15px;
}
@@ -40,5 +40,5 @@ a:link, a:visited {
}
a:hover {
- opacity: 0.5;
+ opacity: 0.5;
}
diff --git a/css/login.css b/css/login.css
index e737b4eedfdc6b7b76f2521dad77147b11a7382e..d477ba12ac8e546f68f19ace7a5ddb8577efce9c 100755
--- a/css/login.css
+++ b/css/login.css
@@ -1,12 +1,11 @@
.frame {
- height: 550px;
+ height: 450px;
width: 400px;
border: 10px solid #02702c;
border-radius: 70px;
background-color: #8bbd3c;
color: #02702c;
}
-
.frame > div {
left: 10%;
width: 80%;
@@ -23,3 +22,21 @@
height: 30px;
float: right;
}
+.login_header {
+ margin-top: 5%;
+ margin-bottom: 20%;
+ display: flex;
+ font-size: 2em;
+}
+.login_header h1 {
+ margin-top: 0px;
+ margin-bottom: 0px;
+}
+.horizontal_line {
+ width: 35%;
+ height: 20px;
+ border-bottom: 1px solid black;
+ margin-left: 5%;
+ margin-top: 3%;
+ margin-right: 5%;
+}
diff --git a/login/login.html b/login/login.html
index c76da270420622414a63fc2329cf10013d38e1e9..dceccb68b98a95d3fae89e2e8e7ce8ff75b8b81c 100755
--- a/login/login.html
+++ b/login/login.html
@@ -6,13 +6,14 @@
<link rel="stylesheet" type="text/css" href="../css/login.css">
</head>
<body>
- <div id="login_frame" class="frame">
- <h2>Welcome to OneHundred<img src="../img/logo.png" style="width: 70px;height: 50px;float: right"></h2>
- <p style="text-align: center">"An ojek for anything you need"</p>
- <br/><br/>
- <h2>--- Login ---</h2>
- <p id="error_credential" style="text-align: center;"></p>
+ <div class="frame">
+ <div class="login_header">
+ <div class="horizontal_line"></div>
+ <h1>LOGIN</h1>
+ <div class="horizontal_line"></div>
+ </div>
<div>
+ <p id="error_credential" style="text-align: center;"></p>
<form name="login" method="POST" action="login.php" onsubmit="return validate();">
Username
<input type="text" name="user_name"><br/>