diff options
Diffstat (limited to 'public/css/nav.css')
-rw-r--r-- | public/css/nav.css | 60 |
1 files changed, 58 insertions, 2 deletions
diff --git a/public/css/nav.css b/public/css/nav.css index 3ccdb1f..17b30c9 100644 --- a/public/css/nav.css +++ b/public/css/nav.css | |||
@@ -1,7 +1,8 @@ | |||
1 | /*-- menu principal --*/ | 1 | /*-- menu principal --*/ |
2 | #nav_zone | 2 | #nav_zone |
3 | { | 3 | { |
4 | height: 33px; | 4 | /*height: 33px;*/ |
5 | /*width: 100%;*/ | ||
5 | } | 6 | } |
6 | .nav_main | 7 | .nav_main |
7 | { | 8 | { |
@@ -121,11 +122,13 @@ li:not(.current){ | |||
121 | nav > ul > li > ul | 122 | nav > ul > li > ul |
122 | { | 123 | { |
123 | position: absolute; /* retire du flux, positionnement par rapport à la fenêtre */ | 124 | position: absolute; /* retire du flux, positionnement par rapport à la fenêtre */ |
125 | margin-left: -7px; /* annuler le déplacement dû au padding: 7px; dans ".nav_main li" */ | ||
126 | margin-top: 7px; | ||
124 | } | 127 | } |
125 | /* élément du menu survolé, le positionnement relatif en fait la référence du positionnement suivant */ | 128 | /* élément du menu survolé, le positionnement relatif en fait la référence du positionnement suivant */ |
126 | .drop-right | 129 | .drop-right |
127 | { | 130 | { |
128 | position: relative; | 131 | /*position: relative;*/ |
129 | } | 132 | } |
130 | .drop-right .sub-menu | 133 | .drop-right .sub-menu |
131 | { | 134 | { |
@@ -133,3 +136,56 @@ nav > ul > li > ul | |||
133 | left: 100%; | 136 | left: 100%; |
134 | top: -3px; /* la bordure bleue fait 3px */ | 137 | top: -3px; /* la bordure bleue fait 3px */ |
135 | } | 138 | } |
139 | |||
140 | @media screen and (max-width: 1000px){ | ||
141 | #nav_zone | ||
142 | { | ||
143 | /*height: 29px;*/ | ||
144 | } | ||
145 | .nav_main li | ||
146 | { | ||
147 | padding: 5px; | ||
148 | } | ||
149 | .nav_main p | ||
150 | { | ||
151 | /*font-size: smaller;*/ | ||
152 | font-size: 90%; | ||
153 | } | ||
154 | nav > ul > li > ul | ||
155 | { | ||
156 | margin-left: -5px; | ||
157 | margin-top: 5px; | ||
158 | } | ||
159 | } | ||
160 | @media screen and (max-width: 450px){ | ||
161 | .nav_button | ||
162 | { | ||
163 | /*display: block;*/ | ||
164 | } | ||
165 | #nav_zone | ||
166 | { | ||
167 | /*position: fixed; | ||
168 | justify-content: left;*/ | ||
169 | } | ||
170 | .nav_main | ||
171 | { | ||
172 | /*top: 0px;*/ | ||
173 | } | ||
174 | .nav_main > ul | ||
175 | { | ||
176 | /*flex-direction: column;*/ | ||
177 | } | ||
178 | .nav_main li | ||
179 | { | ||
180 | /**/ | ||
181 | } | ||
182 | .sub-menu p | ||
183 | { | ||
184 | font-size: smaller; | ||
185 | } | ||
186 | .drop-down > .sub-menu | ||
187 | { | ||
188 | /*flex-direction: row;*/ | ||
189 | /*position: static;*/ | ||
190 | } | ||
191 | } \ No newline at end of file | ||