| 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 |
|