Subversion Repositories ALCASAR

Rev

Rev 2743 | 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 188... Line 230...
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;
192
	}
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;
-
 
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;
246
	}
329
	}
-
 
330
	.mobile-only {
-
 
331
		display: inline;
-
 
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;
251
		top: -20px;
337
		top: -20px;
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;