styles/airpolytech.css

   1 body {
   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
  11 a, a:link a:active {
  12     text-decoration: none;
  13     color: #B11508;
  14 }
  15
  16 a:visited {
  17     text-decoration: none;
  18     color: #B11508;
  19 }
  20
  21 a:hover {
  22     text-decoration: none;
  23     color: #909090;
  24 }
  25
  26 form {
  27     width: 680px;
  28     margin: 0px auto;
  29     line-height: 2.5em;
  30 }
  31
  32 form#login {
  33     width: 680px;
  34 }
  35
  36 form#search {
  37     width: 620px;
  38 }
  39
  40 form#register {
  41     width: 720px;
  42 }
  43
  44 form#booking {
  45     width: 250px;
  46 }
  47
  48 label, input {
  49     /* in order to define widths */
  50     display: inline-block;
  51 }
  52
  53 label {
  54     width: 30%;
  55     /* positions the label text beside the input */
  56     text-align: right;
  57 }
  58
  59 label + 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 */
  68 input + input {
  69     float: right;
  70 }
  71
  72 table {
  73     margin: 0px auto;
  74     width: 100%;
  75 }
  76
  77 table#home {
  78     font-size: 3em;
  79     line-height: 1em;
  80 }
  81
  82 table#search {
  83     border: none;
  84 }
  85
  86 table#search tr:nth-child(even) {
  87     background-color: #675b5b;
  88 }
  89
  90 table#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 }