Subversion Repositories Applications.projet

Rev

Rev 319 | Rev 381 | Go to most recent revision | Only display areas with differences | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 319 Rev 375
1
/*
1
/*
2
 +----------------------------------------------------------------------------+
2
 +----------------------------------------------------------------------------+
3
 | projets.css                                                                |
3
 | projets.css                                                                |
4
 +----------------------------------------------------------------------------+
4
 +----------------------------------------------------------------------------+
5
 | Copyright (c) 2004 Tela Botanica                                           |
5
 | Copyright (c) 2008 Tela Botanica                                           |
6
 +----------------------------------------------------------------------------+
6
 +----------------------------------------------------------------------------+
7
 | Feuille de style specifique a l'application projet de Tela Botanica        |
7
 | Feuille de style specifique a l'application projet de Tela Botanica        |
8
 +----------------------------------------------------------------------------+
8
 +----------------------------------------------------------------------------+
9
 | Auteur : Tamara LE BOURG <tamara@tela-botanica.org>                        |
-
 
10
 |          Alexandre Granier <alexandre@tela-botanica.org>                   |
9
 | Auteur : Alexandre Granier <alexandre@tela-botanica.org>                   |
11
 +----------------------------------------------------------------------------+
10
 +----------------------------------------------------------------------------+
12
*/
11
*/
-
 
12
 
-
 
13
*   {
-
 
14
	line-height : 18px;
-
 
15
}
-
 
16
 
-
 
17
.information_projet {
-
 
18
float:right;
-
 
19
width:250px;
-
 
20
text-align:left;
-
 
21
  max-width: 800px;
-
 
22
  padding:5px;
-
 
23
  padding-bottom: 10px;
-
 
24
  position : relative;
-
 
25
  left : -3px;
-
 
26
}
-
 
27
 
-
 
28
 
-
 
29
.information_projet ul {
-
 
30
	margin-top : 10px;
-
 
31
}
-
 
32
 
-
 
33
.information_projet li {
-
 
34
  margin-left: 20px;
13
 
35
}
14
 
36
 
15
#texte {
37
#texte {
16
  max-width:850px;
38
  max-width:850px;
17
}
39
}
18
.liste_projet li {
40
.liste_projet li {
19
 padding:8px;
41
 padding:8px;
20
 list-style-type:none;
42
 list-style-type:none;
21
 
43
 
22
 }
44
 }
23
 
45
 
24
#precedent, #suivant {
46
#precedent, #suivant {
25
  border:1px solid black;
47
  border:1px solid black;
26
  padding: 3px 4px 3px 4px;
48
  padding: 3px 4px 3px 4px;
27
  margin: 3px;
49
  margin: 3px;
28
  background-image: none;
50
  background-image: none;
29
}
51
}
30
 
52
 
31
#precedent a, #suivant a {
53
#precedent a, #suivant a {
32
  text-decoration:none;
54
  text-decoration:none;
33
  background-image:none;
55
  background-image:none;
34
}
56
}
35
#precedent:before {content: "<< ";}
57
#precedent:before {content: "<< ";}
36
#suivant:after {content: " >>";}
58
#suivant:after {content: " >>";}
37
.nombre_message {
59
.nombre_message {
38
  font-size:14px;
60
  font-size:14px;
39
  color: #ad5a40;
61
  color: #ad5a40;
40
}
62
}
41
 
63
 
42
#precedent:hover, #suivant:hover {background-color:#eddbd6;}
64
#precedent:hover, #suivant:hover {background-color:#eddbd6;}
43
#bouton_repondre {float:none;display:inline;}
65
#bouton_repondre {float:none;display:inline;}
44
.mois {background-color:#eddbd6;padding:3px;
66
.mois {background-color:#DFDFDF;padding:3px;
45
text-align:center;}
67
text-align:center;}
46
#petit_calendrier table {border:1px solid black;}
68
#petit_calendrier table {border:1px solid black;}
47
#petit_calendrier th {background-color:#ad5a40;color:white;padding:2px;}
69
#petit_calendrier th {background-color:#C2C0AD;color:white;padding:2px;}
48
.col_annee {font-weight:bold;}
70
.col_annee {font-weight:bold;}
49
 
71
 
50
 
72
 
51
.liste_projet li:hover {
73
.liste_projet li:hover {
52
 background-color:#F5F5F5;
74
 background-color:#F5F5F5;
53
}
75
}
54
.liste_projet a, .liste_projet h1 {
76
.liste_projet a, .liste_projet h1 {
55
 background-color:transparent;
77
 background-color:transparent;
56
}
78
}
-
 
