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 form#reservations {
  49     width: 130px;
  50 }
  51
  52 label, input, select {
  53     /* in order to define widths */
  54     display: inline-block;
  55 }
  56
  57 label {
  58     width: 30%;
  59     /* positions the label text beside the input */
  60     text-align: right;
  61 }
  62
  63 label + input {
  64     width: 30%;
  65     /* large margin-right to force the next element to the new-line
  66        and margin-left to create a gutter between the label and input */
  67     margin: 0 30% 0 4%;
  68 }
  69
  70 label + select {
  71     width: 30%;
  72     /* large margin-right to force the next element to the new-line
  73        and margin-left to create a gutter between the label and select */
  74     margin: 0 30% 0 4%;
  75 }
  76
  77 /* only the submit button is matched by this selector,
  78    but to be sure you could use an id or class for that button */
  79 input + input {
  80     float: right;
  81 }
  82
  83 table {
  84     margin: 0px auto;
  85     width: 100%;
  86 }
  87
  88 table#home {
  89     font-size: 3em;
  90     line-height: 2.5em;
  91 }
  92
  93 table#search {
  94     border: none;
  95 }
  96
  97 table#search tr:nth-child(even) {
  98     background-color: #675b5b;
  99 }
 100
 101 table#search tr:nth-child(odd) {
 102     background-color: #474343;
 103 }
 104
 105 table#reservations {
 106     border: none;
 107 }
 108
 109 table#reservations tr:nth-child(even) {
 110     background-color: #675b5b;
 111 }
 112
 113 table#reservations tr:nth-child(odd) {
 114     background-color: #474343;
 115 }
 116
 117 #header {
 118     font-size: 4em;
 119     text-align: center;
 120     margin-top: 1em;
 121     margin-bottom: 1em;
 122 }
 123
 124 #account {
 125     text-align: right;
 126     line-height: 1.2em;
 127 }
 128
 129 #menu {
 130     font-size: 2em;
 131     text-align: center;
 132     margin-top: 1em;
 133     margin-bottom: 1em;
 134 }
 135
 136 #footer {
 137     text-align: center;
 138     margin-top: 1em;
 139     margin-bottom: 1em;
 140 }