Subversion Repositories Applications.projet

Rev

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

Rev Author Line No. Line
319 alexandre_ 1 
/*
2 
 +----------------------------------------------------------------------------+
3 
 | projets.css                                                                |
4 
 +----------------------------------------------------------------------------+
375 aurelien 5 
 | Copyright (c) 2008 Tela Botanica                                           |
319 alexandre_ 6 
 +----------------------------------------------------------------------------+
7 
 | Feuille de style specifique a l'application projet de Tela Botanica        |
8 
 +----------------------------------------------------------------------------+
375 aurelien 9 
 | Auteur : Alexandre Granier <alexandre@tela-botanica.org>                   |
319 alexandre_ 10 
 +----------------------------------------------------------------------------+
11 
*/
12 
 
375 aurelien 13 
*   {
14 
	line-height : 18px;
15 
}
319 alexandre_ 16 
 
375 aurelien 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;
35 
}
36 
 
319 alexandre_ 37 
#texte {
38 
  max-width:850px;
39 
}
40 
.liste_projet li {
41 
 padding:8px;
42 
 list-style-type:none;
43 
 
44 
 }
45 
 
46 
#precedent, #suivant {
47 
  border:1px solid black;
48 
  padding: 3px 4px 3px 4px;
49 
  margin: 3px;
50 
  background-image: none;
51 
}
52 
 
53 
#precedent a, #suivant a {
54 
  text-decoration:none;
55 
  background-image:none;
56 
}
57 
#precedent:before {content: "<< ";}
58 
#suivant:after {content: " >>";}
59 
.nombre_message {
60 
  font-size:14px;
61 
  color: #ad5a40;
62 
}
63 
 
64 
#precedent:hover, #suivant:hover {background-color:#eddbd6;}
65 
#bouton_repondre {float:none;display:inline;}
375 aurelien 66 
.mois {background-color:#DFDFDF;padding:3px;
319 alexandre_ 67 
text-align:center;}
68 
#petit_calendrier table {border:1px solid black;}
375 aurelien 69 
#petit_calendrier th {background-color:#C2C0AD;color:white;padding:2px;}
319 alexandre_ 70 
.col_annee {font-weight:bold;}
71 
 
72 
 
73 
.liste_projet li:hover {
74 
 background-color:#F5F5F5;
75 
}
76 
.liste_projet a, .liste_projet h1 {
77 
 background-color:transparent;
78 
}
79 
 
375 aurelien 80 
.liste_projet li {
81 
	list-style-image: none !important;
82 
}
83 
 
319 alexandre_ 84 
 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}
86 
 .liste_projet a {color:blue;}
87 
 .projet_activite_elevee {color:red;}
88 
 .projet_activite_moyenne {color:green;}
89 
 .projet_activite_faible {color:blue;}
90 
 
375 aurelien 91 
#projet_theme {
92 
		margin-left: 20px;
93 
}
94 
 
319 alexandre_ 95 
#projet_theme h1{
96 
 background:none;
97 
 color:black;
98 
}
99 
.pager {
100 
 width:100%;max-width:600px;
101 
 text-align:center;
102 
 margin:10px 0 10px 0;
103 
}
104 
 
105 
.pager .page_courante, .pager a {
106 
 border:1px solid black;
107 
 padding:3px 4px 3px 4px;
108 
 margin:3px;
109 
 background-image:none;
110 
}
111 
.pager .page_courante {
112 
 background-color:#eddbd6;
113 
 background-image:none;
114 
}
115 
.pager a:hover {
116 
 background-color:#eddbd6;
117 
 background-image:none;
118 
}
119 
 
120 
.projet_recherche  {
121 
 margin-bottom:5px;
122 
}
123 
.projet_recherche fieldset {border:0px;}
124 
.notes input {
125 
  border:1px solid #ad5a40;
126 
  background-color:#eddbd6;
127 
}
128 
#projet_recherche_submit {
129 
  text-align:center;
