summary |
shortlog |
log |
commit | commitdiff |
tree
raw |
patch |
inline | side by side (from parent 1:
0ba1839)
Move away from using an absolute positioned #content div as this was
causing some weird problems when users scrolled down, like not showing
bottom padding, and prematurely cutting off the left keyline.
Now, the content area uses relative positioning most of the time, and
fixed positioning when the full screen map is in place.
Using fixed positioning on the big map is nice because you can now scroll
down to see more sidebar content, but you won't end up with an ugly block
of white space under the map.
#left {
position: absolute;
#left {
position: absolute;
+ top: 30px;
+ bottom: 0;
width: 185px;
font-size: 11px;
line-height: 12px;
width: 185px;
font-size: 11px;
line-height: 12px;
min-width: 170px;
padding: 5px;
text-align: center;
min-width: 170px;
padding: 5px;
text-align: center;
- margin: 25px auto 5px auto;
/* Rules for tabbed navigation bar */
#top-bar {
/* Rules for tabbed navigation bar */
#top-bar {
- border-bottom: 1px solid #ccc;
+ position: absolute;
+ top: 0;
+ border-bottom: 1px solid #ccc;
+ background: white;
+.site-index #map .SimpleLayerSwitcher,
+.site-index #map .olControlSimplePanZoom,
+.site-export #map .SimpleLayerSwitcher,
+.site-export #map .olControlSimplePanZoom {
+ top: 40px !important;
+}
+
/* Rules for edit menu */
.menuicon {
/* Rules for edit menu */
.menuicon {
#sidebar {
display: none;
position: absolute;
#sidebar {
display: none;
position: absolute;
+ margin: 30px 0px 0px 0px;
padding: 0px;
width: 30%;
top: 0px;
padding: 0px;
width: 30%;
top: 0px;
height: 29px;
font-size: 14px;
line-height: 15px;
height: 29px;
font-size: 14px;
line-height: 15px;
}
/* Rules for the map key which appears in the popout sidebar */
}
/* Rules for the map key which appears in the popout sidebar */
/* Rules for the main content area */
#content {
/* 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;
+ position: fixed;
+ margin-top: 0px;
+ left: 0px;
+ right: 0px;
+ top: 0px;
+ bottom: 0px;
-/* Rules for the main content area */
-
-#content {
- top: 30px;
-}
-
/* Rules for OpenLayers maps */
.olControlZoom {
/* Rules for OpenLayers maps */
.olControlZoom {
+/* Rules for the left sidebar */
+
+#left {
+ border-right: 1px solid #ccc;
+}
+
/* Rules for the menu displayed in the left sidebar */
.left_menu {
/* Rules for the menu displayed in the left sidebar */
.left_menu {
/* Rules for tabbed navigation bar */
#top-bar {
/* Rules for tabbed navigation bar */
#top-bar {
+ left: 185px;
+ right: 0;
-/* Rules for OpenLayers maps */
-
-#map {
- border-left: 1px solid #ccc;
-}
-
/* Rules for attribution text under the main map shown on printouts */
.attribution_license {
/* Rules for attribution text under the main map shown on printouts */
.attribution_license {
- border-left: 1px solid #ccc;
+ border-right: 1px solid #ccc;
}
#sidebar #sidebar_title {
}
#sidebar #sidebar_title {
/* Rules for the main content area */
#content {
/* Rules for the main content area */
#content {
border-left: 1px solid #ccc;
border-left: 1px solid #ccc;
- left: 185px;
- right: 0px;
+/* Rules for the left sidebar */
+
+#left {
+ border-left: 1px solid #ccc;
+}
+
/* Rules for the menu displayed in the left sidebar */
.left_menu {
/* Rules for the menu displayed in the left sidebar */
.left_menu {
/*
* Rules for "optional boxes" which appear in the left sidebar on
/*
* 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.
*/
* and the tag cloud on the traces pages.
*/
/* Rules for tabbed navigation bar */
#top-bar {
/* Rules for tabbed navigation bar */
#top-bar {
+ right: 185px;
+ left: 0;
-/* Rules for OpenLayers maps */
-
-#map {
- border-right: 1px solid #ccc;
-}
-
/* Rules for attribution text under the main map shown on printouts */
.attribution_license {
/* Rules for attribution text under the main map shown on printouts */
.attribution_license {
- border-right: 1px solid #ccc;
+ border-left: 1px solid #ccc;
}
#sidebar #sidebar_title {
}
#sidebar #sidebar_title {
#content {
border-right: 1px solid #ccc;
#content {
border-right: 1px solid #ccc;
- right: 185px;
- left: 0px;
*= require ltr
*= require small
*/
*= 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
*/
*= 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 */
}
/* Rules for tabbed navigation bar */
+ height: 39px;
+ padding: 0;
}
#tabnav {
height: 14px;
margin: 0px;
padding-top: 5px;
}
#tabnav {
height: 14px;
margin: 0px;
padding-top: 5px;
font-size: 10px;
line-height: 10px;
}
font-size: 10px;
line-height: 10px;
}
height: 16px;
display: block;
position: absolute;
height: 16px;
display: block;
position: absolute;
padding: 2px;
width: 110px; /* TODO: find better fix for overlap */
background-color: #fff;
padding: 2px;
width: 110px; /* TODO: find better fix for overlap */
background-color: #fff;
position: absolute;
left: 18px;
font-size: 12px;
position: absolute;
left: 18px;
font-size: 12px;
}
/* Rules for greeting bar in the top right corner */
#greeting {
position: absolute;
}
/* Rules for greeting bar in the top right corner */
#greeting {
position: absolute;
- top: 0px;
- right: 0px;
height: 14px;
font-size: 12px;
line-height: 12px;
height: 14px;
font-size: 12px;
line-height: 12px;
+.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 {
/* Rules for the main content area */
#content {
- left: 0px;
- right: 0px;
- top: 38px;
margin-left: 0px;
margin-right: 0px;
border-left: 0px;
margin-left: 0px;
margin-right: 0px;
border-left: 0px;
- left: 0px;
- right: 0px;
- top: 38px;
- bottom: 0px;
- padding-bottom: 0px;
}
/* Rules for search sidebar when shown */
}
/* Rules for search sidebar when shown */