79
 
-
 
80
.liste_projet li {
-
 
81
	list-style-image: none !important;
-
 
82
}
57
 
83
 
58
 ul.liste_projet {max-width:700px;margin-left:0px;padding-left:0px;}
84
 ul.liste_projet {max-width:700px;margin-left:0px;padding-left:0px;}
59
 .liste_projet h1{font-size:15px;padding-top:0px;margin-top:0px}
85
 .liste_projet h1{font-size:15px;padding-top:0px;margin-top:0px}
60
 .liste_projet a {color:blue;}
86
 .liste_projet a {color:blue;}
61
 .projet_activite_elevee {color:red;}
87
 .projet_activite_elevee {color:red;}
62
 .projet_activite_moyenne {color:green;}
88
 .projet_activite_moyenne {color:green;}
63
 .projet_activite_faible {color:blue;}
89
 .projet_activite_faible {color:blue;}
-
 
90
 
-
 
91
#projet_theme {
-
 
92
		margin-left: 20px;
-
 
93
}
64
 
94
 
65
#projet_theme h1{
95
#projet_theme h1{
66
 background:none;
96
 background:none;
67
 color:black;
97
 color:black;
68
}
98
}
69
.pager {
99
.pager {
70
 width:100%;max-width:600px;
100
 width:100%;max-width:600px;
71
 text-align:center;
101
 text-align:center;
72
 margin:10px 0 10px 0;
102
 margin:10px 0 10px 0;
73
}
103
}
74
 
104
 
75
.pager .page_courante, .pager a {
105
.pager .page_courante, .pager a {
76
 border:1px solid black;
106
 border:1px solid black;
77
 padding:3px 4px 3px 4px;
107
 padding:3px 4px 3px 4px;
78
 margin:3px;
108
 margin:3px;
79
 background-image:none;
109
 background-image:none;
80
}
110
}
81
.pager .page_courante {
111
.pager .page_courante {
82
 background-color:#eddbd6;
112
 background-color:#eddbd6;
83
 background-image:none;
113
 background-image:none;
84
}
114
}
85
.pager a:hover {
115
.pager a:hover {
86
 background-color:#eddbd6;
116
 background-color:#eddbd6;
87
 background-image:none;
117
 background-image:none;
88
}
118
}
89
 
119
 
90
.projet_recherche  {
120
.projet_recherche  {
91
 margin-bottom:5px;
121
 margin-bottom:5px;
92
}
122
}
93
.projet_recherche fieldset {border:0px;}
123
.projet_recherche fieldset {border:0px;}
94
.notes input {
124
.notes input {
95
  border:1px solid #ad5a40;
125
  border:1px solid #ad5a40;
96
  background-color:#eddbd6;
126
  background-color:#eddbd6;
97
}
127
}
98
#projet_recherche_submit {
128
#projet_recherche_submit {
99
  text-align:center;
129
  text-align:center;
100
  margin:5px;
130
  margin:5px;
101
}
131
}
102
 
132
 
103
#projet_range {display:inline;}
133
#projet_range {display:inline;}
104
#projet_choix_mode {display:inline;width:100%;text-align:right;}
134
#projet_choix_mode {display:inline;width:100%;text-align:right;}
105
#projet_range .nombre {font-weight:bold;}
135
#projet_range .nombre {font-weight:bold;}
106
#cartouche_liste_projet {width:100;margin-left:40px;padding:8px;}
136
#cartouche_liste_projet {width:100;margin-left:40px;padding:8px;}
107
 
137
 
108
table.table_cadre {display:block;max-width:620px;}
138
table.table_cadre {display:block;max-width:800px;}
109
.table_cadre a.tri_bas {
139
.table_cadre a.tri_bas {
110
  background: url("/client/projet/images/icon_sort_dwn.gif") no-repeat left;
140
  background: url("/client/projet/images/icon_sort_dwn.gif") no-repeat left;
111
  padding: 0 0 0 10px;
141
  padding: 0 0 0 10px;
112
  color:white;
142
  color:white;
113
}
143
}
114
.table_cadre a.tri_haut {
144
.table_cadre a.tri_haut {
115
  background: url("/client/projet/images/icon_sort_up.gif") no-repeat left;
145
  background: url("/client/projet/images/icon_sort_up.gif") no-repeat left;
116
  padding: 0 0 0 10px;
146
  padding: 0 0 0 10px;
117
  color:white;
147
  color:white;
118
}
148
}
119
.table_cadre a.tri_sans {
149
.table_cadre a.tri_sans {
120
  background: url("/client/projet/images/icon_sort.gif") no-repeat left;
150
  background: url("/client/projet/images/icon_sort.gif") no-repeat left;
121
  padding: 0 0 0 10px;
151
  padding: 0 0 0 10px;
122
  color:white;
152
  color:white;
123
}
153
}
124
 
