X-Git-Url: https://dev.renevier.net/?a=blobdiff_plain;f=public%2Fcss%2Flist.css;h=12e1a5b90a88c6705f91191721a2dffc56b14973;hb=a0c085f9492929c7b2bd6ada5cd1186d3133a44e;hp=c78f9092140e108e77435ca193580865c3515648;hpb=ec061a75fe57a25eb7ef0894f5e723397ba35472;p=syj.git

diff --git a/public/css/list.css b/public/css/list.css
index c78f909..12e1a5b 100644
--- a/public/css/list.css
+++ b/public/css/list.css
@@ -1,7 +1,19 @@
+/*  This file is part of Syj, Copyright (c) 2010-2011 Arnaud Renevier,
+    and is published under the AGPL license. */
+
+#container {
+    position: absolute;
+    overflow: auto;
+    bottom: 2em;
+    top: 8px;
+    right: 0;
+    left: 0;
+}
+
 .item {
     float: left;
-    width: 240px;
-    margin: 0px 10px 10px 10px;
+    width: 250px;
+    margin: 10px 10px 10px 16px;
 }
 
 .geom {
@@ -9,31 +21,38 @@
     border: 1px solid black;
     width: 100px;
     height: 100px;
-    margin: 0 10px 6px 0;
+    margin: 0 4px 6px 0;
+    position: relative;
+}
+.control-link {
+    margin-bottom: 1em;
 }
 
 .map {
-    width: 100%;
-    height: 100%;
+    position: absolute;
+    width: 100%; height: 100%;
+    top: 0; bottom: 0; right: 0; left: 0;
 }
 
 .title {
-    height: 2em;
+    *margin-top: -1em; /* in ie <=7, .control-link margin-bottom "pushes" .title */
+    height: 32px;
     clear: left;
 }
 
 .page-link {
-    margin-left: 10px;
-    margin-right: 10px;
+    margin-left: 16px;
+    margin-right: 16px;
+    font-size: x-large;
+    font-weight: bold;
+    text-decoration: none;
+}
+.page-link:link, .page-link:visited {
+    color: blue;
 }
 #navigation {
     text-align: center;
-}
-
-#footer {
-    position: fixed;
-    z-index: 2000;
-    background-color: white;
+    margin-bottom: 8px;
 }
 
 .noroute {
@@ -52,12 +71,11 @@
 #message {
     width: 40%;
     margin: 20px auto 20px auto;
-    padding: 1.5em 1.5em 1.5em 1.5em;
-    text-align: center;
-    border-width: 2px;
-    border-style: solid;
-    -moz-border-radius: 5px;
-    -webkit-border-radius: 5px;
-    border-radius: 5px;
 }
 
+#other-language {
+    margin: 10px 10px 20px 20px;
+    /* .item: 118px +.title: 32px + margin-bottom: 10px => 150px */
+    /* margin: 30px + padding: 10px => height = 150 - 40 */
+    height: 120px;
+}