fixes css regression in newpwd, contact and account

[syj.git] / public / css / list.css

diff --git a/public/css/list.css b/public/css/list.css
index 4f87230a49d908633f8ccc6f2b65da1e6353c7c1..12e1a5b90a88c6705f91191721a2dffc56b14973 100644 (file)
--- 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,9 +21,12 @@
     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 {
     position: absolute;
@@ -20,22 +35,24 @@
 }
 
 .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 {
@@ -54,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;
+}