styles/airpolytech.css

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