/* */ #CACHE{3600,cache-client} #HTTP_HEADER{Content-Type: text/css; charset=iso-8859-15} #HTTP_HEADER{Vary: Accept-Encoding} /* ------------------------------------------------------ Definition des styles propres a Imagebox ------------------------------------------------------ */ #ImageBoxOverlay { background-color: #000; } #ImageBoxCaption { background-color: #F4F4EC; font-size: 10px; } #ImageBoxContainer { width: 250px; height: 250px; background-color: #F4F4EC; } #ImageBoxCaptionText { font-weight: bold; padding-bottom: 5px; font-size: 13px; color: #000; } #ImageBoxCaptionImages { margin: 0; } #ImageBoxNextImage, #ImageBoxPrevImage { background:url('#CHEMIN{img_pack/spacer.gif}'); } #ImageBoxNextImage:hover { background:url('#CHEMIN{img_pack/next_image.jpg}') no-repeat right top; } #ImageBoxPrevImage:hover { background:url('#CHEMIN{img_pack/prev_image.jpg}') no-repeat left bottom; } /* ------------------------------------------------------ Definition des styles propres a SlideShow (diaporama) ------------------------------------------------------ */ #diaporama { background:url('#CHEMIN{img_pack/loading.gif}') no-repeat center 50%; border:2px solid #f00; /* border:1px solid transparent;*/ clear:both; /* display:block;*/ margin:5px; padding:5px; text-align:center; vertical-align:middle; } .pagelinks { display:none; } /* this is for IE so the prev/next links can be hovered*/ .nextSlide, .prevSlide { background-image:url('#CHEMIN{img_pack/spacer.gif}'); } .nextSlide:hover { background:url('#CHEMIN{img_pack/nextslide.jpg}') no-repeat right top; color: transparent; text-decoration: none; } .prevSlide:hover { background:url('#CHEMIN{img_pack/prevslide.jpg}') no-repeat left bottom; color: transparent; text-decoration: none; } /* ------------------------------------------------------ Definition des styles propres a Carousel 3D ------------------------------------------------------ */ #carousel { background-color: #111; } #carousel a { position: absolute; } /* ------------------------------------------------------ Definition des styles propres au Puzzle ------------------------------------------------------ */ .spip_form_puzzle { text-align:center; } /* ------------------------------------------------------ Definition des styles propres a la galerie de photos ------------------------------------------------------ */ .galerie_photo, #bande_vignette { border:1px solid #ccc; margin:0 auto 10px auto; text-align:center; } .galerie_photo td, #bande_vignette td { text-align:center; vertical-align:middle; } #affiche_photo img { margin:auto; padding:auto; text-align:center; vertical-align:middle; } #titre_photo { margin-top:0.2em; } #galerie_compteur { font-size: 0.77em; color:#808080; text-align:center; margin:5px auto; } #bande_vignette .arrow { width:25px; text-align:center; vertical-align:middle; } #bande_vignette .vignette { width:60px; height:60px; padding:5px 0; } #bande_vignette .vignette a img { border:2px solid #FFF; filter:alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; } #bande_vignette .vignette a:hover img { border:2px solid #F00; filter:alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } /* ------------------------------------------------------ Definition des styles propres a l'affichage en livre ------------------------------------------------------ */ #livre_photo { width:100%; height:100%; } #livre_photo .arrow { width:25px; text-align:center; vertical-align:bottom; } #livre_photo .photo, #livre_photo .texte { width:50%; height:100%; padding:0.4em; vertical-align:top; } #livre_photo .photo { vertical-align:middle; text-align:center; } #livre_photo .texte { vertical-align:top; } #livre_photo .texte #titre { text-align:center; padding-bottom:0.5em; font-size:0.9em; } #livre_photo .texte #descriptif { text-align:justify; }