1,258 → 1,258 |
/* |
+----------------------------------------------------------------------------+ |
| bazar.css | |
+----------------------------------------------------------------------------+ |
| Copyright (c) 2005 Tela Botanica | |
+----------------------------------------------------------------------------+ |
| Feuille de style interne spécifique a l'application Bazar | |
+----------------------------------------------------------------------------+ |
| Auteur : Jean-Pascal MILCENT <jpm@tela-botanica.org> | |
+----------------------------------------------------------------------------+ |
*/ |
#formulaire input, #formulaire textarea, #formulaire select { |
border:1px solid #000; |
background-color:#fefffe;} |
input[type ^="submit"]:hover{ |
background-color:#b0cdfc;} |
.enligne { |
padding:0; |
margin:0; |
display:inline; |
list-style:none; |
list-style-type:none; |
background:#FFF;} |
|
/*-------------Les fiches Bazar-------------------------------------------------*/ |
.BAZ_cadre_fiche{ |
width:auto; |
height:auto; |
padding:10px; |
border: 1px solid #1A4881;} |
.BAZ_cadre_map { |
padding:0; |
height:250px; |
width:400px; |
overflow:auto;} |
.BAZ_cadre_map .BAZ_cadre_fiche{ |
padding:0 2px 2px 2px;} |
.BAZ_cadre_map .BAZ_fiche_titre, .BAZ_cadre_map .BAZ_fiche{ |
font-size:13px; |
padding:2px; |
margin:2px 2px 2px 0;} |
#map{ |
min-height:600px;} |
#fiche_image{ |
float:left; |
height:150px; |
width:210px; |
margin:0 10px 0 0} |
#fiche_image, .BAZ_cadre_fiche{ |
background-color:#fefffe; |
-moz-border-radius:10px;} |
#fiche_titre { |
background:transparent; |
border-bottom:1px solid black; |
color:#1A4881;} |
.bulle_bas{ |
height:0;} |
.BAZ_infos_fiche{ |
margin:0; |
padding:0; |
font-size:10px; |
color:gray;} |
.centrer { |
clear:both; |
margin:0 auto;} |
.BAZ_label { |
text-align:left; |
color: #1A4881;} |
.rubrique_bulle { |
width:90px; |
text-align:left; |
font: bold 15px arial, sans-serif; |
color: #000;} |
.BAZ_texte{ |
font-weight:bold;} |
.description ul{ |
margin:0;} |
.infos { |
width:70%; |
float:left; |
min-height:120px; |
font: bold 15px arial, sans-serif; |
color:#B1BB7E; |
line-height:25px;} |
.bazar_checkbox { |
float:left; |
width:170px; |
font:10px arial, sans-serif; |
border:0;} |
.lien_wikini{ |
margin:0; |
padding:10px 5px; |
border:2px solid #DBE8C8; |
-moz-border-radius:10px; |
background:#3082AA;} |
div.lien_wikini a{ |
padding-left:100px; |
color:#FFF;} |
|
#BAZ_bas_page, #BAZ_bas_page .rubrique{ |
font-size:10px; |
text-decoration:none; |
color:gray;} |
#BAZ_bas_page .rubrique{ |
display:inline; |
clear:both;} |
|
#formation_qualifiante { |
float:right; |
margin:0 -15px 0 5px; |
height:190px; |
width:30px; |
background:url(images/BAZ_formation_qualifiante.gif) bottom right no-repeat;} |
#formation_diplomante { |
float:right; |
margin:0 -15px 0 5px; |
height:190px; |
width:30px; |
background:url(images/BAZ_formation_diplomante.gif) bottom right no-repeat;} |
#formation_continue { |
float:right; |
margin:0 -15px 0 5px; |
height:190px; |
width:30px; |
background:url(images/BAZ_formation_continue.gif) bottom right no-repeat;} |
|
.table_bazar{ |
width:300px; |
margin:2em 0 0 0;} |
#table_bazar{ |
border-spacing:0; |
text-align:center; |
border: 1px solid black;} |
#table_bazar th{ |
color:white; |
background-color:#598ac4; |
padding:0 5px; |
text-align:center; |
border-bottom: 1px dotted grey; |
border-left: 1px dotted grey;} |
#table_bazar td { |
padding:2px; |
text-align:left; |
border-bottom: 1px dotted grey; |
border-left: 1px dotted grey;} |
#table_bazar .ligne_paire{ |
background-color:#c8ddff;} |
.table_bazar #col2, .table_bazar #col3, #laius_abonnement{ |
display:none;} |
.table_bazar #col1,.table_bazar #col4{ |
width:150px;} |
|
.BAZ_actions_fiche ul{ |
list-style-type:none;} |
.BAZ_actions_fiche a{ |
display:block; |
text-align:center; |
width:200px; |
border: 1px solid black; |
padding:3px; |
font-size:14px; |
background:#fefffe;} |
.BAZ_actions_fiche a:hover{ |
background-color:#b0cdfc;} |
#bf_description_description {font-weight:normal;} |
/* CALENDRIER */ |
#cal_entete{ |
display:block; |
background:transparent url(/client/bazar/images/cal_titre_fond.png) repeat-x; |
margin:10px 0; |
height:31px; |
min-width:300px; |
border-left: 2px solid #113054; |
border-right: 2px solid #113054;} |
#cal_titre{ |
position:absolute; |
background:transparent; |
top:0; |
right:20px; |
width:182px;} |
#cal_navigation{ |
display:block; |
position:absolute; |
background:transparent; |
top:10px; |
left:20px;} |
#cal_precedent_lien, #cal_suivant_lien{ |
display:block; |
position:absolute; |
top:2px; |
background:transparent;} |
#cal_suivant_lien img, #cal_precedent_lien img{ |
display:block; |
border:0;} |
#cal_precedent_lien:hover, #cal_suivant_lien:hover, #cal_mois_courrant:hover{ |
background-color:#b0cdfc;} |
#cal_precedent_lien{ |
left:15px;} |
#cal_mois_courrant{ |
display:block; |
position:absolute; |
top:4px; |
left:40px; |
width:110px; |
padding:2px 25px; |
background-color:#fff; |
border:1px inset #113054; |
text-align:center; |
text-transform:uppercase; |
font: bold 14px 'Arial narrow', arial, sans-serif;} |
#cal_suivant_lien{ |
left:205px;} |
.calendrier{ |
font: bold 16px 'Arial narrow', Arial, sans-serif; |
border-collapse:separate; |
border-spacing:2px; |
width:100%;} |
/* Problème de la couleur entre les cellules... |
.calendrier tbody{ |
background:white url(/client/bazar/images/cal_img_fond.jpg) 2px 40px repeat-y;}*/ |
.calendrier th, .calendrier_applette th { |
color:white; |
background-color:#B0CDFC; |
border: 1px solid #113054; |
text-align:center;} |
.calendrier th { |
height:20px; |
width:14%; |
border-width:2px;} |
.calendrier td { |
height:83px; |
width:14%; |
border:2px solid #4c4c4c; |
vertical-align:top; |
text-align:left; |
-moz-border-radius:3px;} |
.cal_samedi, .cal_dimanche{ |
background-color:#fff9e7;} |
.cal_j{ |
display:block; |
float:right; |
padding:2px;} |
.cal_jc{ |
background-color:#c4d9fb;} |
.cal_ma{ |
background-color:#eaeaec;} |
.cal_evenemt_liste{ |
font: normal 10px Arial, sans-serif; |
list-style-type:none; |
margin:20px 0 0 0; |
padding:0;} |
.cal_evenemt_liste li{ |
/* |
+----------------------------------------------------------------------------+ |
| bazar.css | |
+----------------------------------------------------------------------------+ |
| Copyright (c) 2005 Tela Botanica | |
+----------------------------------------------------------------------------+ |
| Feuille de style interne spécifique a l'application Bazar | |
+----------------------------------------------------------------------------+ |
| Auteur : Jean-Pascal MILCENT <jpm@tela-botanica.org> | |
+----------------------------------------------------------------------------+ |
*/ |
#formulaire input, #formulaire textarea, #formulaire select { |
border:1px solid #000; |
background-color:#fefffe;} |
input[type ^="submit"]:hover{ |
background-color:#b0cdfc;} |
.enligne { |
padding:0; |
margin:0; |
display:inline; |
list-style:none; |
list-style-type:none; |
background:#FFF;} |
|
/*-------------Les fiches Bazar-------------------------------------------------*/ |
.BAZ_cadre_fiche{ |
width:auto; |
height:auto; |
padding:10px; |
border: 1px solid #1A4881;} |
.BAZ_cadre_map { |
padding:0; |
height:250px; |
width:400px; |
overflow:auto;} |
.BAZ_cadre_map .BAZ_cadre_fiche{ |
padding:0 2px 2px 2px;} |
.BAZ_cadre_map .BAZ_fiche_titre, .BAZ_cadre_map .BAZ_fiche{ |
font-size:13px; |
padding:2px; |
margin:2px 2px 2px 0;} |
#map{ |
min-height:600px;} |
#fiche_image{ |
float:left; |
height:150px; |
width:210px; |
margin:0 10px 0 0} |
#fiche_image, .BAZ_cadre_fiche{ |
background-color:#fefffe; |
-moz-border-radius:10px;} |
#fiche_titre { |
background:transparent; |
border-bottom:1px solid black; |
color:#1A4881;} |
.bulle_bas{ |
height:0;} |
.BAZ_infos_fiche{ |
margin:0; |
padding:0; |
font-size:10px; |
color:gray;} |
.centrer { |
clear:both; |
margin:0 auto;} |
.BAZ_label { |
text-align:left; |
color: #1A4881;} |
.rubrique_bulle { |
width:90px; |
text-align:left; |
font: bold 15px arial, sans-serif; |
color: #000;} |
.BAZ_texte{ |
font-weight:bold;} |
.description ul{ |
margin:0;} |
.infos { |
width:70%; |
float:left; |
min-height:120px; |
font: bold 15px arial, sans-serif; |
color:#B1BB7E; |
line-height:25px;} |
.bazar_checkbox { |
float:left; |
width:170px; |
font:10px arial, sans-serif; |
border:0;} |
.lien_wikini{ |
margin:0; |
padding:10px 5px; |
border:2px solid #DBE8C8; |
-moz-border-radius:10px; |
background:#3082AA;} |
div.lien_wikini a{ |
padding-left:100px; |
color:#FFF;} |
|
#BAZ_bas_page, #BAZ_bas_page .rubrique{ |
font-size:10px; |
text-decoration:none; |
color:gray;} |
#BAZ_bas_page .rubrique{ |
display:inline; |
clear:both;} |
|
#formation_qualifiante { |
float:right; |
margin:0 -15px 0 5px; |
height:190px; |
width:30px; |
background:url(images/BAZ_formation_qualifiante.gif) bottom right no-repeat;} |
#formation_diplomante { |
float:right; |
margin:0 -15px 0 5px; |
height:190px; |
width:30px; |
background:url(images/BAZ_formation_diplomante.gif) bottom right no-repeat;} |
#formation_continue { |
float:right; |
margin:0 -15px 0 5px; |
height:190px; |
width:30px; |
background:url(images/BAZ_formation_continue.gif) bottom right no-repeat;} |
|
.table_bazar{ |
width:300px; |
margin:2em 0 0 0;} |
#table_bazar{ |
border-spacing:0; |
text-align:center; |
border: 1px solid black;} |
#table_bazar th{ |
color:white; |
background-color:#598ac4; |
padding:0 5px; |
text-align:center; |
border-bottom: 1px dotted grey; |
border-left: 1px dotted grey;} |
#table_bazar td { |
padding:2px; |
text-align:left; |
border-bottom: 1px dotted grey; |
border-left: 1px dotted grey;} |
#table_bazar .ligne_paire{ |
background-color:#c8ddff;} |
.table_bazar #col2, .table_bazar #col3, #laius_abonnement{ |
display:none;} |
.table_bazar #col1,.table_bazar #col4{ |
width:150px;} |
|
.BAZ_actions_fiche ul{ |
list-style-type:none;} |
.BAZ_actions_fiche a{ |
display:block; |
text-align:center; |
width:200px; |
border: 1px solid black; |
padding:3px; |
font-size:14px; |
background:#fefffe;} |
.BAZ_actions_fiche a:hover{ |
background-color:#b0cdfc;} |
|
/* CALENDRIER */ |
#cal_entete{ |
display:block; |
background:transparent url(/client/bazar/images/cal_titre_fond.png) repeat-x; |
margin:10px 0; |
height:31px; |
min-width:300px; |
border-left: 2px solid #113054; |
border-right: 2px solid #113054;} |
#cal_titre{ |
position:absolute; |
background:transparent; |
top:10px; |
right:20px; |
width:182px;} |
#cal_navigation{ |
display:block; |
position:absolute; |
background:transparent; |
top:10px; |
left:20px;} |
#cal_precedent_lien, #cal_suivant_lien{ |
display:block; |
position:absolute; |
top:12px; |
background:transparent;} |
#cal_suivant_lien img, #cal_precedent_lien img{ |
display:block; |
border:0;} |
#cal_precedent_lien:hover, #cal_suivant_lien:hover, #cal_mois_courrant:hover{ |
background-color:#b0cdfc;} |
#cal_precedent_lien{ |
left:15px;} |
#cal_mois_courrant{ |
display:block; |
position:absolute; |
top:14px; |
left:40px; |
width:100px; |
padding:2px 25px; |
background-color:#fff; |
border:1px inset #113054; |
text-align:center; |
text-transform:uppercase; |
font: bold 14px 'Arial narrow', arial, sans-serif;} |
#cal_suivant_lien{ |
left:195px;} |
.calendrier{ |
font: bold 16px 'Arial narrow', Arial, sans-serif; |
border-collapse:separate; |
border-spacing:2px; |
width:100%;} |
/* Problème de la couleur entre les cellules... |
.calendrier tbody{ |
background:white url(/client/bazar/images/cal_img_fond.jpg) 2px 40px repeat-y;}*/ |
.calendrier th, .calendrier_applette th { |
color:white; |
background-color:#174984; |
border: 1px solid #113054; |
text-align:center;} |
.calendrier th { |
height:20px; |
width:14%; |
border-width:2px;} |
.calendrier td { |
height:83px; |
width:14%; |
border:2px solid #4c4c4c; |
vertical-align:top; |
text-align:left; |
-moz-border-radius:3px;} |
.cal_samedi, .cal_dimanche{ |
background-color:#fff9e7;} |
.cal_j{ |
display:block; |
float:right; |
padding:2px;} |
.cal_jc{ |
background-color:#c4d9fb;} |
.cal_ma{ |
background-color:#eaeaec;} |
.cal_evenemt_liste{ |
font: normal 10px Arial, sans-serif; |
list-style-type:none; |
margin:20px 0 0 0; |
padding:0;} |
.cal_evenemt_liste li{ |
background:transparent url(/client/bazar/images/cal_pastille.png) top left no-repeat; |
display:block;} |
.cal_evenemt_liste .nature_1{ |
.cal_evenemt_liste .nature_1{ |
background:transparent url(/client/bazar/images/drapeau_bleu.png) top left no-repeat;} |
.filtre_1{ |
background-color:#7CCCFF;} |
267,41 → 267,42 |
.cal_evenemt_liste .nature_4{ |
background:transparent url(/client/bazar/images/drapeau_rose.png) top left no-repeat;} |
.filtre_4{ |
background-color:#FF81EA;} |
.cal_evenemt{ |
margin:0 0 0 17px; |
padding:0;} |
/* Pour la bibliothèque JS DomToolTip */ |
div.niceTitle { |
background-color: #333333; |
color: #FFFFFF; |
font-weight: bold; |
font-size: 13px; |
font-family: "Trebuchet MS", sans-serif; |
width: 250px; |
left: 0; |
top: 0; |
padding: 4px; |
position: absolute; |
text-align: left; |
z-index: 20; |
-moz-border-radius: 0 10px 10px 10px; |
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=87); |
-moz-opacity: .87; |
-khtml-opacity: .87; |
opacity: .87;} |
div.niceTitle .contents { |
margin: 0; |
padding: 0 3px; |
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); |
-moz-opacity: 1; |
-khtml-opacity: 1; |
background-color:#FF81EA;} |
.cal_evenemt{ |
margin:0 0 0 17px; |
padding:0;} |
/* Pour la bibliothèque JS DomToolTip */ |
div.niceTitle { |
background-color: #333333; |
color: #FFFFFF; |
font-weight: bold; |
font-size: 13px; |
font-family: "Trebuchet MS", sans-serif; |
width: 250px; |
left: 0; |
top: 0; |
padding: 4px; |
position: absolute; |
text-align: left; |
z-index: 20; |
-moz-border-radius: 0 10px 10px 10px; |
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=87); |
-moz-opacity: .87; |
-khtml-opacity: .87; |
opacity: .87;} |
div.niceTitle .contents { |
margin: 0; |
padding: 0 3px; |
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); |
-moz-opacity: 1; |
-khtml-opacity: 1; |
opacity: 1;} |
div.niceTitle p { |
/* Ne semble pas marche pour limiter la largeur, du coup on affiche pas le lien dans le p... |
div.niceTitle p { |
width: 250px; |
color: #D17E62; |
font-size: 9px; |
padding: 3px 0 0 0; |
margin: 0; |
text-align: left; |
-moz-opacity: 1;} |
color: #D17E62; |
font-size: 9px; |
padding: 3px 0 0 0; |
margin: 0; |
text-align: left; |
-moz-opacity: 1;}*/ |