Subversion Repositories Applications.projet

Rev

Rev 382 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

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