X-Git-Url: https://git.piment-noir.org/?a=blobdiff_plain;f=styles%2Fairpolytech.css;h=c425d298dd9f38927285c12eeeae3942f2cbb3e4;hb=22f1dc6402dbc9a9c5d2ed2f17ef54044d35ec2a;hp=a5e5ebc4062f4462d0daa2cc95f71d01f10df0f7;hpb=01135b89a6848059df608e8c23e8684233772b4f;p=Project_webapp.git

diff --git a/styles/airpolytech.css b/styles/airpolytech.css
index a5e5ebc..c425d29 100644
--- a/styles/airpolytech.css
+++ b/styles/airpolytech.css
@@ -45,7 +45,11 @@ form#booking {
     width: 250px;
 }
 
-label, input {
+form#reservations {
+    width: 130px;
+}
+
+label, input, select {
     /* in order to define widths */
     display: inline-block;
 }
@@ -56,22 +60,34 @@ 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#account {
+    width: 40%;
 }
 
 table#home {
@@ -91,6 +107,18 @@ table#search tr:nth-child(odd) {
     background-color: #474343;
 }
 
+table#reservations {
+    border: none;
+}
+
+table#reservations tr:nth-child(even) {
+    background-color: #675b5b;
+}
+
+table#reservations tr:nth-child(odd) {
+    background-color: #474343;
+}
+
 #header {
     font-size: 4em;
     text-align: center;