public/css/list.css

   1 .item {
   2     float: left;
   3     width: 250px;
   4     margin: 0px 10px 10px 10px;
   5 }
   6
   7 .geom {
   8     float: left;
   9     border: 1px solid black;
  10     width: 100px;
  11     height: 100px;
  12     margin: 0 4px 6px 0;
  13     position: relative;
  14 }
  15 .control-link {
  16     margin-bottom: 1em;
  17 }
  18
  19 .map {
  20     position: absolute;
  21     width: 100%; height: 100%;
  22     top: 0; bottom: 0; right: 0; left: 0;
  23 }
  24
  25 .title {
  26     *margin-top: -1em; /* in ie <=7, .control-link margin-bottom "pushes" .title */
  27     height: 32px;
  28     clear: left;
  29 }
  30
  31 .page-link {
  32     margin-left: 10px;
  33     margin-right: 10px;
  34 }
  35 #navigation {
  36     text-align: center;
  37 }
  38
  39 #footer {
  40     position: fixed;
  41     z-index: 2000;
  42     background-color: white;
  43 }
  44
  45 .noroute {
  46     text-align: center;
  47     border-width: 2px;
  48     border-style: solid;
  49     -moz-border-radius: 5px;
  50     -webkit-border-radius: 5px;
  51     border-radius: 5px;
  52     width: 40%;
  53     margin: auto;
  54     padding: 12px;
  55     margin-top: 28px;
  56 }
  57
  58 #message {
  59     width: 40%;
  60     margin: 20px auto 20px auto;
  61     padding: 1.5em 1.5em 1.5em 1.5em;
  62     text-align: center;
  63     border-width: 2px;
  64     border-style: solid;
  65     -moz-border-radius: 5px;
  66     -webkit-border-radius: 5px;
  67     border-radius: 5px;
  68 }
  69
  70 #other-language {
  71     margin: 10px 10px 20px 20px;
  72     /* .item: 108px +.title: 32px + margin-bottom: 10px => 150px */
  73     /* margin: 30px + padding: 10px => height = 150 - 40 */
  74     height: 110px;
  75 }