public/css/list.css

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