projects
/
lantea.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
really enable upload
[lantea.git]
/
style
/
lantea.css
diff --git
a/style/lantea.css
b/style/lantea.css
index b358a1d83deda6d7b510deab2f4c1225863aca74..fd4dd225167c8d78117b01680c58548aedf852d5 100644
(file)
--- a/
style/lantea.css
+++ b/
style/lantea.css
@@
-5,26
+5,23
@@
body {
font-family: sans-serif;
margin: 0;
body {
font-family: sans-serif;
margin: 0;
+ background: url("loading.png") repeat;
}
h1 {
display: none;
}
}
h1 {
display: none;
}
-
#menu
Area {
+
.overlay
Area {
position: absolute;
position: absolute;
- /* width: 30em; */
- left: 1%;
- top: 1em;
z-index: 5;
z-index: 5;
+ transition-property: opacity;
+ transition-duration: .2s;
}
}
-#zoomArea {
- position: absolute;
- right: 1%;
- top: 1em;
- z-index: 5;
- text-align: center;
+.overlayArea.hidden {
+ opacity: 0;
+ transition-duration: 1s;
}
.overlayArea:-moz-system-metric(touch-enabled) {
}
.overlayArea:-moz-system-metric(touch-enabled) {
@@
-33,7
+30,25
@@
h1 {
.overlayArea input[type="button"]:-moz-system-metric(touch-enabled),
.overlayArea select:-moz-system-metric(touch-enabled) {
.overlayArea input[type="button"]:-moz-system-metric(touch-enabled),
.overlayArea select:-moz-system-metric(touch-enabled) {
- font-size: 2.5mozmm;
+ font-size: 3mozmm;
+}
+
+#menuArea {
+ /* width: 30em; */
+ left: 1%;
+ top: 1em;
+}
+
+#zoomArea {
+ right: 1%;
+ top: 1em;
+ text-align: center;
+}
+
+#fullscreenArea {
+ right: 1%;
+ bottom: 2em;
+ text-align: center;
}
#zoomLevel {
}
#zoomLevel {
@@
-42,7
+57,6
@@
h1 {
padding: 0 3px;
}
padding: 0 3px;
}
-
#settingsArea,
#trackArea {
display: none;
#settingsArea,
#trackArea {
display: none;
@@
-58,16
+72,17
@@
h1 {
border-radius: 3px;
}
border-radius: 3px;
}
-#map {
+#map, #track {
+ position: fixed;
border: 0;
border: 0;
- top:
1px
;
- left:
1px
;
- right:
1px
;
- bottom:
1px
;
+ top:
0
;
+ left:
0
;
+ right:
0
;
+ bottom:
0
;
z-index: 1;
}
z-index: 1;
}
-#
debug
{
+#
action
{
position: absolute;
bottom: 5px;
left: .5em;
position: absolute;
bottom: 5px;
left: .5em;
@@
-78,12
+93,20
@@
h1 {
padding: 0 3px;
}
padding: 0 3px;
}
+#actionimg {
+ vertical-align: text-bottom;
+}
+
.debugHide {
display: none;
}
.debugHide {
display: none;
}
+.settingsSubTitle {
+ margin: .5em 0 0;
+ font-weight: bold;
+}
+
#copyright {
#copyright {
- position: absolute;
bottom: 5px;
right: .5em;
margin: 0;
bottom: 5px;
right: .5em;
margin: 0;
@@
-95,6
+118,9
@@
h1 {
padding: 0 3px;
}
padding: 0 3px;
}
+#copyright.hidden {
+ opacity: 0;
+}
@media screen and (max-width: 500px) {
body {
@media screen and (max-width: 500px) {
body {
@@
-108,6
+134,10
@@
h1 {
top: 1px;
right: 1px;
}
top: 1px;
right: 1px;
}
+ #fullscreenArea {
+ right: 1px;
+ bottom: 10px;
+ }
#copyright {
bottom: 1px;
right: 1px;
#copyright {
bottom: 1px;
right: 1px;