130 
  margin:5px;
131 
}
132 
 
133 
#projet_range {display:inline;}
134 
#projet_choix_mode {display:inline;width:100%;text-align:right;}
135 
#projet_range .nombre {font-weight:bold;}
136 
#cartouche_liste_projet {width:100;margin-left:40px;padding:8px;}
137 
 
375 aurelien 138 
table.table_cadre {display:block;max-width:800px;}
319 alexandre_ 139 
.table_cadre a.tri_bas {
140 
  background: url("/client/projet/images/icon_sort_dwn.gif") no-repeat left;
141 
  padding: 0 0 0 10px;
142 
  color:white;
143 
}
144 
.table_cadre a.tri_haut {
145 
  background: url("/client/projet/images/icon_sort_up.gif") no-repeat left;
146 
  padding: 0 0 0 10px;
147 
  color:white;
148 
}
149 
.table_cadre a.tri_sans {
150 
  background: url("/client/projet/images/icon_sort.gif") no-repeat left;
151 
  padding: 0 0 0 10px;
152 
  color:white;
153 
}
154 
 
155 
#table_projet {max-width:100%;width:100%}
156 
 
157 
#projet_bloc_action {
158 
border:0px solid black;
375 aurelien 159 
  margin:0 0 10px 0px;
160 
  width:100%;
161 
  max-width:680px;
319 alexandre_ 162 
}
163 
#projet_bloc_action img {
164 
float:left;
165 
}
166 
 
167 
#projet_bloc_action h2 {
168 
 clear:none;
169 
}
170 
#projet_lien_inscription {
375 aurelien 171 
  height:45px;
172 
  width:280px;
173 
  padding:0 5px 0 0;margin:0;
319 alexandre_ 174 
  border:1px solid black;
175 
  text-decoration:none;
176 
  display:block;
177 
  float:left;
178 
  background-color:#ede7d8;
375 aurelien 179 
  overflow:hidden;
319 alexandre_ 180 
}
181 
#projet_lien_inscription a {
182 
  padding:0;
183 
  width:100%;
184 
  display:block;
185 
  float:left;
186 
  text-decoration:none;
187 
  color:black;
188 
  background-image:none;
189 
}
190 
 
191 
 
192 
#projet_ou {
193 
  text-align:center;
194 
  float:left;
195 
  width:80px;
196 
  font:bold 17px arial;
197 
  color:#ad5a40;
375 aurelien 198 
  margin:20px 50px 10px 50px;
319 alexandre_ 199 
}
200 
 
201 
 
375 aurelien 202 
#projet_lien_inscription:hover, #projet_lien_login:hover {background-color:darkgrey;}
319 alexandre_ 203 
 
204 
#projet_lien_login {
205 
  background-color:#ede7d8;
375 aurelien 206 
  width:220px;
207 
  height:45px;
208 
  margin:0;
319 alexandre_ 209 
  overflow:hidden;
210 
  border:1px solid black;
211 
  float:right;
212 
}
213 
 
214 
#projet_lien_login a {
215 
  cursor:pointer;
216 
  padding:0;
217 
  width:250px;
218 
  display:block;
219 
  text-decoration:none;
220 
  background-image: none;
221 
  float:left;
222 
}
375 aurelien 223 
#projet_bloc_inscription {
224 
width:265px;
225 
margin-top:10px;
226 
background-color:#ede7d8;
227 
border:1px solid black;
228 
padding:10px;
229 
}
230 
#projet_bloc_inscription span, #projet_lien_inscription span {
231 
  margin:12px 0 0 10px;
232 
  font:bold 15px Arial, sans-serif;
319 alexandre_ 233 
  display:block;
234 
  float:left;
235 
  color:black;
236 
}
237 
 
375 aurelien 238 
#projet_bloc_inscription p {
239 
margin:0;
319 alexandre_ 240 
font:normal 13px/15px Arial;
241 
}
242 
 
