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 label, input {
  45     /* in order to define widths */
  46     display: inline-block;
  47 }
  48
  49 label {
  50     width: 30%;
  51     /* positions the label text beside the input */
  52     text-align: right;
  53 }
  54
  55 label + input {
  56     width: 30%;
  57     /* large margin-right to force the next element to the new-line
  58        and margin-left to create a gutter between the label and input */
  59     margin: 0 30% 0 4%;
  60 }
  61
  62 /* only the submit button is matched by this selector,
  63    but to be sure you could use an id or class for that button */
  64 input + input {
  65     float: right;
  66 }
  67
  68 table {
  69     margin: 0px auto;
  70     width: 100%;
  71 }
  72
  73 table#home {
  74     font-size: 3em;
  75     line-height: 1em;
  76 }
  77
  78 table#result tr:nth-child(even) {
  79     background-color: #eee;
  80 }
  81
  82 table#result tr:nth-child(odd) {
  83     background-color: #fff;
  84 }
  85
  86 #header {
  87     font-size: 4em;
  88     text-align: center;
  89     margin-top: 1em;
  90     margin-bottom: 1em;
  91 }
  92
  93 #account {
  94     text-align: right;
  95     line-height: 1.2em;
  96 }
  97
  98 #menu {
  99     font-size: 2em;
 100     text-align: center;
 101     margin-top: 1em;
 102     margin-bottom: 1em;
 103 }
 104
 105 #footer {
 106     text-align: center;
 107     margin-top: 1em;
 108     margin-bottom: 1em;
 109 }