Subversion Repositories Applications.bazar

Rev

Rev 222 | Rev 278 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 222 Rev 225
Line 2... Line 2...
2 
 +----------------------------------------------------------------------------+
 2 
 +----------------------------------------------------------------------------+
3 
 | bazar.css                                                                  |
 3 
 | bazar.css                                                                  |
4 
 +----------------------------------------------------------------------------+
 4 
 +----------------------------------------------------------------------------+
5 
 | Copyright (c) 2005 Ecole et Nature                                         |
 5 
 | Copyright (c) 2005 Ecole et Nature                                         |
6 
 +----------------------------------------------------------------------------+
 6 
 +----------------------------------------------------------------------------+
7 
 | Feuille de style interne specifique a l'application Bazar                  |
 7 
 | Feuille de style interne spécifique a l'application Bazar                  |
8 
 +----------------------------------------------------------------------------+
 8 
 +----------------------------------------------------------------------------+
9 
 | Auteur : Florian SCHMITT <florian@ecole-et-nature.org>                     |
 9 
 | Auteur : Florian SCHMITT <florian@ecole-et-nature.org>                     |
10 
 +----------------------------------------------------------------------------+
 10 
 +----------------------------------------------------------------------------+
11 
*/
 11 
*/
12 
 
 - 
 
- 
 
 12 
#BAZ_corps {width:100%;}
- 
 
 13 
#formulaire input, #formulaire textarea, #formulaire select {border:1px solid #000;}
- 
 
 14 