375 aurelien 243 
#projet_bloc_inscription form {
244 
margin:25px 0 0 0;
319 alexandre_ 245 
font-weight:bold;
246 
}
375 aurelien 247 
#projet_bloc_inscription label {
248 
font-weight:normal;
319 alexandre_ 249 
}
375 aurelien 250 
#projet_bloc_inscription input {
319 alexandre_ 251 
  display:block;
252 
  margin-bottom:6px;
375 aurelien 253 
  width:85%;
319 alexandre_ 254 
}
375 aurelien 255 
#projet_bloc_inscription input[type="submit"] {
319 alexandre_ 256 
width:35px;margin:auto;
257 
text-align:center;
258 
}
375 aurelien 259 
#projet_bloc_inscription input[type="checkbox"] {
319 alexandre_ 260 
width:15px;
375 aurelien 261 
float:left;
319 alexandre_ 262 
}
263 
 
375 aurelien 264 
#projet_bloc_inscription:hover {
319 alexandre_ 265 
}
266 
 
267 
 
268 
#laius_inscription {
269 
  color:#005500;
270 
  font-weight:bold;
271 
  line-height:5px;
272 
}
273 
 
375 aurelien 274 
#form_connexion2 fieldset {border:0;margin:0;padding:0;}
319 alexandre_ 275 
#form_connexion2 legend {display:none;}
276 
#persistant2 {width:10px;}
277 
 
278 
 /** Les petits bouton */
279 
 .projet_bouton_action {
280 
 }
281 
 .projet_bouton_action:hover {
282 
  background-color:#c38673;
283 
 }
284 
 
285 
.projet_bouton_action a {
286 
 display:block;
287 
 float:left;
288 
 margin:0 7px 0 0;
289 
 background-color:#f5f5f5;
290 
 border:1px solid #dedede;
291 
 border-top:1px solid #eee;
292 
 border-left:1px solid #eee;
293 
 font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
294 
 font-size:100%;
295 
 line-height:130%;
296 
 text-decoration:none;
297 
 font-weight:bold;
298 
 color:#565656;
299 
 cursor:pointer;
300 
 padding:5px 10px 6px 7px; /* Links */
301 
 background-image:none;
375 aurelien 302 
  margin-bottom:10px;
319 alexandre_ 303 
 }
304 
 
305 
 
306 
.projet_bouton_inline {display:inline;}
307 
 
308 
.projet_bouton_inline a {
309 
 display:inline;
310 
 
311 
 margin:0 7px 0 0;
312 
 background-color:#f5f5f5;
313 
 border:1px solid #dedede;
314 
 border-top:1px solid #eee;
315 
 border-left:1px solid #eee;
316 
 font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
317 
 font-size:100%;
318 
 line-height:130%;
319 
 text-decoration:none;
320 
 font-weight:bold;
321 
 color:#565656;
322 
 cursor:pointer;
323 
 padding:5px 10px 6px 7px; /* Links */
324 
 background-image:none;
375 aurelien 325 
 
319 alexandre_ 326 
 }
327 
 
375 aurelien 328 
#lien_inscription2 {display:none !important;}
319 alexandre_ 329 
 
330 
.projet_bouton_action a img, .projet_bouton_inline a img {
331 
  margin:0 3px -3px 0 !important;
332 
  padding:0;
333 
  border:none;
334 
  width:16px;
335 
  height:16px;
336 
}
337 
.projet_bouton_action a:hover, .projet_bouton_inline a:hover{
338 
  background-color:#dff4ff;
339 
  border:1px solid #c2e1ef;
340 
  color:#336699;
341 
}
342 
 
343 
.projet_bouton_action a:active{
344 
  background-color:#6299c5;
345 
  border:1px solid #6299c5;
346 
  color:#fff;
347 
}
348 
 
375 aurelien 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 
}
441