/* This file is part of Syj, Copyright (c) 2010-2011 Arnaud Renevier,
and is published under the AGPL license. */
+
body, html {
margin: 0; padding: 0;
width: 100%;
.olControlAttribution {
bottom: 0.5em;
*bottom: 2.5em;
- _bottom: 3.0em;
left: 0.5em;
}
+.olControlLayerSwitcher {
+ bottom: 4em;
+ top: auto;
+ left: 13px;
+ opacity: 0.75;
+ height: 6em;
+ max-width: intrinsic;
+ max-width: -moz-max-content;
+}
+
+/* setting opacity to .olControlLayerSwitcher does not work */
+.olControlLayerSwitcher .layersDiv,
+.olControlLayerSwitcher .maximizeDiv,
+.olControlLayerSwitcher .minimizeDiv
+{
+ filter:alpha(opacity=75);
+}
+
+.olControlLayerSwitcher .dataLayersDiv, .olControlLayerSwitcher .dataLbl {
+ display: none;
+}
+.olControlLayerSwitcher .layersDiv {
+ padding: 5px 12px 5px 36px;
+}
+.olControlLayerSwitcher .maximizeDiv {
+ top: -6em;
+}
+.olControlLayerSwitcher .minimizeDiv {
+ left: 4px;
+}
+
/*
* main message rules
*/
bottom: 3.5em;
width: 40%;
margin: 0px 45% 0px 15%;
- padding: 1.5em 1.5em 0.5em 1.5em;
- text-align: center;
- border-width: 2px;
- border-style: solid;
- -moz-border-radius: 5px;
- -webkit-border-radius: 5px;
- border-radius: 5px;
+ padding-bottom: 0.5em;
}
@media screen and (max-width: 640px) {
#message.optional {
background-color: #E0E0FF;
}
-.info-title {
+.info-section {
+ margin-bottom: 0.5em;
+}
+.info-section > h1 {
text-decoration: underline;
+ font-size: 1em;
+ margin: 2px 0 2px 0;
+}
+.info-section a {
+ text-decoration: none;
}
#path-infos-content {
text-align: center;
padding: 4px 15px 15px 15px;
-}
-
-#path-export-title {
- margin-top: 1em;
-}
-#path-export-content a {
- text-decoration: none;
+ cursor: auto;
}
#path-length {