Subversion Repositories ALCASAR

Rev

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
        .mobile-only {
114
.mobile-only {
117
                display: none;
115
        display: none;
118
        }
116
}
119
        #logon {
117
#logon {
120
                position: relative;
118
        position: relative;
121
                width: 620px;
119
        width: 620px;
122
                top: 20px;
120
        top: 20px;
123
        /* ombrage css3*/      
121
/* ombrage css3*/      
124
                -moz-box-shadow: 0px 0px 12px #000;
122
        -moz-box-shadow: 0px 0px 12px #000;
125
                -webkit-box-shadow: 0px 0px 12px #000;
123
        -webkit-box-shadow: 0px 0px 12px #000;
126
                box-shadow: 0px 0px 12px #000;
124
        box-shadow: 0px 0px 12px #000;
127
        }
125
}
128
        #boite-logon {
126
#boite-logon {
129
                background-image: linear-gradient(#efefef, #d5d5d5);
127
        background-image: linear-gradient(#efefef, #d5d5d5);
130
                padding: 10px;
128
        padding: 10px;
131
                width: 420px;
129
        width: 420px;
132
                height: 189px;
130
        height: 189px;
133
        }
131
}
134
        #boite-logon TD {
132
#boite-logon TD {
135
                padding-top: 10px;
133
        padding-top: 10px;
136
                padding-left: 30px;
134
        padding-left: 30px;
137
        }
135
}
138
        #boite-info {
136
#boite-info {
139
                border: 0px;
137
        border: 0px;
140
                margin-top: 25px;
138
        margin-top: 25px;
141
                width: 580px;
139
        width: 580px;
142
                padding-top: 10px;
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
        .mobile-only {
282
.mobile-only {
199
                display: none;
283
        display: none;
200
        }
284
}
201
        #contenu_acces {
285
#contenu_acces {
202
                position: relative;
286
        position: relative;
203
                width: 640px;
287
        width: 640px;
204
                height: 400px;
288
        height: 400px;
205
                top: -20px;
289
        top: -20px;
206
                padding-top: 0px;
290
        padding-top: 0px;
207
                margin-left: auto;
291
        margin-left: auto;
208
                margin-right: auto;
292
        margin-right: auto;
209
                z-index: 1;
293
        z-index: 1;
210
 
294
 
211
        /* ombrage CSS3 */
295
/* ombrage CSS3 */
212
 
296
 
213
                -moz-box-shadow: 1px 1px 10px #000;
297
        -moz-box-shadow: 1px 1px 10px #000;
214
                -webkit-box-shadow: 1px 1px 10px #000;
298
        -webkit-box-shadow: 1px 1px 10px #000;
215
                box-shadow: 1px 1px 10px #000;
299
        box-shadow: 1px 1px 10px #000;
216
        }
300
}
217
        #cadre_titre{
301
#cadre_titre{
218
                position: relative;
302
        position: relative;
219
                width: 730px;
303
        width: 730px;
220
                height: 98px;
304
        height: 98px;
221
                margin-top: 40px;
305
        margin-top: 40px;
222
                margin-left: auto;
306
        margin-left: auto;
223
                margin-right: auto;
307
        margin-right: auto;
224
                z-index: 2;
308
        z-index: 2;
225
 
309
 
226
        /* ombrage css3 */
310
/* ombrage css3 */
227
 
311
 
228
                -moz-box-shadow: 1px 4px 10px #000;
312
        -moz-box-shadow: 1px 4px 10px #000;
229
                -webkit-box-shadow: 1px 4px 10px #000;
313
        -webkit-box-shadow: 1px 4px 10px #000;
230
                box-shadow: 1px 4px 10px #000;
314
        box-shadow: 1px 4px 10px #000;
231
        }
315
}
232
        #boite_logo{
316
#boite_logo{
233
                position: absolute;
317
        position: absolute;
234
                top: -30px;
318
        top: -30px;
235
                left: -50px;
319
        left: -50px;
236
                width: 150px;
320
        width: 150px;
237
                height: 150px;
321
        height: 150px;
238
                z-index: 2;
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;