Change the color scheme to be more IHM rules compliant.
[Project_webapp.git] / styles / airpolytech.css
index e5a93bf572f1dc3d2f0ad8d6fc5f051483b8ac37..44876d3776f9ac405517a00d44d6d6b7742cbf74 100644 (file)
@@ -1,6 +1,6 @@
 body {
-    background-color: black;
-    color: #eeeeee;
+    background-color: white;
+    color: black;
     font-family: 'Encode Sans Semi Condensed', Arial, Helvetica, Verdana, sans-serif;
     display: block;
     text-align: center;
@@ -20,7 +20,7 @@ a:visited {
 
 a:hover {
     text-decoration: none;
-    color: #909090;
+    color: #ff0000;
 }
 
 form {
@@ -41,7 +41,19 @@ form#register {
     width: 720px;
 }
 
-label, input {
+form#fpassword {
+    width: 720px;
+}
+
+form#booking {
+    width: 250px;
+}
+
+form#reservations {
+    width: 130px;
+}
+
+label, input, select {
     /* in order to define widths */
     display: inline-block;
 }
@@ -52,35 +64,63 @@ label {
     text-align: right;
 }
 
-label + input {
+label+input {
     width: 30%;
     /* large margin-right to force the next element to the new-line
        and margin-left to create a gutter between the label and input */
     margin: 0 30% 0 4%;
 }
 
+label+select {
+    width: 30%;
+    /* large margin-right to force the next element to the new-line
+       and margin-left to create a gutter between the label and select */
+    margin: 0 30% 0 4%;
+}
+
 /* only the submit button is matched by this selector,
    but to be sure you could use an id or class for that button */
-input + input {
+input+input {
     float: right;
 }
 
 table {
     margin: 0px auto;
     width: 100%;
+    vertical-align: middle;
+}
+
+table#taccount {
+    width: 30%;
 }
 
 table#home {
     font-size: 3em;
-    line-height: 1em;
+    line-height: 2.5em;
+}
+
+table#search {
+    border: none;
+}
+
+table#search tr:nth-child(even) {
+    background-color: #bfbfbf;
+}
+
+table#search tr:nth-child(odd) {
+    background-color: #dedede;
+}
+
+table#reservations {
+    border: none;
 }
 
-table#result tr:nth-child(even) {
-    background-color: #eee;
+table#reservations tr:nth-child(even) {
+    background-color: #bfbfbf;
 }
 
-table#result tr:nth-child(odd) {
-    background-color: #fff;
+table#reservations tr:nth-child(odd) {
+    background-color: #dedede;
 }
 
 #header {