public/css/list.css

   1 /*  This file is part of Syj, Copyright (c) 2010-2011 Arnaud Renevier,
   2     and is published under the AGPL license. */
   3
   4 #container {
   5     position: absolute;
   6     overflow: auto;
   7     bottom: 2em;
   8     top: 8px;
   9     right: 0;
  10     left: 0;
  11 }
  12
  13 .item {
  14     float: left;
  15     width: 250px;
  16     margin: 10px 10px 10px 16px;
  17 }
  18
  19 .geom {
  20     float: left;
  21     border: 1px solid black;
  22     width: 100px;
  23     height: 100px;
  24     margin: 0 4px 6px 0;
  25     position: relative;
  26 }
  27 .control-link {
  28     margin-bottom: 1em;
  29 }
  30
  31 .map {
  32     position: absolute;
  33     width: 100%; height: 100%;
  34     top: 0; bottom: 0; right: 0; left: 0;
  35 }
  36
  37 .title {
  38     *margin-top: -1em; /* in ie <=7, .control-link margin-bottom "pushes" .title */
  39     height: 32px;
  40     clear: left;
  41     overflow: hidden;
  42     text-overflow: ellipsis;
  43     -o-text-overflow: ellipsis;
  44 }
  45
  46 .page-link {
  47     margin-left: 16px;
  48     margin-right: 16px;
  49     font-size: x-large;
  50     font-weight: bold;
  51     text-decoration: none;
  52 }
  53 .page-link:link, .page-link:visited {
  54     color: blue;
  55 }
  56 #navigation {
  57     text-align: center;
  58     margin-bottom: 8px;
  59 }
  60
  61 .noroute {
  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     width: 40%;
  69     margin: auto;
  70     padding: 12px;
  71     margin-top: 28px;
  72 }
  73
  74 #message {
  75     width: 40%;
  76     margin: 20px auto 20px auto;
  77 }
  78
  79 #other-language {
  80     margin: 10px 10px 20px 20px;
  81     /* .item: 118px +.title: 32px + margin-bottom: 10px => 150px */
  82     /* margin: 30px + padding: 10px => height = 150 - 40 */
  83     height: 120px;
  84 }