Add the flight search and booking features.
[Project_webapp.git] / styles / airpolytech.css
... / ...
CommitLineData
1body {
2 background-color: black;
3 color: #eeeeee;
4 font-family: 'Encode Sans Semi Condensed', Arial, Helvetica, Verdana, sans-serif;
5 display: block;
6 text-align: center;
7 line-height: 2em;
8 margin: 2em;
9}
10
11a, a:link a:active {
12 text-decoration: none;
13 color: #B11508;
14}
15
16a:visited {
17 text-decoration: none;
18 color: #B11508;
19}
20
21a:hover {
22 text-decoration: none;
23 color: #909090;
24}
25
26form {
27 width: 680px;
28 margin: 0px auto;
29 line-height: 2.5em;
30}
31
32form#login {
33 width: 680px;
34}
35
36form#search {
37 width: 620px;
38}
39
40form#register {
41 width: 720px;
42}
43
44form#booking {
45 width: 250px;
46}
47
48label, input {
49 /* in order to define widths */
50 display: inline-block;
51}
52
53label {
54 width: 30%;
55 /* positions the label text beside the input */
56 text-align: right;
57}
58
59label + input {
60 width: 30%;
61 /* large margin-right to force the next element to the new-line
62 and margin-left to create a gutter between the label and input */
63 margin: 0 30% 0 4%;
64}
65
66/* only the submit button is matched by this selector,
67 but to be sure you could use an id or class for that button */
68input + input {
69 float: right;
70}
71
72table {
73 margin: 0px auto;
74 width: 100%;
75}
76
77table#home {
78 font-size: 3em;
79 line-height: 1em;
80}
81
82table#search {
83 border: none;
84}
85
86table#search tr:nth-child(even) {
87 background-color: #675b5b;
88}
89
90table#search tr:nth-child(odd) {
91 background-color: #474343;
92}
93
94#header {
95 font-size: 4em;
96 text-align: center;
97 margin-top: 1em;
98 margin-bottom: 1em;
99}
100
101#account {
102 text-align: right;
103 line-height: 1.2em;
104}
105
106#menu {
107 font-size: 2em;
108 text-align: center;
109 margin-top: 1em;
110 margin-bottom: 1em;
111}
112
113#footer {
114 text-align: center;
115 margin-top: 1em;
116 margin-bottom: 1em;
117}