+#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 {
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;
}
.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 {
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;
+}