From 5fc1a655e0271b583f3caa009524ea9d99a8bd3e Mon Sep 17 00:00:00 2001
From: polo <ordipolo@gmx.fr>
Date: Tue, 29 Apr 2025 00:27:06 +0200
Subject: page menu et chemins, partie4

---
 public/css/foot.css | 15 +++++++++++++
 public/css/menu.css | 64 ++++++++++++++++++++++++++++++++++++++++++++---------
 2 files changed, 69 insertions(+), 10 deletions(-)

(limited to 'public/css')

diff --git a/public/css/foot.css b/public/css/foot.css
index 91f67ab..038d33b 100644
--- a/public/css/foot.css
+++ b/public/css/foot.css
@@ -6,6 +6,7 @@ footer
 	background-color: #B7E9FE;
 	/*width: 1200px;*/
 	margin: auto;
+	padding: 0 20px;
 	
 }
 footer > div
@@ -72,6 +73,20 @@ footer > div
 {
 	max-width: 288px;
 }
+@media screen and (max-width: 1000px)
+{
+	.footer .contact
+	{
+		width: 70px;
+	}
+}
+@media screen and (max-width: 800px)
+{
+	footer > div
+	{
+		flex-direction: column;
+	}
+}
 
 .breadcrumb a
 {
diff --git a/public/css/menu.css b/public/css/menu.css
index 5016610..a338666 100644
--- a/public/css/menu.css
+++ b/public/css/menu.css
@@ -8,32 +8,56 @@
 {
 	margin-left: 29px;
 }
+.menu .new_page_button
+{
+	background-color: white;
+	padding: 10px;
+}
 .menu img
 {
 	width: 20px;
-	vertical-align: middle;
 }
-.menu form
+/*.menu form
 {
 	display: inline;
+}*/
+.menu p
+{
+	margin: 5px;
 }
 
-/* explications pour l'utiisateur */
+/* explications pour l'utilisateur */
 .menu aside
 {
-	display: flex;
-	flex-wrap: wrap;
 	background-color: white;
 	padding: 10px;
+	margin-top: 10px;
 }
-.menu aside p
+.menu aside .controls_explanations
+{
+	display: flex;
+	flex-wrap: wrap;
+}
+.menu aside .controls_explanations p
 {
-	margin: 5px;
 	font-size: smaller;
 }
+.menu aside img
+{
+	vertical-align: bottom;
+}
 .menu aside input
 {
 	pointer-events: none; /* case non clicable, sauf action au clavier... */
+	vertical-align: bottom;
+}
+.menu #location, .menu input[type=submit]
+{
+	color: #ff1d04;
+	font-size: medium;
+	border-radius: 4px;
+	background-color: white;
+	border: lightgrey 2px outset;
 }
 
 .menu button
@@ -54,7 +78,7 @@ input
 	vertical-align: middle;
 	border: 2px #e3f3ff solid;
 }
-.move_entry_icon:hover
+.menu #location:hover, .menu input[type=submit]:hover, .move_entry_icon:hover
 {
 	background-color: #ffff00;
 	border-radius: 4px;
@@ -62,15 +86,35 @@ input
 	cursor: pointer;
 }
 
-.menu .new_entry_buttons
+.menu form
+{
+	padding: 10px;
+	background-color: #f0f0f0f0;
+}
+.menu .url_form_zone
 {
 	background-color: white;
 	padding: 10px;
 	margin-top: 10px;
 }
-.menu .new_entry_buttons p
+/*.menu .url_form_zone div
+{
+	display: flex;
+}*/
+.menu .url_form_zone label
+{
+	text-wrap: nowrap;
+	margin-right: 5px;
+}
+.menu .url_form_zone #url_input
+{
+	width: 100%;
+}
+.menu .url_form_zone p
 {
 	margin: 5px;
+	display: flex;
+	align-items: center;
 }
 
 @media screen and (min-width: 80rem) {
-- 
cgit v1.2.3