Subversion Repositories ALCASAR

Rev

Rev 2614 | Go to most recent revision | Show entire file | Regard whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 2614 Rev 2743
Line 108... Line 108...
108
        max-width: 150px;
108
        max-width: 150px;
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 */
-
 
114
@media (min-width: 900px)
-
 
115
{
-
 
116
        .mobile-only {
-
 
117
                display: none;
-
 
118
        }
113
#logon {
119
        #logon {
114
        position: relative;
120
                position: relative;
115
        width: 620px;
121
                width: 620px;
116
        top: 20px;
122
                top: 20px;
117
/* ombrage css3*/      
123
        /* ombrage css3*/      
Line 132... Line 138...
132
#boite-info {
138
        #boite-info {
133
        border: 0px;
139
                border: 0px;
134
        margin-top: 25px;
140
                margin-top: 25px;
135
        width: 580px;
141
                width: 580px;
136
        padding-top: 10px;
142
                padding-top: 10px;
-
 
143
        }
-
 
144
}
-
 
145
/* pour mobile */
-
 
146
@media (max-width: 900px)
-
 
147
{
-
 
148
        .desktop-only {
-
 
149
                display: none;
-
 
150
        }
-
 
151
 
-
 
152
        #logon {
-
 
153
                position: relative;
-
 
154
                width: 100%;
-
 
155
                top: 10px;
-
 
156
        /* ombrage css3*/      
-
 
157
                -moz-box-shadow: 0px 0px 12px #000;
-
 
158
                -webkit-box-shadow: 0px 0px 12px #000;
-
 
159
                box-shadow: 0px 0px 12px #000;
-
 
160
        }
-
 
161
        #boite-logon {
-
 
162
                background-image: linear-gradient(#efefef, #d5d5d5);
-
 
163
                padding: 10px;
-
 
164
                width: 90%;
-
 
165
                height: 189px;
-
 
166
        }
-
 
167
        #boite-logon TD {
-
 
168
                padding-top: 10px;
-
 
169
        }
-
 
170
        input[type="text"]
-
 
171
        {
-
 
172
            font-size:30px;
-
 
173
        }
-
 
174
        input[type="password"]
-
 
175
        {
-
 
176
            font-size:30px;
-
 
177
        }
-
 
178
        #boite-logon INPUT {
-
 
179
                border: #666666 1px solid;
-
 
180
                padding: 2px;
-
 
181
                font-family: arial;
-
 
182
                height: 30px;
-
 
183
        }
-
 
184
        #authenticate-button {
-
 
185
                font-size: 30px;
-
 
186
        }
-
 
187
        #boite-info {
-
 
188
                border: 0px;
-
 
189
                margin-top: 25px;
-
 
190
                width: 580px;
-
 
191
                padding-top: 10px;
-
 
192
        }
137
}
193
}
138
/*boite de dialogue de deconnection*/
194
/*boite de dialogue de deconnection*/
-
 
195
/* pour desktop */
-
 
196
@media (min-width: 900px)
-
 
197
{
-
 
198
        .mobile-only {
-
 
199
                display: none;
-
 
200
        }
-
 
201
        #contenu_acces {
-
 
202
                position: relative;
-
 
203
                width: 640px;
-
 
204
                height: 400px;
-
 
205
                top: -20px;
-
 
206
                padding-top: 0px;
-
 
207
                margin-left: auto;
-
 
208
                margin-right: auto;
-
 
209
                z-index: 1;
-
 
210
 
-
 
211
        /* ombrage CSS3 */
-
 
212
 
-
 
213
                -moz-box-shadow: 1px 1px 10px #000;
-
 
214
                -webkit-box-shadow: 1px 1px 10px #000;
-
 
215
                box-shadow: 1px 1px 10px #000;
-
 
216
        }
-
 
217
        #cadre_titre{
-
 
218
                position: relative;
-
 
219
                width: 730px;
-
 
220
                height: 98px;
-
 
221
                margin-top: 40px;
-
 
222
                margin-left: auto;
-
 
223
                margin-right: auto;
-
 
224
                z-index: 2;
-
 
225
 
-
 
226
        /* ombrage css3 */
-
 
227
 
-
 
228
                -moz-box-shadow: 1px 4px 10px #000;
-
 
229
                -webkit-box-shadow: 1px 4px 10px #000;
-
 
230
                box-shadow: 1px 4px 10px #000;
-
 
231
        }
-
 
232
        #boite_logo{
-
 
233
                position: absolute;
-
 
234
                top: -30px;
-
 
235
                left: -50px;
-
 
236
                width: 150px;
-
 
237
                height: 150px;
-
 
238
                z-index: 2;
-
 
239
        }
-
 
240
}
-
 
241
/* pour mobile */
-
 
242
@media (max-width: 900px)
-
 