154
 
125
#table_projet {max-width:100%;width:100%}
155
#table_projet {max-width:100%;width:100%}
126
 
156
 
127
#projet_bloc_action {
157
#projet_bloc_action {
128
border:0px solid black;
158
border:0px solid black;
129
  margin-bottom:10px;
159
  margin:0 0 10px 0px;
130
  margin-left:15px;
160
  width:100%;
131
  width:720px;
161
  max-width:680px;
132
}
162
}
133
#projet_bloc_action img {
163
#projet_bloc_action img {
134
float:left;
164
float:left;
135
}
165
}
136
 
166
 
137
#projet_bloc_action h2 {
167
#projet_bloc_action h2 {
138
 clear:none;
168
 clear:none;
139
}
169
}
140
#projet_lien_inscription {
170
#projet_lien_inscription {
141
  height:53px;
171
  height:45px;
142
  width:300px;
172
  width:280px;
143
  padding:0;margin:0;
173
  padding:0 5px 0 0;margin:0;
144
  border:1px solid black;
174
  border:1px solid black;
145
  text-decoration:none;
175
  text-decoration:none;
146
  display:block;
176
  display:block;
147
  float:left;
177
  float:left;
148
  background-color:#ede7d8;
178
  background-color:#ede7d8;
-
 
179
  overflow:hidden;
149
}
180
}
150
#projet_lien_inscription a {
181
#projet_lien_inscription a {
151
  padding:0;
182
  padding:0;
152
  width:100%;
183
  width:100%;
153
  display:block;
184
  display:block;
154
  float:left;
185
  float:left;
155
  text-decoration:none;
186
  text-decoration:none;
156
  color:black;
187
  color:black;
157
  background-image:none;
188
  background-image:none;
158
}
189
}
159
 
190
 
160
 
191
 
161
#projet_ou {
192
#projet_ou {
162
  text-align:center;
193
  text-align:center;
163
  float:left;
194
  float:left;
164
  width:80px;
195
  width:80px;
165
  font:bold 17px arial;
196
  font:bold 17px arial;
166
  color:#ad5a40;
197
  color:#ad5a40;
167
  margin:20px 50px 10px 20px;
198
  margin:20px 50px 10px 50px;
168
}
199
}
169
 
200
 
170
 
201
 
171
#projet_lien_inscription span:hover, #projet_lien_login span:hover {color:darkgrey;}
202
#projet_lien_inscription:hover, #projet_lien_login:hover {background-color:darkgrey;}
172
 
203
 
173
#projet_lien_login {
204
#projet_lien_login {
174
  background-color:#ede7d8;
205
  background-color:#ede7d8;
175
  width:250px;
206
  width:220px;
176
  height:53px;
207
  height:45px;
-
 
208
  margin:0;
177
  overflow:hidden;
209
  overflow:hidden;
178
  border:1px solid black;
210
  border:1px solid black;
179
  float:right;
211
  float:right;
180
}
212
}
181
 
213
 
182
#projet_lien_login a {
214
#projet_lien_login a {
183
  cursor:pointer;
215
  cursor:pointer;
184
  padding:0;
216
  padding:0;
185
  width:250px;
217
  width:250px;
186
  display:block;
218
  display:block;
187
  text-decoration:none;
219
  text-decoration:none;
188
  background-image: none;
220
  background-image: none;
189
  float:left;
221
  float:left;
190
}
222
}
-
 
223
#projet_bloc_inscription {
-
 
224
width:265px;
-
 
225
margin-top:10px;
-
 
226
background-color:#ede7d8;
-
 
227
border:1px solid black;
-
 
228
padding:10px;
-
 
229
}
191
#projet_lien_login span, #projet_lien_inscription span {
230
#projet_bloc_inscription span, #projet_lien_inscription span {
192
  margin:15px 0 0 10px;
231
  margin:12px 0 0 10px;
193
  font:bold 17px Arial, sans-serif;
232
  font:bold 15px Arial, sans-serif;
194
  display:block;
233
  display:block;
195
  float:left;
234
  float:left;
196
  color:black;
235
  color:black;
197
}
236
}
198
 
237
 
