#left {
position: absolute;
- top: 0px;
+ top: 30px;
+ bottom: 0;
width: 185px;
font-size: 11px;
line-height: 12px;
min-width: 170px;
padding: 5px;
text-align: center;
- margin: 25px auto 5px auto;
+ margin: auto;
}
#logo img {
/* Rules for tabbed navigation bar */
#top-bar {
- border-bottom: 1px solid #ccc;
+ position: absolute;
+ top: 0;
height: 29px;
+ border-bottom: 1px solid #ccc;
+ background: white;
}
#tabnav {
padding: 5px;
}
+.site-index #map .SimpleLayerSwitcher,
+.site-index #map .olControlSimplePanZoom,
+.site-export #map .SimpleLayerSwitcher,
+.site-export #map .olControlSimplePanZoom {
+ top: 40px !important;
+}
+
/* Rules for edit menu */
.menuicon {
#sidebar {
display: none;
position: absolute;
- margin: 0px;
+ margin: 30px 0px 0px 0px;
padding: 0px;
width: 30%;
top: 0px;
height: 29px;
font-size: 14px;
line-height: 15px;
- background: #bbb;
+ background: #ccc;
}
/* Rules for the map key which appears in the popout sidebar */
/* Rules for the main content area */
#content {
- padding: 10px;
- margin: 0px;
- position: absolute;
- bottom: 0px;
+ padding: 20px;
+ margin: 30px 0px 0px 0px;
+}
+
+.site-edit #content {
+ border: 0px;
+ padding: 0px;
}
.site-index #content,
-.site-edit #content,
.site-export #content {
- border: 0px;
+ position: fixed;
+ margin-top: 0px;
+ left: 0px;
+ right: 0px;
+ top: 0px;
+ bottom: 0px;
padding: 0px;
}
display: none;
}
-/* Rules for the main content area */
-
-#content {
- top: 30px;
-}
-
/* Rules for OpenLayers maps */
.olControlZoom {
text-align: left;
}
+/* Rules for the left sidebar */
+
+#left {
+ border-right: 1px solid #ccc;
+}
+
/* Rules for the menu displayed in the left sidebar */
.left_menu {
/* Rules for tabbed navigation bar */
#top-bar {
- margin-left: 185px;
+ left: 185px;
+ right: 0;
}
#tabnav a,
left: 15px
}
-/* Rules for OpenLayers maps */
-
-#map {
- border-left: 1px solid #ccc;
-}
-
/* Rules for attribution text under the main map shown on printouts */
.attribution_license {
#sidebar {
left: 0px;
- border-left: 1px solid #ccc;
+ border-right: 1px solid #ccc;
}
#sidebar #sidebar_title {
/* Rules for the main content area */
#content {
+ margin-left: 185px;
border-left: 1px solid #ccc;
- left: 185px;
- right: 0px;
text-align: left;
}
text-align: right;
}
+/* Rules for the left sidebar */
+
+#left {
+ border-left: 1px solid #ccc;
+}
+
/* Rules for the menu displayed in the left sidebar */
.left_menu {
/*
* Rules for "optional boxes" which appear in the left sidebar on
- * certain pages. Current users are the seach box on the main page
+ * certain pages. Current users are the search box on the main page
* and the tag cloud on the traces pages.
*/
/* Rules for tabbed navigation bar */
#top-bar {
- margin-right: 185px
+ right: 185px;
+ left: 0;
}
#tabnav a,
right: 15px
}
-/* Rules for OpenLayers maps */
-
-#map {
- border-right: 1px solid #ccc;
-}
-
/* Rules for attribution text under the main map shown on printouts */
.attribution_license {
#sidebar {
right: 0px;
- border-right: 1px solid #ccc;
+ border-left: 1px solid #ccc;
}
#sidebar #sidebar_title {
#content {
border-right: 1px solid #ccc;
- right: 185px;
- left: 0px;
+ margin-right: 185px;
text-align: right;
}
*= require ltr
*= require small
*/
+
+/* Rules for tabbed navigation bar */
+
+#top-bar {
+ left: 0;
+}
+
+/* Rules for the site name - shown when left sidebar is hidden */
+
+#small-title {
+ left: 5px;
+}
+
+/* Rules for greeting bar in the top right corner */
+
+#greeting {
+ right: 5px;
+}
*= require rtl
*= require small
*/
+
+/* Rules for tabbed navigation bar */
+
+#top-bar {
+ right: 0;
+}
+
+/* Rules for the site name - shown when left sidebar is hidden */
+
+#small-title {
+ right: 5px;
+}
+
+/* Rules for greeting bar in the top right corner */
+
+#greeting {
+ left: 5px;
+}
}
/* Rules for tabbed navigation bar */
+
#top-bar {
margin: 0px;
- height: 19px;
+ height: 39px;
+ padding: 0;
}
#tabnav {
height: 14px;
margin: 0px;
padding-top: 5px;
- margin-top: 18px;
+ margin-top: 20px;
font-size: 10px;
line-height: 10px;
}
height: 16px;
display: block;
position: absolute;
- top: 0;
+ top: 5px;
padding: 2px;
width: 110px; /* TODO: find better fix for overlap */
background-color: #fff;
position: absolute;
left: 18px;
font-size: 12px;
- margin: 2px;
+ margin: 0;
}
/* Rules for greeting bar in the top right corner */
#greeting {
position: absolute;
- top: 0px;
- right: 0px;
+ top: 5px;
height: 14px;
font-size: 12px;
line-height: 12px;
display: none;
}
+.site-index #map .olControlZoom,
+.site-index #map .SimpleLayerSwitcher,
+.site-export #map .olControlZoom,
+.site-export #map .SimpleLayerSwitcher {
+ top: 8px !important;
+}
+
/* Rules for the main content area */
#content {
- left: 0px;
- right: 0px;
- top: 38px;
margin-left: 0px;
margin-right: 0px;
border-left: 0px;
}
.site-index #content {
- left: 0px;
- right: 0px;
- top: 38px;
- bottom: 0px;
- padding-bottom: 0px;
+ margin-top: 40px;
}
/* Rules for search sidebar when shown */