243
{
-
 
244
        .desktop-only {
-
 
245
                display: none;
-
 
246
        }
-
 
247
        #contenu_acces {
-
 
248
                position: relative;
-
 
249
                width: 90%;
-
 
250
                height: 400px;
-
 
251
                top: -20px;
-
 
252
                padding-top: 0px;
-
 
253
                margin-left: auto;
-
 
254
                margin-right: auto;
-
 
255
                z-index: 1;
-
 
256
 
-
 
257
        /* ombrage CSS3 */
-
 
258
 
-
 
259
                -moz-box-shadow: 1px 1px 10px #000;
-
 
260
                -webkit-box-shadow: 1px 1px 10px #000;
-
 
261
                box-shadow: 1px 1px 10px #000;
-
 
262
        }
-
 
263
        #cadre_titre{
-
 
264
                position: relative;
-
 
265
                width: 100%;
-
 
266
                height: 98px;
-
 
267
                margin-top: 40px;
-
 
268
                margin-left: auto;
-
 
269
                margin-right: auto;
-
 
270
                z-index: 2;
-
 
271
 
-
 
272
        /* ombrage css3 */
-
 
273
 
-
 
274
                -moz-box-shadow: 1px 4px 10px #000;
-
 
275
                -webkit-box-shadow: 1px 4px 10px #000;
-
 
276
                box-shadow: 1px 4px 10px #000;
-
 
277
        }
-
 
278
        #boite_logo{
-
 
279
                position: absolute;
-
 
280
                top: -30px;
-
 
281
                left: -10px;
-
 
282
                width: 150px;
-
 
283
                height: 150px;
-
 
284
                z-index: 2;
-
 
285
        }
-
 
286
}
139
 
287
 
140
#auth_reussi {
288
#auth_reussi {
141
        width: 450px;
289
        width: 450px;
142
        margin-top: 12px;
290
        margin-top: 12px;
143
        padding-top: 5px;
291
        padding-top: 5px;
Line 178... Line 326...
178
        text-align: center;
326
        text-align: center;
179
        margin: 15px;
327
        margin: 15px;
180
}
328
}
181
/* style de la page accès controlé*/
329
/* style de la page accès controlé*/
182
 
330
 
183
#cadre_titre{
-
 
184
        position: relative;
-
 
185
        width: 730px;
-
 
186
        height: 98px;
-
 
187
        margin-top: 40px;
-
 
188
        margin-left: auto;
-
 
189
        margin-right: auto;
-
 
190
        z-index: 2;
-
 
191
 
-
 
192
/* ombrage css3 */
-
 
193
 
-
 
194
        -moz-box-shadow: 1px 4px 10px #000;
-
 
195
        -webkit-box-shadow: 1px 4px 10px #000;
-
 
196
        box-shadow: 1px 4px 10px #000;
-
 
197
}
-
 
198
#cadre_titre .titre_controle {
331
#cadre_titre .titre_controle {
199
        background-image: url(/images/fond-bandeau.png);
332
        background-image: url(/images/fond-bandeau.png);
200
        background-repeat: repeat-x;
333
        background-repeat: repeat-x;
201
}
334
}
202
#cadre_titre .titre_refus  {
335
#cadre_titre .titre_refus  {
203
        background-image: url(/images/fond-bandeau-rouge.png);
336
        background-image: url(/images/fond-bandeau-rouge.png);
204
        background-repeat: repeat-x;
337
        background-repeat: repeat-x;
205
}
-
 
206
#boite_logo{
-
 
207
        position: absolute;
-
 
208
        top: -30px;
-
 
209
        left: -50px;
-
 
210
        width: 150px;
-
 
211
        height: 150px;
-
 
212
        z-index: 2;
-
 
213
}
338
}
214
#acces_controle {
339
#acces_controle {
215
        text-align: center;
340
        text-align: center;
216
        font-size: 40px;
341
        font-size: 40px;
217
        padding-top: 25px;
342
        padding-top: 25px;
Line 221... Line 346...
221
#logo_acces {
346
#logo_acces {
222
        position: relative;
347
        position: relative;
223
        top: 0px;
348
        top: 0px;
224
        left: 0px;
349
        left: 0px;
225
}
350
}
226
#contenu_acces {
-
 
227
        position: relative;
-
 
228
        width: 640px;
-
 
229
        height: 400px;
-
 
230
        top: -20px;
-
 
231
        padding-top: 0px;
-
 
232
        margin-left: auto;
-
 
233
        margin-right: auto;
-
 
234
        z-index: 1;
-
 
235
 
-
 
236
/* ombrage CSS3 */
-
 
237
 
-
 
238
        -moz-box-shadow: 1px 1px 10px #000;
-
 
239
        -webkit-box-shadow: 1px 1px 10px #000;
-
 
240
        box-shadow: 1px 1px 10px #000;
-
 
241
}
-
 
242
 
-
 
243
#contenu_error {
351
#contenu_error {
244
        position: relative;
352
        position: relative;
245
        width: 640px;
353
        width: 640px;
246
        height: auto;
354
        height: auto;
247
        top: -20px;
355
        top: -20px;