diff options
author | polo <ordipolo@gmx.fr> | 2023-08-09 16:00:08 +0200 |
---|---|---|
committer | polo <ordipolo@gmx.fr> | 2023-08-09 16:00:08 +0200 |
commit | e9f7d60518259b3d01e12edb16bb76fa2a7f805d (patch) | |
tree | 1421a6d5b9650747aa327233da8426420fd5c473 /ordipolo.css | |
parent | 64250fd350d1474b30f2c9681e7d6f54c2efc11e (diff) | |
download | ordipolo-e9f7d60518259b3d01e12edb16bb76fa2a7f805d.zip |
ajout de contenu, textarea en css, .htaccess + .htpasswd
Diffstat (limited to 'ordipolo.css')
-rw-r--r-- | ordipolo.css | 52 |
1 files changed, 35 insertions, 17 deletions
diff --git a/ordipolo.css b/ordipolo.css index 09855e1..28bd55a 100644 --- a/ordipolo.css +++ b/ordipolo.css | |||
@@ -74,6 +74,9 @@ header div, header p | |||
74 | #logohaut | 74 | #logohaut |
75 | { | 75 | { |
76 | width: 200px; | 76 | width: 200px; |
77 | |||
78 | /* cacher petit logo */ | ||
79 | display: none; | ||
77 | } | 80 | } |
78 | 81 | ||
79 | #logotitre | 82 | #logotitre |
@@ -227,6 +230,12 @@ a img | |||
227 | margin: 10px 0 15px 0; | 230 | margin: 10px 0 15px 0; |
228 | } | 231 | } |
229 | 232 | ||
233 | textarea | ||
234 | { | ||
235 | width: 500px; | ||
236 | height: 200px; | ||
237 | } | ||
238 | |||
230 | /* lien fixe en bas */ | 239 | /* lien fixe en bas */ |
231 | footer | 240 | footer |
232 | { | 241 | { |
@@ -247,23 +256,6 @@ footer a | |||
247 | text-decoration: none; | 256 | text-decoration: none; |
248 | } | 257 | } |
249 | 258 | ||
250 | /* remplacement du logo titre qui est trop large */ | ||
251 | @media screen and (min-width: 500px) | ||
252 | { | ||
253 | #logohaut | ||
254 | { | ||
255 | display: none; | ||
256 | } | ||
257 | } | ||
258 | |||
259 | @media screen and (max-width: 500px) | ||
260 | { | ||
261 | #logotitre | ||
262 | { | ||
263 | display: none; | ||
264 | } | ||
265 | } | ||
266 | |||
267 | /* design responsive */ | 259 | /* design responsive */ |
268 | @media screen and (max-width: 750px) | 260 | @media screen and (max-width: 750px) |
269 | { | 261 | { |
@@ -305,4 +297,30 @@ footer a | |||
305 | { | 297 | { |
306 | font-size: 110%; | 298 | font-size: 110%; |
307 | } | 299 | } |
300 | |||
301 | textarea | ||
302 | { | ||
303 | width: 400px; | ||
304 | height: 150px; | ||
305 | } | ||
306 | } | ||
307 | |||
308 | @media screen and (max-width: 500px) | ||
309 | { | ||
310 | #logohaut | ||
311 | { | ||
312 | /* afficher petit logo */ | ||
313 | display: inline; | ||
314 | } | ||
315 | #logotitre | ||
316 | { | ||
317 | /* cacher grand logo */ | ||
318 | display: none; | ||
319 | } | ||
320 | |||
321 | textarea | ||
322 | { | ||
323 | width: 270px; | ||
324 | height: 100px; | ||
325 | } | ||
308 | } | 326 | } |