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     vertical-align: middle;
  87 }
  88
  89 table#account {
  90     width: 40%;
  91 }
  92
  93 table#home {
  94     font-size: 3em;
  95     line-height: 2.5em;
  96 }
  97
  98 table#search {
  99     border: none;
 100 }
 101
 102 table#search tr:nth-child(even) {
 103     background-color: #675b5b;
 104 }
 105
 106 table#search tr:nth-child(odd) {
 107     background-color: #474343;
 108 }
 109
 110 table#reservations {
 111     border: none;
 112 }
 113
 114 table#reservations tr:nth-child(even) {
 115     background-color: #675b5b;
 116 }
 117
 118 table#reservations tr:nth-child(odd) {
 119     background-color: #474343;
 120 }
 121
 122 #header {
 123     font-size: 4em;
 124     text-align: center;
 125     margin-top: 1em;
 126     margin-bottom: 1em;
 127 }
 128
 129 #account {
 130     text-align: right;
 131     line-height: 1.2em;
 132 }
 133
 134 #menu {
 135     font-size: 2em;
 136     text-align: center;
 137     margin-top: 1em;
 138     margin-bottom: 1em;
 139 }
 140
 141 #footer {
 142     text-align: center;
 143     margin-top: 1em;
 144     margin-bottom: 1em;
 145 }