X-Git-Url: https://git.piment-noir.org/?a=blobdiff_plain;f=styles%2Fairpolytech.css;h=58aaff788e51a55f33e92aa22d32f36e8243272f;hb=77c2d82c70ae6b1629d372b3c4642cdc2a994698;hp=a5e5ebc4062f4462d0daa2cc95f71d01f10df0f7;hpb=01135b89a6848059df608e8c23e8684233772b4f;p=Project_webapp.git diff --git a/styles/airpolytech.css b/styles/airpolytech.css index a5e5ebc..58aaff7 100644 --- a/styles/airpolytech.css +++ b/styles/airpolytech.css @@ -41,11 +41,19 @@ form#register { width: 720px; } +form#fpassword { + width: 720px; +} + form#booking { width: 250px; } -label, input { +form#reservations { + width: 130px; +} + +label, input, select { /* in order to define widths */ display: inline-block; } @@ -56,22 +64,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#taccount { + width: 30%; } table#home { @@ -91,6 +111,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;