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 | ||
