diff options
Diffstat (limited to 'public/css/menu.css')
-rw-r--r-- | public/css/menu.css | 64 |
1 files changed, 54 insertions, 10 deletions
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 @@ | |||
8 | { | 8 | { |
9 | margin-left: 29px; | 9 | margin-left: 29px; |
10 | } | 10 | } |
11 | .menu .new_page_button | ||
12 | { | ||
13 | background-color: white; | ||
14 | padding: 10px; | ||
15 | } | ||
11 | .menu img | 16 | .menu img |
12 | { | 17 | { |
13 | width: 20px; | 18 | width: 20px; |
14 | vertical-align: middle; | ||
15 | } | 19 | } |
16 | .menu form | 20 | /*.menu form |
17 | { | 21 | { |
18 | display: inline; | 22 | display: inline; |
23 | }*/ | ||
24 | .menu p | ||
25 | { | ||
26 | margin: 5px; | ||
19 | } | 27 | } |
20 | 28 | ||
21 | /* explications pour l'utiisateur */ | 29 | /* explications pour l'utilisateur */ |
22 | .menu aside | 30 | .menu aside |
23 | { | 31 | { |
24 | display: flex; | ||
25 | flex-wrap: wrap; | ||
26 | background-color: white; | 32 | background-color: white; |
27 | padding: 10px; | 33 | padding: 10px; |
34 | margin-top: 10px; | ||
28 | } | 35 | } |
29 | .menu aside p | 36 | .menu aside .controls_explanations |
37 | { | ||
38 | display: flex; | ||
39 | flex-wrap: wrap; | ||
40 | } | ||
41 | .menu aside .controls_explanations p | ||
30 | { | 42 | { |
31 | margin: 5px; | ||
32 | font-size: smaller; | 43 | font-size: smaller; |
33 | } | 44 | } |
45 | .menu aside img | ||
46 | { | ||
47 | vertical-align: bottom; | ||
48 | } | ||
34 | .menu aside input | 49 | .menu aside input |
35 | { | 50 | { |
36 | pointer-events: none; /* case non clicable, sauf action au clavier... */ | 51 | pointer-events: none; /* case non clicable, sauf action au clavier... */ |
52 | vertical-align: bottom; | ||
53 | } | ||
54 | .menu #location, .menu input[type=submit] | ||
55 | { | ||
56 | color: #ff1d04; | ||
57 | font-size: medium; | ||
58 | border-radius: 4px; | ||
59 | background-color: white; | ||
60 | border: lightgrey 2px outset; | ||
37 | } | 61 | } |
38 | 62 | ||
39 | .menu button | 63 | .menu button |
@@ -54,7 +78,7 @@ input | |||
54 | vertical-align: middle; | 78 | vertical-align: middle; |
55 | border: 2px #e3f3ff solid; | 79 | border: 2px #e3f3ff solid; |
56 | } | 80 | } |
57 | .move_entry_icon:hover | 81 | .menu #location:hover, .menu input[type=submit]:hover, .move_entry_icon:hover |
58 | { | 82 | { |
59 | background-color: #ffff00; | 83 | background-color: #ffff00; |
60 | border-radius: 4px; | 84 | border-radius: 4px; |
@@ -62,15 +86,35 @@ input | |||
62 | cursor: pointer; | 86 | cursor: pointer; |
63 | } | 87 | } |
64 | 88 | ||
65 | .menu .new_entry_buttons | 89 | .menu form |
90 | { | ||
91 | padding: 10px; | ||
92 | background-color: #f0f0f0f0; | ||
93 | } | ||
94 | .menu .url_form_zone | ||
66 | { | 95 | { |
67 | background-color: white; | 96 | background-color: white; |
68 | padding: 10px; | 97 | padding: 10px; |
69 | margin-top: 10px; | 98 | margin-top: 10px; |
70 | } | 99 | } |
71 | .menu .new_entry_buttons p | 100 | /*.menu .url_form_zone div |
101 | { | ||
102 | display: flex; | ||
103 | }*/ | ||
104 | .menu .url_form_zone label | ||
105 | { | ||
106 | text-wrap: nowrap; | ||
107 | margin-right: 5px; | ||
108 | } | ||
109 | .menu .url_form_zone #url_input | ||
110 | { | ||
111 | width: 100%; | ||
112 | } | ||
113 | .menu .url_form_zone p | ||
72 | { | 114 | { |
73 | margin: 5px; | 115 | margin: 5px; |
116 | display: flex; | ||
117 | align-items: center; | ||
74 | } | 118 | } |
75 | 119 | ||
76 | @media screen and (min-width: 80rem) { | 120 | @media screen and (min-width: 80rem) { |