199
#projet_lien_login p {
238
#projet_bloc_inscription p {
200
margin:50px 5px 0 5px;
239
margin:0;
201
font:normal 13px/15px Arial;
240
font:normal 13px/15px Arial;
202
}
241
}
203
 
242
 
204
#projet_lien_login form {
243
#projet_bloc_inscription form {
205
margin:45px 20px 0 15px;
244
margin:25px 0 0 0;
206
font-weight:bold;
245
font-weight:bold;
207
}
246
}
208
#projet_lien_login label {
247
#projet_bloc_inscription label {
209
font-weight:bold;
248
font-weight:normal;
210
}
249
}
211
#projet_lien_login input {
250
#projet_bloc_inscription input {
212
  display:block;
251
  display:block;
213
  margin-bottom:6px;
252
  margin-bottom:6px;
214
  width:100%;
253
  width:85%;
215
}
254
}
216
#projet_lien_login input[type="submit"] {
255
#projet_bloc_inscription input[type="submit"] {
217
width:35px;margin:auto;
256
width:35px;margin:auto;
218
text-align:center;
257
text-align:center;
219
} 
258
} 
220
#projet_lien_login input[type="checkbox"] {
259
#projet_bloc_inscription input[type="checkbox"] {
221
width:15px;
260
width:15px;
222
float:right;
261
float:left;
223
} 
262
} 
224
 
263
 
225
#projet_lien_login:hover {
264
#projet_bloc_inscription:hover {
226
}
265
}
227
 
266
 
228
 
267
 
229
#laius_inscription {
268
#laius_inscription {
230
  color:#005500;
269
  color:#005500;
231
  font-weight:bold;
270
  font-weight:bold;
232
  line-height:5px;
271
  line-height:5px;
233
}
272
}
234
 
273
 
235
#form_connexion2 fieldset {border:0;}
274
#form_connexion2 fieldset {border:0;margin:0;padding:0;}
236
#form_connexion2 legend {display:none;}
275
#form_connexion2 legend {display:none;}
237
#persistant2 {width:10px;}
276
#persistant2 {width:10px;}
238
 
277
 
239
 /** Les petits bouton */
278
 /** Les petits bouton */
240
 .projet_bouton_action {
279
 .projet_bouton_action {
241
 }
280
 }
242
 .projet_bouton_action:hover {
281
 .projet_bouton_action:hover {
243
  background-color:#c38673;
282
  background-color:#c38673;
244
 }
283
 }
245
 
284
 
246
.projet_bouton_action a {
285
.projet_bouton_action a {
247
 display:block;
286
 display:block;
248
 float:left;
287
 float:left;
249
 margin:0 7px 0 0;
288
 margin:0 7px 0 0;
250
 background-color:#f5f5f5;
289
 background-color:#f5f5f5;
251
 border:1px solid #dedede;
290
 border:1px solid #dedede;
252
 border-top:1px solid #eee;
291
 border-top:1px solid #eee;
253
 border-left:1px solid #eee;
292
 border-left:1px solid #eee;
254
 font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
293
 font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
255
 font-size:100%;
294
 font-size:100%;
256
 line-height:130%;
295
 line-height:130%;
257
 text-decoration:none;
296
 text-decoration:none;
258
 font-weight:bold;
297
 font-weight:bold;
259
 color:#565656;
298
 color:#565656;
260
 cursor:pointer;
299
 cursor:pointer;
261
 padding:5px 10px 6px 7px; /* Links */
300
 padding:5px 10px 6px 7px; /* Links */
262
 background-image:none;
301
 background-image:none;
-
 
302
  margin-bottom:10px;
263
 }
303
 }
264
 
304
 
265
 
305
 
266
.projet_bouton_inline {display:inline;}
306
.projet_bouton_inline {display:inline;}
267
 
307
 
268
.projet_bouton_inline a {
308
.projet_bouton_inline a {
269
 display:inline;
309
 display:inline;
270
 
310
 
271
 margin:0 7px 0 0;
311
 margin:0 7px 0 0;
272
 background-color:#f5f5f5;
312
 background-color:#f5f5f5;
273
 border:1px solid #dedede;
313
 border:1px solid #dedede;
274
 border-top:1px solid #eee;
314
 border-top:1px solid #eee;
275
 border-left:1px solid #eee;
315
 border-left:1px solid #eee;
276
 font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
316
 font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
277
 font-size:100%;
317
 font-size:100%;
278
 line-height:130%;
318
 line-height:130%;
279
 text-decoration:none;
319
 text-decoration:none;
280
 font-weight:bold;
320
 font-weight:bold;
281
 color:#565656;
321
 color:#565656;
282
 cursor:pointer;
322
 cursor:pointer;
283
 padding:5px 10px 6px 7px; /* Links */
323
 padding:5px 10px 6px 7px; /* Links */
284
 background-image:none;
324
 background-image:none;
-
 
325
 
285
 }
326
 }
