Subversion Repositories Applications.projet

Rev

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