.enligne {padding:0;margin:0;display:inline;list-style: none;list-style-type:none;background:#FFF;}
13 
/*-------------Les fiches Bazar-------------------------------------------------*/
 15 
/*-------------Les fiches Bazar-------------------------------------------------*/
14 
.BAZ_cadre_fiche {
 - 
 
15 
	float:left; clear:both;
 - 
 
16 
	margin:0 auto 10px auto; width:505px; _width:525px; padding:0 10px 10px 10px;
 16 
.BAZ_cadre_fiche {margin:0 auto;width:100%;padding:10px;
17 
    border:1px solid #3554AA;-moz-border-radius:18px;
 17 
                  border: 1px solid #3082AA;-moz-border-radius:10px;
18 
    border-top:0;
 - 
 
19 
    text-indent:0; font: 12px arial, sans-serif; color:#000; text-align:justify; line-height:17px;
 18 
                  text-indent:0; font: 13px arial, sans-serif; color:#000; text-align:justify; line-height:17px;}
20 
    background:#FFF url(images/Bandeau-fiche-Actualites.gif) no-repeat top left;
 - 
 
21 
}
 - 
 
22 
 
 - 
 
23 
 .BAZ_cadre_fiche_projets {
 - 
 
24 
	border:1px solid #4f3493;-moz-border-radius:18px;
 - 
 
25 
	border-top:0;
 - 
 
26 
	background:#FFF url(images/Bandeau-fiche-Projets.gif) no-repeat top left;
 - 
 
27 
}
 - 
 
28 
 
 - 
 
29 
.BAZ_cadre_fiche_personnes_ressources, .BAZ_cadre_fiche_comptes_rendus, .BAZ_cadre_fiche_jeux, .BAZ_cadre_fiche_realisations,  .BAZ_cadre_fiche_sites_internet {
 - 
 
30 
	border:1px solid #f2b814;-moz-border-radius:18px;
 - 
 
31 
	border-top:0;
 - 
 
32 
	background:#FFF url(images/Bandeau-fiche-Ekotheque.gif) no-repeat top left;
 - 
 
33 
}
 - 
 
34 
 
 - 
 
35 
.BAZ_titre { padding:20px 0 0 100px; height:51px; _height:71px; color:#FFF; background:transparent; width:425px; _width:525px;}
 - 
 
36 
.BAZ_nb_vues {font-weight:bold; }
 - 
 
37 
.BAZ_cadre_fiche a {font: 14px arial, sans-serif;color:#3082AA;text-decoration:underline;}
 19 
.BAZ_cadre_fiche a {font: 14px arial, sans-serif;color:#3082AA;text-decoration:underline;}
38 
.BAZ_cadre_fiche a:hover {color:#515966;text-decoration:underline;}
 20 
.BAZ_cadre_fiche a:hover {color:#515966;text-decoration:underline;}
39 
.BAZ_fiche_image {float:left; height:147px; _height:157px; width:147px; _width:157px; padding:5px; margin-right:10px; background:#FFF url(images/Zone-image.gif) no-repeat top left;}
 - 
 
40 
.BAZ_image {margin:3px 0 0 3px; width:140px; height:140px;}
 21 
#fiche_image {float:left;height:150px; width:150px;}
41 
.BAZ_fiche_titre {text-align:left; background:transparent; border:0; color:#EF7D16; text-decoration:underline; font: 16px arial, sans-serif; font-weight:bold; padding:0; margin:0 0 10px 0;}
 22 
#fiche_titre {text-align:left;width:100%;padding-left:10px; background:transparent; border:0; color:#B1BB7E; font: 19px arial, sans-serif;}
42 
.BAZ_description {min-height:120px;font: 13px arial, sans-serif;text-align:justify; margin:0 0 10px 0;}
 23 
#BAZ_description {min-height:120px;font: 15px arial, sans-serif;text-align:justify;}
43 
.BAZ_bas_page {margin: 0;padding:0;}
 24 
#BAZ_bas_page {margin: 0;padding:0;}
44 
.BAZ_commentaire_admin {padding-left:10px; background:#FFF;border:1px solid #3554AA; -moz-border-radius:10px;}
 25 
.bulle_haut {margin: 0;padding:0;}
45 
.BAZ_actions_fiche {width:140px;float:right; background:#FFF;border:1px solid #3554AA; -moz-border-radius:10px; }
 26 
.bulle_corps {margin: 0;padding:10px 5px;border: 1px solid #3082AA;-moz-border-radius:10px;background:#DBE8C8;}
46 
.BAZ_infos_fiche {float:left; width:340px;}
 27 
.bulle_bas {margin: 0;padding:0;}
47 
.BAZ_actions_fiche ul {list-style-type:none;}
 - 
 
48 
 
 - 
 
49 
.BAZ_bulle_corps {float:left; clear:both; width:97%; margin:0 0 10px 0; padding:10px 5px; border:1px solid #3554AA; -moz-border-radius:10px; background:#85D7FF;}
 28 
#formation_qualifiante {float:right;margin:0 -15px 0 5px;height:190px;width:30px;background:url(images/BAZ_formation_qualifiante.gif) bottom right no-repeat;}
50 
.BAZ_bulle_corps_projets {border:1px solid #4f3493; -moz-border-radius:10px; background:#8f78D7;}
 29 
#formation_diplomante {float:right;margin:0 -15px 0 5px;height:190px;width:30px;background:url(images/BAZ_formation_diplomante.gif) bottom right no-repeat;}
51 
.BAZ_bulle_corps_personnes_ressources, .BAZ_bulle_corps_comptes_rendus, .BAZ_bulle_corps_jeux, .BAZ_bulle_corps_realisations,  .BAZ_bulle_corps_sites_internet {border:1px solid #f2b814; -moz-border-radius:10px; background:#F6FC58;}
 30 
#formation_continue {float:right;margin:0 -15px 0 5px;height:190px;width:30px;background:url(images/BAZ_formation_continue.gif) bottom right no-repeat;}
52 
 
 - 
 
53 
.BAZ_rubrique {margin:0 0 10px 0;}
 31 
.centrer {clear:both;margin:0 auto;}
54 
.BAZ_label {width:150px; text-align:left; font:bold 13px arial,sans-serif; color:#4F3493; }
 32 
.rubrique {width:150px;	text-align:left;font: bold 15px arial, sans-serif; color: #515966;}
55 
.BAZ_texte {margin:0 0 10px 0;}
 - 
 
56 
.BAZ_liste {list-style: none;list-style-type:none; margin:0 0 10px 0; padding:0;}
 33 
.rubrique_bulle {width:90px;text-align:left;font: bold 15px arial, sans-serif; color: #000;}
57 
.BAZ_liste_lien {background: url(images/Puce-site.gif) no-repeat top left; height:27px; padding:5px 0 0 33px;}
 34 
.infos {width:70%;float:left;min-height:120px;font: bold 15px arial, sans-serif; color: #B1BB7E;line-height: 25px;}
58 
.BAZ_liste_fichier {background: url(images/Puce-groupe-travail.gif) no-repeat top left; height:27px; padding:5px 0 0 33px;}
 - 
 
59 
.BAZ_lien {color:#3554AA; text-decoration:none;}
 - 
 
60 
.BAZ_lien:hover {color:#4F3493; }
 - 
 
61 
.BAZ_lien_wikini {margin:0 0 10px 0; padding:10px 5px; height:93px; _height:113px; border:1px solid #4f3493;-moz-border-radius:10px;background:#f2b814 url(images/Projets-actif.gif) no-repeat top left;}
 - 
 
62 
div.BAZ_lien_wikini a {padding:33px 0 0 0; height:60px; _height:113px; color:#FFF; text-decoration:none; text-align:center; font-weight:bold; font-size:22px; float:right; width:400px;}
 - 
 
63 
.bazar_checkbox {float:left;width:170px;font:10px arial, sans-serif;border:0;}
 35 
.bazar_checkbox {float:left;width:170px;font:10px arial, sans-serif;border:0;}
- 
 
 36 
.lien_wikini {margin: 0;padding:10px 5px;border: 2px solid #DBE8C8;-moz-border-radius:10px;background:#3082AA;}
- 
 
 37 
div.lien_wikini a {padding-left:100px;color:#FFFFFF;}
64 
.table_bazar th{font-weight:bold;}
 38 
.table_bazar th{font-weight:bold;}
65 
.table_bazar #col1,.table_bazar #col2,.table_bazar #col3,.table_bazar #col4{text-align:center;}
 - 
 
66 
#formulaire input, #formulaire textarea, #formulaire select {border:1px solid #000;}
 - 
 
67 
.enligne {padding:0;margin:0;display:inline;list-style: none;list-style-type:none;background:#FFF;}
 - 
 
68 
/* CALENDRIER */
 - 
 
69 
#cal_entete{
 - 
 
70 
	display:block;
 - 
 
71 
	background:transparent url(images/cal_titre_fond.png) repeat-x;
 - 
 
72 
	margin:10px 0;
 - 
 
73 
	height:31px;
 - 
 
74 
	min-width:300px;
 - 
 
75 
	border-left: 2px solid #113054;
 - 
 
76 
	border-right: 2px solid #113054;}
 - 
 
77 
#cal_titre{
 - 
 
78 
	position:absolute;
 - 
 
79 
	background:transparent;
 - 
 
80 
	top:10px;
 - 
 
81 
	right:20px;
 - 
 
82 
	width:182px;}
 - 
 
83 
#cal_navigation{
 - 
 
84 
	display:block;
 - 
 
85 
	position:absolute;
 - 
 
86 
	background:transparent;
 - 
 
87 
	top:10px;
 - 
 
88 
	left:20px;}
 - 
 
89 
#cal_precedent_lien, #cal_suivant_lien{
 - 
 
90 
	display:block;
 - 
 
91 
	position:absolute;
 - 
 
92 
	top:12px;
 - 
 
93 
	background:transparent;}
 - 
 
94 
#cal_suivant_lien img, #cal_precedent_lien img{
 - 
 
95 
	display:block;
 - 
 
96 
	border:0;}
 - 
 
97 
#cal_precedent_lien:hover, #cal_suivant_lien:hover, #cal_mois_courrant:hover{
 - 
 
98 
	background-color:#b0cdfc;}
 - 
 
99 
#cal_precedent_lien{
 - 
 
100 
	left:15px;}
 - 
 
101 
#cal_mois_courrant{
 - 
 
102 
	display:block;
 - 
 
103 
	position:absolute;
 - 
 
104 
	top:14px;
 - 
 
105 
	left:40px;
 - 
 
106 
	width:100px;
 - 
 
107 
	padding:2px 25px;
 - 
 
108 
	background-color:#fff;
 - 
 
109 
	border:1px inset #113054;
 - 
 
110 
	text-align:center;
 - 
 
111 
	text-transform:uppercase;
 - 
 
112 
	font: bold 14px 'Arial narrow', arial, sans-serif;}
 - 
 
113 
#cal_suivant_lien{
 - 
 
114 
	left:195px;}
 - 
 
115 
.calendrier{
 - 
 
116 
	font: bold 16px 'Arial narrow', Arial, sans-serif;
 - 
 
117 
	border-collapse:separate;
 - 
 
118 
	border-spacing:6px;
 - 
 
119 
	width:1003px;}
 - 
 
120 
/* Problème de la couleur entre les cellules...
 - 
 
121 
.calendrier tbody{
 - 
 
122 
	background:white url(/client/bazar/images/cal_img_fond.jpg) 2px 40px repeat-y;}*/
 - 
 
123 
.calendrier th, .calendrier_applette th {
 - 
 
124 
	color:white;
 - 
 
125 
	background-color:#174984;
 - 
 
126 
	border: 1px solid #113054;
 - 
 
127 
	text-align:center;}
 - 
 
128 
.calendrier th {
 - 
 
129 
	height:20px;
 - 
 
130 
	width:134px;
 - 
 
131 
	border-width:2px;}
 - 
 
132 
.calendrier td {
 - 
 
133 
	height:83px;
 - 
 
134 
	width:134px;
 - 
 
135 
	border:2px solid #4c4c4c;
 - 
 
136 
	vertical-align:top;
 - 
 
137 
	text-align:left;
 - 
 
138 
	-moz-border-radius:3px;}
 - 
 
139 
.cal_samedi, .cal_dimanche{
 - 
 
140 
	background-color:#fff9e7;}
 - 
 
141 
.cal_j{
 - 
 
142 
	display:block;
 - 
 
143 
	float:right;
 - 
 
144 
	padding:2px;}
 - 
 
145 
.cal_jc{
 - 
 
146 
	background-color:#c4d9fb;}
 - 
 
147 
.cal_ma{
 - 
 
148 
	background-color:#eaeaec;}
 - 
 
149 
.cal_evenemt_liste{
 - 
 
150 
	font: normal 10px Arial, sans-serif;
 - 
 
151 
	list-style-type:none;/*disc url(/client/bazar/images/cal_pastille.png) inside;*/
 - 
 
152 
	margin:20px 0 0 0;
 - 
 
153 
	padding:0;}
 - 
 
154 
.cal_evenemt_liste li{
 - 
 
155 
	display:block;
 - 
 
156 
	background:transparent url(/client/bazar/images/cal_pastille.png) top left no-repeat;
 - 
 
157 
	width:120px;}
 - 
 
158 
.cal_evenemt{
 - 
 
159 
	margin:0;
 - 
 
160 
	padding:0 0 0 13px;}
 - 
 
161 
/* Pour la bibliothèque JS DomToolTip */
 - 
 
162 
div.niceTitle {
 - 
 
163 
	background-color: #333333;
 - 
 
164 
	color: #FFFFFF;
 - 
 
165 
	font-weight: bold;
 - 
 
166 
	font-size: 13px;
 - 
 
167 
	font-family: "Trebuchet MS", sans-serif;
 - 
 
168 
	width: 250px;
 - 
 
169 
	left: 0;
 - 
 
170 
	top: 0;
 - 
 
171 
	padding: 4px;
 - 
 
172 
	position: absolute;
 - 
 
173 
	text-align: left;
 - 
 
174 
	z-index: 20;
 - 
 
175 
	-moz-border-radius: 0 10px 10px 10px;
 - 
 
176 
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=87);
 - 
 
177 
	-moz-opacity: .87;
 - 
 
178 
	-khtml-opacity: .87;
 - 
 
179 
	opacity: .87;}
 - 
 
180 
div.niceTitle .contents {
 - 
 
181 
	margin: 0;
 - 
 
182 
	padding: 0 3px;
 - 
 
183 
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
 - 
 
184 
	-moz-opacity: 1;
 - 
 
185 
	-khtml-opacity: 1;
 - 
 
186 
	opacity: 1;}
 - 
 
187 
div.niceTitle p {
 - 
 
188 
	color: #D17E62;
 - 
 
189 
	font-size: 9px;
 - 
 
190 
	padding: 3px 0 0 0;
 - 
 
191 
	margin: 0;
 - 
 
192 
	text-align: left;
 - 
 
193 
	-moz-opacity: 1;}
 - 
 
194 

            39
            
.table_bazar #col1,.table_bazar #col2,.table_bazar #col3,.table_bazar #col4{text-align:center;}

          

          

            -
            
 

            40
            

          

          

            195
            

            41