From 855eb164fc6f204fe03306d17ee3f875926e5b4b Mon Sep 17 00:00:00 2001
From: simon <simon@journeyman.cc>
Date: Fri, 10 Apr 2015 18:28:21 +0100
Subject: [PATCH] Stylesheet fixes

---
 resources/public/css/standard.css | 24 +++++----
 resources/public/css/tablet.css   | 86 +++++++++++++++++++++++--------
 2 files changed, 79 insertions(+), 31 deletions(-)

diff --git a/resources/public/css/standard.css b/resources/public/css/standard.css
index 1e73b47..7e8052a 100644
--- a/resources/public/css/standard.css
+++ b/resources/public/css/standard.css
@@ -123,22 +123,22 @@ li.nav-item a:active { background: gray; color: white; }
 /* about-cookies box: permanently visible part of cookies information box */
 #about-cookies {
   clear: right;
-  width: 20%;
+  width: 10em;
+  font-size: 66%;
   float: right;
   text-align: right;
-  font-size: 66%;
   padding: 0.25em 2em;
-  color: white;
-  background-color: maroon;
+	color: white;
+  background:rgba(40,40,40,0.8);
 }
 
 /* more-about-cookies box, normally hidden */
 #more-about-cookies {
   display: none;
 	padding: 0.25em 2em;
-	color: maroon;
-  background:rgba(196,196,196,0.66);
-	border: thin solid maroon;
+	color: white;
+  background:rgba(40,40,40,0.8);
+	border-bottom: thin solid white;
 }
 
 /* but magically appears on mouseover */
@@ -179,11 +179,17 @@ li.nav-item a:active { background: gray; color: white; }
 }
 
 .minor-controls {
+  width: 10em;
 	float: right;
-	padding: 0.1em 2em;
-	background-color: silver;
+  padding: 0.25em 2em;
+	color: white;
+  background:rgba(40,40,40,0.8);
 	font-size: 66%;
 }
+.minor-controls a {
+  float: right;
+  color: white;
+}
 
 .message {
   border: thin solid red;
diff --git a/resources/public/css/tablet.css b/resources/public/css/tablet.css
index f1cb2c5..714c179 100644
--- a/resources/public/css/tablet.css
+++ b/resources/public/css/tablet.css
@@ -9,28 +9,6 @@ body {
   width:100%;
 }
 
-/* footer of the document */
-#footer {
-  clear: both;
-  font-size: smaller;
-  padding: 0 2em;
-  text-align: center;
-  color:white;
-  background:rgba(196,196,196,0.95);
-  width: 100%;
-  margin: 0;
-  bottom:0;
-  position:fixed;
-  z-index:150;
-  _position:absolute;
-  _top:expression(eval(document.documentElement.scrollTop+
-        (document.documentElement.clientHeight-this.offsetHeight)));
-}
-
-#footer:hover #credits {
-  font-size: normal;
-}
-
 #header {
   width:100%;
   padding: 0.25em 5% 0.25em 5%;
@@ -91,6 +69,64 @@ li.nav-item a:active { background: gray; color: white; }
   content: "|| ";
 }
 
+/* cookies information box, fixed, in right margin, just above footer */
+#cookies {
+	width: 30%;
+	float: right;
+  position: fixed;
+  bottom: 1.5em;
+  right: 0;
+	z-index: 150;
+  background: transparent;
+}
+
+/* about-cookies box: permanently visible part of cookies information box */
+#about-cookies {
+  clear: right;
+  width: 20%;
+  float: right;
+  text-align: right;
+  padding: 0.25em 2em;
+	color: white;
+  background:rgba(40,40,40,0.8);
+}
+
+/* more-about-cookies box, normally hidden */
+#more-about-cookies {
+  display: none;
+	padding: 0.25em 2em;
+	color: white;
+  background:rgba(40,40,40,0.8);
+	border-bottom: thin solid white;
+}
+
+/* but magically appears on mouseover */
+#cookies:hover #more-about-cookies {
+	display: block;
+}
+/* footer of the document */
+#footer {
+  clear: both;
+  font-size: smaller;
+  padding: 0 2em;
+  text-align: center;
+  color:white;
+  background:rgba(196,196,196,0.95);
+  width: 100%;
+  margin: 0;
+  bottom:0;
+  position:fixed;
+  z-index:150;
+  _position:absolute;
+  _top:expression(eval(document.documentElement.scrollTop+
+        (document.documentElement.clientHeight-this.offsetHeight)));
+}
+
+#footer:hover #credits {
+  font-size: normal;
+}
+
+
 .error {
     background-color: red;
     color: white;
@@ -98,6 +134,12 @@ li.nav-item a:active { background: gray; color: white; }
 
 .minor-controls {
 	float: right;
+	padding: 0.1em 2em;
+	color: white;
+  background:rgba(40,40,40,0.8);
+}
+.minor-controls a {
+  color: white;
 }
 
 /* there isn't enough room on a tablet display for optional elements, and