header: hide login box until hover

Signed-off-by: Florian Pritz <bluewind@xinu.at>

1 files changed, 16 insertions, 0 deletions

diff --git a/data/default.css b/data/default.css
index 399ca1410..cd8b1af8e 100644
--- a/data/default.css
+++ b/data/default.css
@@ -56,6 +56,22 @@ p, li {
 	padding-right: 10px;
 }
 
+#login-form {
+	visibility: hidden;
+	position: absolute;
+	right: 0;
+	top: 0;
+
+	/* these help to keep the box displayed once the user hovered over login*/
+	padding-top: 35px;
+	padding-left: 10px;
+	padding-bottom: 10px;
+}
+
+a:hover #login-form {
+	visibility: visible;
+}
+
 .top a {
   color: lightblue;
 }