Subversion Repositories Applications.projet

Rev

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

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