Rev 2743 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log
Rev 2743 | Rev 2747 | ||
---|---|---|---|
Line 109... | Line 109... | ||
109 | max-height: 150px; |
109 | max-height: 150px; |
110 | } |
110 | } |
111 | 111 | ||
112 | /* placement et proportion de la boite de saisie et de l'aide */ |
112 | /* placement et proportion de la boite de saisie et de l'aide */ |
113 | /* pour desktop */ |
113 | /* pour desktop */ |
114 | @media (min-width: 900px) |
- | |
115 | { |
- | |
116 |
|
114 | .mobile-only { |
117 |
|
115 | display: none; |
118 |
|
116 | } |
119 |
|
117 | #logon { |
120 |
|
118 | position: relative; |
121 |
|
119 | width: 620px; |
122 |
|
120 | top: 20px; |
123 |
|
121 | /* ombrage css3*/ |
124 |
|
122 | -moz-box-shadow: 0px 0px 12px #000; |
125 |
|
123 | -webkit-box-shadow: 0px 0px 12px #000; |
126 |
|
124 | box-shadow: 0px 0px 12px #000; |
127 |
|
125 | } |
128 |
|
126 | #boite-logon { |
129 |
|
127 | background-image: linear-gradient(#efefef, #d5d5d5); |
130 |
|
128 | padding: 10px; |
131 |
|
129 | width: 420px; |
132 |
|
130 | height: 189px; |
133 |
|
131 | } |
134 |
|
132 | #boite-logon TD { |
135 |
|
133 | padding-top: 10px; |
136 |
|
134 | padding-left: 30px; |
137 |
|
135 | } |
138 |
|
136 | #boite-info { |
139 |
|
137 | border: 0px; |
140 |
|
138 | margin-top: 25px; |
141 |
|
139 | width: 580px; |
142 |
|
140 | padding-top: 10px; |
- | 141 | } |
|
- | 142 | #username_input, |
|
- | 143 | #password_input { |
|
- | 144 | align: left; |
|
- | 145 | } |
|
- | 146 | /* hide placeholders for desktops */ |
|
- | 147 | ::-webkit-input-placeholder { |
|
- | 148 | /* WebKit browsers */ |
|
- | 149 | color: transparent; |
|
- | 150 | } |
|
- | 151 | :-moz-placeholder { |
|
- | 152 | /* Mozilla Firefox 4 to 18 */ |
|
- | 153 | color: transparent; |
|
- | 154 | } |
|
- | 155 | ::-moz-placeholder { |
|
- | 156 | /* Mozilla Firefox 19+ */ |
|
- | 157 | color: transparent; |
|
- | 158 | } |
|
- | 159 | :-ms-input-placeholder { |
|
- | 160 | /* Internet Explorer 10+ */ |
|
- | 161 | color: transparent; |
|
- | 162 | } |
|
- | 163 | input::placeholder { |
|
- | 164 | color: transparent; |
|
- | 165 | } |
|
- | 166 | textarea::-webkit-input-placeholder { |
|
- | 167 | /* WebKit browsers */ |
|
- | 168 | color: transparent; |
|
- | 169 | } |
|
- | 170 | textarea:-moz-placeholder { |
|
- | 171 | /* Mozilla Firefox 4 to 18 */ |
|
- | 172 | color: transparent; |
|
- | 173 | } |
|
- | 174 | textarea::-moz-placeholder { |
|
- | 175 | /* Mozilla Firefox 19+ */ |
|
- | 176 | color: transparent; |
|
- | 177 | } |
|
- | 178 | textarea:-ms-input-placeholder { |
|
- | 179 | /* Internet Explorer 10+ */ |
|
- | 180 | color: transparent; |
|
143 |
|
181 | } |
- | 182 | textarea::placeholder { |
|
- | 183 | color: transparent; |
|
144 | } |
184 | } |
145 | /* pour mobile */ |
185 | /* pour mobile */ |
146 | @media (max-width: 900px) |
186 | @media (max-width: 900px) |
147 | { |
187 | { |
148 | .desktop-only { |
188 | .desktop-only { |
Line 152... | Line 192... | ||
152 | #logon { |
192 | #logon { |
153 | position: relative; |
193 | position: relative; |
154 | width: 100%; |
194 | width: 100%; |
155 | top: 10px; |
195 | top: 10px; |
156 | /* ombrage css3*/ |
196 | /* ombrage css3*/ |
157 | -moz-box-shadow: 0px 0px 12px #000; |
197 | -moz-box-shadow: 0px 0px 12px #000; |
158 | -webkit-box-shadow: 0px 0px 12px #000; |
198 | -webkit-box-shadow: 0px 0px 12px #000; |
159 | box-shadow: 0px 0px 12px #000; |
199 | box-shadow: 0px 0px 12px #000; |
160 | } |
200 | } |
161 | #boite-logon { |
201 | #boite-logon { |
162 | background-image: linear-gradient(#efefef, #d5d5d5); |
202 | background-image: linear-gradient(#efefef, #d5d5d5); |
Line 168... | Line 208... | ||
168 | padding-top: 10px; |
208 | padding-top: 10px; |
169 | } |
209 | } |
170 | input[type="text"] |
210 | input[type="text"] |
171 | { |
211 | { |
172 | font-size:30px; |
212 | font-size:30px; |
- | 213 | color: grey; |
|
173 | } |
214 | } |
174 | input[type="password"] |
215 | input[type="password"] |
175 | { |
216 | { |
176 | font-size:30px; |
217 | font-size:30px; |
- | 218 | color: grey; |
|
177 | } |
219 | } |
178 | #boite-logon INPUT { |
220 | #boite-logon INPUT { |
179 | border: #666666 1px solid; |
221 | border: #666666 1px solid; |
180 | padding: 2px; |
222 | padding: 2px; |
181 | font-family: arial; |
223 | font-family: arial; |
Line 187... | Line 229... | ||
187 | #boite-info { |
229 | #boite-info { |
188 | border: 0px; |
230 | border: 0px; |
189 | margin-top: 25px; |
231 | margin-top: 25px; |
190 | width: 580px; |
232 | width: 580px; |
191 | padding-top: 10px; |
233 | padding-top: 10px; |
- | 234 | } |
|
- | 235 | #username_input, |
|
- | 236 | #password_input { |
|
- | 237 | align: center; |
|
- | 238 | } |
|
- | 239 | ||
- | 240 | /* Placeholders */ |
|
- | 241 | ::-webkit-input-placeholder { |
|
- | 242 | /* WebKit browsers */ |
|
- | 243 | color: lightgrey; |
|
- | 244 | } |
|
- | 245 | :-moz-placeholder { |
|
- | 246 | /* Mozilla Firefox 4 to 18 */ |
|
- | 247 | color: lightgrey; |
|
- | 248 | } |
|
- | 249 | ::-moz-placeholder { |
|
- | 250 | /* Mozilla Firefox 19+ */ |
|
- | 251 | color: lightgrey; |
|
- | 252 | } |
|
- | 253 | :-ms-input-placeholder { |
|
- | 254 | /* Internet Explorer 10+ */ |
|
- | 255 | color: lightgrey; |
|
- | 256 | } |
|
- | 257 | input::placeholder { |
|
- | 258 | color: lightgrey; |
|
- | 259 | } |
|
- | 260 | textarea::-webkit-input-placeholder { |
|
- | 261 | /* WebKit browsers */ |
|
- | 262 | color: lightgrey; |
|
- | 263 | } |
|
- | 264 | textarea:-moz-placeholder { |
|
- | 265 | /* Mozilla Firefox 4 to 18 */ |
|
- | 266 | color: lightgrey; |
|
- | 267 | } |
|
- | 268 | textarea::-moz-placeholder { |
|
- | 269 | /* Mozilla Firefox 19+ */ |
|
- | 270 | color: lightgrey; |
|
- | 271 | } |
|
- | 272 | textarea:-ms-input-placeholder { |
|
- | 273 | /* Internet Explorer 10+ */ |
|
- | 274 | color: lightgrey; |
|
- | 275 | } |
|
- | 276 | textarea::placeholder { |
|
- | 277 | color: lightgrey; |
|
192 | } |
278 | } |
193 | } |
279 | } |
194 | /*boite de dialogue de deconnection*/ |
280 | /*boite de dialogue de deconnection*/ |
195 | /* pour desktop */ |
281 | /* pour desktop */ |
196 | @media (min-width: 900px) |
- | |
197 | { |
- | |
198 |
|
282 | .mobile-only { |
199 |
|
283 | display: none; |
200 |
|
284 | } |
201 |
|
285 | #contenu_acces { |
202 |
|
286 | position: relative; |
203 |
|
287 | width: 640px; |
204 |
|
288 | height: 400px; |
205 |
|
289 | top: -20px; |
206 |
|
290 | padding-top: 0px; |
207 |
|
291 | margin-left: auto; |
208 |
|
292 | margin-right: auto; |
209 |
|
293 | z-index: 1; |
210 | 294 | ||
211 |
|
295 | /* ombrage CSS3 */ |
212 | 296 | ||
213 |
|
297 | -moz-box-shadow: 1px 1px 10px #000; |
214 |
|
298 | -webkit-box-shadow: 1px 1px 10px #000; |
215 |
|
299 | box-shadow: 1px 1px 10px #000; |
216 |
|
300 | } |
217 |
|
301 | #cadre_titre{ |
218 |
|
302 | position: relative; |
219 |
|
303 | width: 730px; |
220 |
|
304 | height: 98px; |
221 |
|
305 | margin-top: 40px; |
222 |
|
306 | margin-left: auto; |
223 |
|
307 | margin-right: auto; |
224 |
|
308 | z-index: 2; |
225 | 309 | ||
226 |
|
310 | /* ombrage css3 */ |
227 | 311 | ||
228 |
|
312 | -moz-box-shadow: 1px 4px 10px #000; |
229 |
|
313 | -webkit-box-shadow: 1px 4px 10px #000; |
230 |
|
314 | box-shadow: 1px 4px 10px #000; |
231 |
|
315 | } |
232 |
|
316 | #boite_logo{ |
233 |
|
317 | position: absolute; |
234 |
|
318 | top: -30px; |
235 |
|
319 | left: -50px; |
236 |
|
320 | width: 150px; |
237 |
|
321 | height: 150px; |
238 |
|
322 | z-index: 2; |
239 | } |
- | |
240 | } |
323 | } |
241 | /* pour mobile */ |
324 | /* pour mobile */ |
242 | @media (max-width: 900px) |
325 | @media (max-width: 900px) |
243 | { |
326 | { |
244 | .desktop-only { |
327 | .desktop-only { |
245 | display: none; |
328 | display: none; |
- | 329 | } |
|
- | 330 | .mobile-only { |
|
- | 331 | display: inline; |
|
246 | } |
332 | } |
247 | #contenu_acces { |
333 | #contenu_acces { |
248 | position: relative; |
334 | position: relative; |
249 | width: 90%; |
335 | width: 90%; |
250 | height: 400px; |
336 | height: 400px; |
Line 254... | Line 340... | ||
254 | margin-right: auto; |
340 | margin-right: auto; |
255 | z-index: 1; |
341 | z-index: 1; |
256 | 342 | ||
257 | /* ombrage CSS3 */ |
343 | /* ombrage CSS3 */ |
258 | 344 | ||
259 | -moz-box-shadow: 1px 1px 10px #000; |
345 | -moz-box-shadow: 1px 1px 10px #000; |
260 | -webkit-box-shadow: 1px 1px 10px #000; |
346 | -webkit-box-shadow: 1px 1px 10px #000; |
261 | box-shadow: 1px 1px 10px #000; |
347 | box-shadow: 1px 1px 10px #000; |
262 | } |
348 | } |
263 | #cadre_titre{ |
349 | #cadre_titre{ |
264 | position: relative; |
350 | position: relative; |
Line 269... | Line 355... | ||
269 | margin-right: auto; |
355 | margin-right: auto; |
270 | z-index: 2; |
356 | z-index: 2; |
271 | 357 | ||
272 | /* ombrage css3 */ |
358 | /* ombrage css3 */ |
273 | 359 | ||
274 | -moz-box-shadow: 1px 4px 10px #000; |
360 | -moz-box-shadow: 1px 4px 10px #000; |
275 | -webkit-box-shadow: 1px 4px 10px #000; |
361 | -webkit-box-shadow: 1px 4px 10px #000; |
276 | box-shadow: 1px 4px 10px #000; |
362 | box-shadow: 1px 4px 10px #000; |
277 | } |
363 | } |
278 | #boite_logo{ |
364 | #boite_logo{ |
279 | position: absolute; |
365 | position: absolute; |
Line 309... | Line 395... | ||
309 | #boite-logon, #auth_reussi, #logon { |
395 | #boite-logon, #auth_reussi, #logon { |
310 | border: 1px #efefef solid; |
396 | border: 1px #efefef solid; |
311 | 397 | ||
312 | /* ombrage css3*/ |
398 | /* ombrage css3*/ |
313 | 399 | ||
314 | -moz-box-shadow: 0px 0px 6px #000; |
400 | -moz-box-shadow: 0px 0px 6px #000; |
315 | -webkit-box-shadow: 0px 0px 6px #000; |
401 | -webkit-box-shadow: 0px 0px 6px #000; |
316 | box-shadow: 0px 0px 6px #000; |
402 | box-shadow: 0px 0px 6px #000; |
317 | } |
403 | } |
318 | #liens_redir { |
404 | #liens_redir { |
319 | position: relative; |
405 | position: relative; |
Line 361... | Line 447... | ||
361 | margin-right: auto; |
447 | margin-right: auto; |
362 | z-index: 1; |
448 | z-index: 1; |
363 | 449 | ||
364 | /* ombrage CSS3 */ |
450 | /* ombrage CSS3 */ |
365 | 451 | ||
366 | -moz-box-shadow: 1px 1px 10px #000; |
452 | -moz-box-shadow: 1px 1px 10px #000; |
367 | -webkit-box-shadow: 1px 1px 10px #000; |
453 | -webkit-box-shadow: 1px 1px 10px #000; |
368 | box-shadow: 1px 1px 10px #000; |
454 | box-shadow: 1px 1px 10px #000; |
369 | } |
455 | } |
370 | 456 | ||
371 | #logo_acces IMG, #box_refuse IMG { |
457 | #logo_acces IMG, #box_refuse IMG { |
Line 439... | Line 525... | ||
439 | width: 310px; |
525 | width: 310px; |
440 | background-image: url(/images/fond-bdd.png); |
526 | background-image: url(/images/fond-bdd.png); |
441 | background-repeat: repeat-x; |
527 | background-repeat: repeat-x; |
442 | 528 | ||
443 | /* ombrage CSS3 */ |
529 | /* ombrage CSS3 */ |
444 | -moz-box-shadow: 1px 1px 6px #666; |
530 | -moz-box-shadow: 1px 1px 6px #666; |
445 | -webkit-box-shadow: 1px 1px 6px #666; |
531 | -webkit-box-shadow: 1px 1px 6px #666; |
446 | box-shadow: 1px 1px 6px #666; |
532 | box-shadow: 1px 1px 6px #666; |
447 | } |
533 | } |
448 | .div-cache { |
534 | .div-cache { |
449 | visibility: hidden; |
535 | visibility: hidden; |
Line 494... | Line 580... | ||
494 | /* cursor: pointer;*/ |
580 | /* cursor: pointer;*/ |
495 | background-image: url(/images/fond-bdd_rouge.png); |
581 | background-image: url(/images/fond-bdd_rouge.png); |
496 | background-repeat: repeat-x; |
582 | background-repeat: repeat-x; |
497 | 583 | ||
498 | /* ombrage CSS3 */ |
584 | /* ombrage CSS3 */ |
499 | -moz-box-shadow: 0px 0px 0px #fff; |
585 | -moz-box-shadow: 0px 0px 0px #fff; |
500 | -webkit-box-shadow: 0px 0px 0px #fff; |
586 | -webkit-box-shadow: 0px 0px 0px #fff; |
501 | box-shadow: 0px 0px 0px #fff; |
587 | box-shadow: 0px 0px 0px #fff; |
502 | } |
588 | } |
503 | #box_conn:hover a, #box_certif:hover a, #box_mdp:hover a, #box_acc:hover a, .box_menu a:hover, .box_menu a:visited:hover, #box_info :link:hover, #box_info :visited:hover { |
589 | #box_conn:hover a, #box_certif:hover a, #box_mdp:hover a, #box_acc:hover a, .box_menu a:hover, .box_menu a:visited:hover, #box_info :link:hover, #box_info :visited:hover { |
504 | color: red; |
590 | color: red; |
Line 516... | Line 602... | ||
516 | cursor: not-allowed !important; |
602 | cursor: not-allowed !important; |
517 | background-image: url(/images/fond-bdd.png) !important; |
603 | background-image: url(/images/fond-bdd.png) !important; |
518 | background-repeat: repeat-x !important; |
604 | background-repeat: repeat-x !important; |
519 | 605 | ||
520 | /* ombrage CSS3 */ |
606 | /* ombrage CSS3 */ |
521 | -moz-box-shadow: 1px 1px 6px #666 !important; |
607 | -moz-box-shadow: 1px 1px 6px #666 !important; |
522 | -webkit-box-shadow: 1px 1px 6px #666 !important; |
608 | -webkit-box-shadow: 1px 1px 6px #666 !important; |
523 | box-shadow: 1px 1px 6px #666 !important; |
609 | box-shadow: 1px 1px 6px #666 !important; |
524 | } |
610 | } |
525 | 611 | ||
526 | /*Mise en page de la bulle d'info (coté droit)*/ |
612 | /*Mise en page de la bulle d'info (coté droit)*/ |
Line 545... | Line 631... | ||
545 | width: 230px; |
631 | width: 230px; |
546 | height: 250px; |
632 | height: 250px; |
547 | background-color: #efefef; |
633 | background-color: #efefef; |
548 | 634 | ||
549 | /* ombrage CSS3 */ |
635 | /* ombrage CSS3 */ |
550 | -moz-box-shadow: 1px 1px 6px #666; |
636 | -moz-box-shadow: 1px 1px 6px #666; |
551 | -webkit-box-shadow: 1px 1px 6px #666; |
637 | -webkit-box-shadow: 1px 1px 6px #666; |
552 | box-shadow: 1px 1px 6px #666; |
638 | box-shadow: 1px 1px 6px #666; |
553 | } |
639 | } |
554 | #box_info :link, #box_info :visited { |
640 | #box_info :link, #box_info :visited { |
555 | text-decoration: none; |
641 | text-decoration: none; |