fix login styles

c6c83657 · Nur Latifah Ulfah · e8262fc2 · c6c83657 · c6c83657
Commit c6c83657 authored 7 years ago by Nur Latifah Ulfah
--- a/src/css/styles.css
+++ b/src/css/styles.css
@@ -30,9 +30,7 @@ li a:hover {
    background-color: #00897B;
 }
 .container {
-  margin-top: 25px;
+  margin: 25px auto auto;
-  margin-left: 50px;
-  margin-right: auto;
  text-align: center;
 }
 h1 {
@@ -42,27 +40,28 @@ h1 {
    text-align: center;
    text-transform: uppercase;
    z-index: 1;
+    color: #02702C;
 }
 h1:before {
-    border-top: 2px solid #33691E;
+    border-top: 2px solid #02702C;
    content:"";
    margin: 0 auto;
    position: absolute;
    top: 15px; left: 0; right: 0; bottom: 0;
-    width: 95%;
+    width: 86%;
    z-index: -1;
 }
-h1 span { background: #7CB342; padding: 0 10px; }
+h1 span { background: #8BBD3C; padding: 0 23px; }
 .box {
  width: 400px;
  box-sizing: content-box;
  box-shadow: #000000;
-  border: 8px solid #33691E;
+  border: 8px solid #02702C;
  text-align: justify;
-  background-color: #7CB342;
+  background-color: #8BBD3C;
  border-radius: 40px;
  margin: auto;
  height: 500px;
@@ -72,30 +71,42 @@ button {
  width: 120px;
  height: 50px;
  margin: 40px auto;
-  background-color: #64DD17;
+  background-color: #82D800;
-  border: 3px solid #33691E;
+  border: 3px solid black;
  border-radius: 10px;
  font-size: 30px;
  float: right;
-  position: relative;  right: 40px;
+  position: relative;  
+  right: 20px;
 }
 label {
-  font-size: 18px;
+  font-size: 24px;
-  margin: 5px 10px;
+  padding-left: 24px;
-  color: #33691E;
+  color: #02702C;
  display: inline-block;
-   float: left;
+  float: left;
-   clear: left;
+  clear: left;
-   width: 150px;
+  width: 128px;
-   text-align: left;
+  text-align: left;
-   height: 25px;
+  height: 25px;
+}
+.register label {
+  font-size: 16px;
+  margin: 5px 0;
+  padding-left: 11px;
+  color: #02702C;
+  display: inline-block;
+  float: left;
+  clear: left;
+  width: 143px;
+  text-align: left;
+  height: 25px;
 }
 .btn-register {
-  /*width: 100%;*/
  height: 50px;
  margin: 40px auto;
-  background-color: #64DD17;
+  background-color: #82D800;
-  border: 3px solid #33691E;
+  border: 3px solid black;
  border-radius: 10px;
  font-size: 20px;
  float: right;
@@ -106,12 +117,11 @@ label {
 }
 .form-control {
  height: 25px;
-  border: none;
+  width: 227px;
-  border-radius: 5px;
+  padding: 5px;
-  padding: 5px; /* Some padding */
+  border: 1px solid black;
-  border: 1px solid #ccc; /* Gray border */
+  box-sizing: border-box;
-  box-sizing: border-box; /* Make sure that padding and width stays in place */
+  margin-top: 5px;
-  margin-top: 5px; /* Add a top margin */
  margin-bottom: 5px;
  resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
 }
@@ -120,7 +130,7 @@ label {
  font-size: 14px;
  float: left;
  margin: 50px 25px;
-  color: black;
+  color: #333333;
 }
 .signin-link {
  font-size: 14px;
@@ -129,17 +139,12 @@ label {
  color: black;
 }
 .checkbox {
-  font-size: 14px;
+  font-size: 16px;
+  color: #02702C;
  float: left;
  margin: 5px;
 }
-.container {
-  width: 50%;
-  margin-top: 50px;
-  margin-left: 100px;
-}
 img {
  width : 150px;

--- a/src/login.php
+++ b/src/login.php
@@ -6,12 +6,6 @@
    <link rel="stylesheet" href="css/styles.css">
  </head>
  <body>
-    <nav>
-      <ul>
-        <li><a href="#home">Home</a></li>
-        <li><a href="#about">About</a></li>
-      </ul>
-    </nav>
    <div class="container">
      <div class="box">
        <h1 class="no-background">