-
 
327
  
286
  
328
#lien_inscription2 {display:none !important;}
287
 
329
 
288
.projet_bouton_action a img, .projet_bouton_inline a img {
330
.projet_bouton_action a img, .projet_bouton_inline a img {
289
  margin:0 3px -3px 0 !important;
331
  margin:0 3px -3px 0 !important;
290
  padding:0;
332
  padding:0;
291
  border:none;
333
  border:none;
292
  width:16px;
334
  width:16px;
293
  height:16px;
335
  height:16px;
294
}
336
}
295
.projet_bouton_action a:hover, .projet_bouton_inline a:hover{
337
.projet_bouton_action a:hover, .projet_bouton_inline a:hover{
296
  background-color:#dff4ff;
338
  background-color:#dff4ff;
297
  border:1px solid #c2e1ef;
339
  border:1px solid #c2e1ef;
298
  color:#336699;
340
  color:#336699;
299
}
341
}
300
 
342
 
301
.projet_bouton_action a:active{
343
.projet_bouton_action a:active{
302
  background-color:#6299c5;
344
  background-color:#6299c5;
303
  border:1px solid #6299c5;
345
  border:1px solid #6299c5;
304
  color:#fff;
346
  color:#fff;
305
}
347
}
306
 
348
 
-
 
349
/** Menus de projets **/
-
 
350
.menu_projet li {
-
 
351
		background: none;
-
 
352
		margin-left:15px;
-
 
353
}
-
 
354
 
-
 
355
.menu_projet > li {
-
 
356
	list-style-image: none !important;
-
 
357
}
-
 
358
 
-
 
359
/* Onglets */
-
 
360
 
-
 
361
.onglets {
-
 
362
	border-bottom: 1px solid #C2C0AD;
-
 
363
	font-weight: bold;	
-
 
364
}
-
 
365
 
-
 
366
.onglets li {
-
 
367
	list-style-image : none;
-
 
368
}
-
 
369
 
-
 
370
.onglets li:hover {
-
 
371
  color:#AD5A40
-
 
372
}
-
 
373
 
-
 
374
.onglets li:hover a {
-
 
375
  color:#AD5A40;
-
 
376
}
-
 
377
  
-
 
378
.onglets .menu_inactif {
-
 
379
  border-bottom:#62210F;
-
 
380
}
-
 
381
    
-
 
382
.onglets .menu_actif {
-
 
383
	background-color: #C2C0AD !important;
-
 
384
}
-
 
385
 
-
 
386
.onglets .menu_actif a {
-
 
387
  color:#C2C0AD;
-
 
388
}
-
 
389
 
-
 
390
/*Tableau*/
-
 
391
 
-
 
392
.table_cadre {
-
 
393
	border: 1px solid #C2C0AD;
-
 
394
}
-
 
395
 
-
 
396
.table_cadre th{
-
 
397
  background-color:#A89D80;
-
 
398
  padding:0 5px;
-
 
399
  color:white;}
-
 
400
  
-
 
401
.table_cadre a {
-
 
402
  color:black !important;}
-
 
403
  
-
 
404
.table_cadre tr {
-
 
405
	height: 30px; 
-
 
406
}
-
 
407
 
-
 
408
.table_cadre td {
-
 
409
	padding-left:5px;
-
 
410
	padding-right:5px;
-
 
411
}
-
 
412
  
-
 
413
.ligne_paire {
-
 
414
  padding-top: 2px;	
-
 
415
  background-color:#C2C0AD;
-
 
416
}
-
 
417
 
-
 
418
.page li {
-
 
419
	list-style-image: none !important;
-
 
420
	margin-left: 30px;
-
 
421
}
-
 
422
 
-
 
423
/** Wikini **/
-
 
424
 
-
 
425
#wikini_page {
-
 
426
	border-color: #A89D80;
-
 
427
}
-
 
428
 
-
 
429
#toolbar, .buttons {
-
 
430
	background: #A89D80 !important;
-
 
431
}
-
 
432
 
-
 
433
.edit {
-
 
434
	border-color: #A89D80 !important;
-
 
435
}
-
 
436
 
-
 
437
/** Message **/
-
 
438
.message pre {
-
 
439
	white-space: pre-wrap;
-
 
440
}
307
/*#bouton_cross {float:right;}*/
441