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;