X-Git-Url: https://git.piment-noir.org/?a=blobdiff_plain;f=styles%2Fairpolytech.css;h=44876d3776f9ac405517a00d44d6d6b7742cbf74;hb=b97c5ad52cffb6b64f887d5d6503dcba10c680e9;hp=00dd294e4999b18970cce9b2b3a180fe97682386;hpb=65fc0194b3ae059f212c577db4f4a8fec43069d6;p=Project_webapp.git

diff --git a/styles/airpolytech.css b/styles/airpolytech.css
index 00dd294..44876d3 100644
--- a/styles/airpolytech.css
+++ b/styles/airpolytech.css
@@ -1,9 +1,11 @@
 body {
-    background-color: black;
-    color: #eeeeee;
+    background-color: white;
+    color: black;
     font-family: 'Encode Sans Semi Condensed', Arial, Helvetica, Verdana, sans-serif;
     display: block;
-    margin: 8px;
+    text-align: center;
+    line-height: 2em;
+    margin: 2em;
 }
 
 a, a:link a:active {
@@ -18,14 +20,130 @@ a:visited {
 
 a:hover {
     text-decoration: none;
-    color: #909090;
+    color: #ff0000;
 }
 
-#footer {
-    text-align: center;
+form {
+    width: 680px;
+    margin: 0px auto;
+    line-height: 2.5em;
+}
+
+form#login {
+    width: 680px;
+}
+
+form#search {
+    width: 620px;
+}
+
+form#register {
+    width: 720px;
+}
+
+form#fpassword {
+    width: 720px;
+}
+
+form#booking {
+    width: 250px;
+}
+
+form#reservations {
+    width: 130px;
+}
+
+label, input, select {
+    /* in order to define widths */
+    display: inline-block;
+}
+
+label {
+    width: 30%;
+    /* positions the label text beside the input */
+    text-align: right;
+}
+
+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 {
+    float: right;
+}
+
+table {
+    margin: 0px auto;
+    width: 100%;
+    vertical-align: middle;
+}
+
+table#taccount {
+    width: 30%;
+}
+
+table#home {
+    font-size: 3em;
+    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#reservations tr:nth-child(even) {
+    background-color: #bfbfbf;
+}
+
+table#reservations tr:nth-child(odd) {
+    background-color: #dedede;
 }
 
 #header {
-    font-size: 44px;
+    font-size: 4em;
+    text-align: center;
+    margin-top: 1em;
+    margin-bottom: 1em;
+}
+
+#account {
+    text-align: right;
+    line-height: 1.2em;
+}
+
+#menu {
+    font-size: 2em;
+    text-align: center;
+    margin-top: 1em;
+    margin-bottom: 1em;
+}
+
+#footer {
     text-align: center;
+    margin-top: 1em;
+    margin-bottom: 1em;
 }