Subversion Repositories Applications.projet

Rev

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

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