projects
/
lantea.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
move track and settings buttons to the new style as well
[lantea.git]
/
style
/
lantea.css
diff --git
a/style/lantea.css
b/style/lantea.css
index 47d0f5b272f6a329c3f1fa4d88dc482d0b40aa87..051088cd5381c0ba4cd45acfc8390c42fedf5f32 100644
(file)
--- a/
style/lantea.css
+++ b/
style/lantea.css
@@
-52,7
+52,9
@@
h1 {
}
#zoomArea > input[type="button"],
}
#zoomArea > input[type="button"],
-#fullscreenArea > input[type="button"] {
+#fullscreenArea > input[type="button"],
+#trackButton,
+#settingsButton {
font-size: 1.2em;
font-weight: bold;
width: 2em;
font-size: 1.2em;
font-weight: bold;
width: 2em;
@@
-69,17
+71,23
@@
h1 {
}
#zoomArea > input[type="button"]:hover,
}
#zoomArea > input[type="button"]:hover,
-#fullscreenArea > input[type="button"]:hover {
+#fullscreenArea > input[type="button"]:hover,
+#trackButton:hover,
+#settingsButton:hover {
background-color: rgba(255, 255, 255, .8);
}
#zoomArea > input[type="button"]:active,
background-color: rgba(255, 255, 255, .8);
}
#zoomArea > input[type="button"]:active,
-#fullscreenArea > input[type="button"]:active {
+#fullscreenArea > input[type="button"]:active,
+#trackButton:active,
+#settingsButton:active {
background-color: rgba(255, 255, 127, .8);
}
#zoomArea > input[type="button"]:focus,
background-color: rgba(255, 255, 127, .8);
}
#zoomArea > input[type="button"]:focus,
-#fullscreenArea > input[type="button"]:focus {
+#fullscreenArea > input[type="button"]:focus,
+#trackButton:focus,
+#settingsButton:focus {
background-color: rgba(255, 255, 255, .5);
}
background-color: rgba(255, 255, 255, .5);
}
@@
-212,15
+220,15
@@
h1 {
font-size: 10px;
}
#menuArea {
font-size: 10px;
}
#menuArea {
- top:
1
px;
- left:
1
px;
+ top:
2
px;
+ left:
2
px;
}
#zoomArea {
}
#zoomArea {
- top:
1
px;
- right:
1
px;
+ top:
2
px;
+ right:
2
px;
}
#fullscreenArea {
}
#fullscreenArea {
- right:
1
px;
+ right:
2
px;
bottom: 20px;
}
#copyright {
bottom: 20px;
}
#copyright {