Blog de tests

Mercredi 29 mars 2006

Test de CSS pour [ Aeternia ] (Resolu)

Test de CSS pour [ Aeternia ]
Fil d'aide
Son blog

Solutiobn :
/*fichier de structure général externe*/
@import url("/css/commonstruct2.css");/*ne pas enlever cette ligne qui permet l'evolution des css personnalisés*/
/***************************************/
/*---------------- elements principaux ---------------*/
/*---------------- les styles ci-dessous affectes l'ensemble des éléments de la page n'ayant pas de style propre ou hérité --------------*/
body {margin:0px; padding:0px; background-color:#000000; background-image:url(http://img505.imageshack.us/img505/2826/ar6ja.jpg); font-family: "Papyrus", Verdana, Helvetica, Arial, sans-serif; font-size:x-small; color:#9370DB; text-align:center; }
HTML { SCROLLBAR-FACE-COLOR: #000000;
SCROLLBAR-HIGHLIGHT-COLOR: #9370DB;
SCROLLBAR-SHADOW-COLOR: #9370DB;
SCROLLBAR-3DLIGHT-COLOR: #9370DB;
SCROLLBAR-ARROW-COLOR: #9370DB;
SCROLLBAR-TRACK-COLOR: #000000;
SCROLLBAR-DARKSHADOW-COLOR: #9370DB;}
h1 {color: #000000; font-size: 0px;}
/*titre des pages*/
h2 {color: #000000; font-size: 0px;}
h3 {color: #000000; font-size: 0px;}
a { color:#9966ff; text-decoration:none; font-size:110%;}
/* liens des pages */
a:hover {text-decoration:line-through; color:#000000; font-size:110%; font-style: italic;}
a:active { color: #FFFFFF; text-decoration: line-through; background-color: transparent; }
/* liens survoles*/
legend {color:#FFFFFF; padding-left:5px; padding-right:5px;}
li {list-style-type:none;}
/*listes non ordonnees*/
img {border:0px none;}
/* images */
input {background-color:transparent; border:1px solid #9370DB; color:#9370DB; margin-bottom:2px;}
/* boutons, champs texte */
/* --------------- Structure -------------------- */
/* les styles ci dessous definissent l'aspect du blog quelque soit la structure (2-3 colonnes...)*/
#centrePage {width:100%;}
/*div contenant la page sert à centrer le blog*/
#global {margin-left:auto; margin-right:auto; position:relative; background-color:transparent; border:0px solid #E610DE;}
/*colonne principale, contient toutes les colonnes du blog*/
#main {}
/*colonne principale contenant les articles*/
#content {overflow:auto; margin:0px; height:400px; }
/*contenu de la colonne main*/
#rightnav {background-image:url(http://img357.imageshack.us/img357/7906/sommaire33gl.jpg); height:400px; }
/*colonne de droite*/
#leftnav {background-image:url(http://img361.imageshack.us/img361/8528/sommaire43gt.jpg) ; height:400px; }
/*colonne de gauche*/
/********************************************************************************************************/
/* GESTION DU POSITIONNEMENT SELON LES DIFFERENTES STRUCTURES */
/*------------------------------------------------------------------------------------------------------*/
/*/
! Attention la modification des informations ci-dessous peut entrainer la déformation de votre blog */
/********************************************************************************************************/
#global {width:800px;}
/*definie la taille du blog*/
/*~~~~~~~~~~ structure 1 colonne principale + 1 colonne à droite~~~~~~~~~~*/
#deuxColDroite #main {position:relative; float:left; overflow:auto; width:595px;}
/*colonne principale*/
#deuxColDroite #rightnav {position:relative; float:right; margin-bottom:5px; width:195px;}
/*colonne de droite*/
/*~~~~~~~~~~ structure 1 colonne principale + 1 colonne à gauche~~~~~~~~~~*/
#deuxColGauche #main {position:relative; float:right; overflow:auto; width:595px;}
/*colonne principale*/
#deuxColGauche #leftnav {position:relative; float:left; margin-bottom:5px; width:195px;}
/*colonne de gauche*/
/*~~~~~~~~~~ structure 1colonne à droite + 1 colonne principale + 1 colonne à gauche~~~~~~~~~~*/
#troisCol #main {position:relative; float:left; overflow:auto; width:400px; margin-left:5px;}
/*colonne principale*/
#troisCol #rightnav {position:relative; float:right; margin-bottom:5px; width:195px;}
/*colonne de droite*/
#troisCol #leftnav {position:relative; float:left; margin-bottom:5px; width:195px;}
/*colonne de gauche*/
/**************************************************************************************************************/
/* ------------------- Box -------------------- */
/*definie le style des modules*/
.box {position:relative; margin:10px; padding:15px; margin-top:20px; margin-bottom:10px; border:0px solid #000000; color:#9370DB;}
.box h2 { display:none; }
/*titre de la boite*/
.box-titre {position:relative; padding:0px; text-align:center;}
/*div contenant le titre*/
.box-content {overflow:auto; padding:2px 5px;}
/*contenu du module*/
.box-content p {margin:5px 0px 5px 15px; padding:0px; color:#000000;}
/*paragraphe*/
.box-content ul {margin:5px 0px 5px 15px; padding:0px; color:#000000;}
/*liste*/
.box-content li {list-style:none; color:#9370DB; margin:5px; padding:0px;}
/*element d'une liste*/
/* ------------------entete ---------------------*/
#header {text-align:center; margin-bottom:0px; position:relative;}
/*div contenant l'entete du blog*/
#top {padding:0px; color:#000000; background-color:#000000;}
/*entete du blog*/
#top h1 {padding:0px; margin:0px;}
/*titre du blog /! modifiable*/
.topLien {text-decoration:none;}
/*lien de l'entête vers la home du blog /! modifiable*/
.topLien:hover {text-decoration:underline;}
/*lien de l'entete vers la home du blog survolé /! modifiable*/
/* ---------------------Bas de page----------------*/
#footer {margin-top:0px; position:relative; color:#000000; background-color:#000000;}
/*pied de page du blog*/
#footer p {margin:0px; padding: 10px;}
/*paragraphes du pied de page*/
.basLien {text-decoration:underline;}
.basLien:hover {text-decoration:underline;}
/* ---------- Recherche ----------------------- */
#Recherche {padding:0px;}
#WForm {margin:0px; border:0px none; padding:10px;}
#WForm input {font-size:100%; text-align:center; background-color:transparent; border:1px solid #FFFFFF;}
#WForm input:hover {background-color:#FFFFFF;}
.RNum {font-weight:bold;}
/*numero du resultat*/
.RDesc {padding:10px;}
/*resume du resultat (premieres lignes de l'article)*/
.ROut {font-style:italic; color:#000000;}
/*domaine auquel appartient le resultat*/
.RSize {color:#E610DE;}
a.RTitle {text-decoration:none;}
/*titre du resultat*/
a.RTitle:hover {text-decoration:none;}
/*titre du resultat survole*/
#GGResults {text-align:left; margin:0px; color:#000000;}
/*nombre de resultats de la recherche*/
.Result1 {padding:4px; background-color:#000000; color:#000000;}
/*resultat style 1*/
.Result2 {padding:4px; color:#000000;}
/*resultat style 2*/
/*------------------- Articles ----------------------------------*/
.article {margin-top:0px; padding:0px; margin-bottom:5px; color:#9370DB; border:0px solid #9370DB;}
/*style general d'un article (entete texte et pied)*/
.article p {padding:0px 0px 5px 5px ; margin:0px;}
/*tous les paragraphes composant un article*/
.contenuArticle {margin:1px;}
/*style du texte d'un article*/
.Date {margin-right:10px; color:#ffffff; font-size:xx-small;}
/*style de la date affichee dans l'entete de l'article*/
.Option {padding:3px 0px; width:100%; text-align:right; font-size:90%; color:#9370DB;}
/*style du pied de l'article (publie par, categorie, commentaire,recommander)*/
.barreHautArticle {padding:0px 0px 5px 0px; margin:0px; width:100%; border:1px solid color:#9370DB;}
/*entete du blog contient la date*/
.categorieArticle {}
/*categorie de l'article*/
.categorieArticle a {text-transform:lowercase;}
/*lien sur la categorie de larticle*/
.categorieArticle a:hover {text-transform:lowercase;}
/*lien survole sur la categorie de larticle*/
.titreArticle {text-decoration:none; color:#9932CC; font-size:small;}
/*lien sur le titre de l'article*/
.titreArticle:hover {text-decoration:underline; color:#000000; font-size:small;}
/*lien survole sur le titre de l'article*/
#articleSeul {}
/*style d'un article lors de l'affichage de l'article avec commentaires/trackbacks*/
/*--------------------Liste des articles-------------------------*/
.listArticles {margin-top:0px; margin-bottom:10px; border:0px none;}
.listArticles a {text-decoration:none; color:FFFFFF;}
/*style d'un article*/
.resumeArticle {}
/*style du resume d'un article*/
/*--------------------Commentaires---------------------------- */
.h2commentMessage {color:#9370DB; font-size:x-small;}
.comment {color:#9370DB; font-size:x-small;}
.comment hr {color:#9370DB; font-size:x-small;}
.linkcomment {font-size:130%;}
/*lien d'ajout d'un commentaire*/
.commentMessage {padding:5px; border:1px dotted #9370DB; margin:0px;}
/*texte d'un commentaire*/
.commentOption {text-align:right; font-size:90%; color:#9370DB; margin-bottom:10px;}
/*infos sur le commentaire auteur site...*/
.reponseMessage {background-color:#000000; text-align:right;}
/*---------------formulaire de saisie d'un commentaire--------------*/
#formComment {background-color:#000000; border:1px solid #9370DB;}
#formComment h2 {color:#9370DB;}
#formComment label {width:70px;}
/*texte associ� aux champs de sasie*/
#formComment input {background-color:transparent; border:1px solid #9370DB;}
/* boutons, champs texte */
#formComment textarea { border:1px solid #9370DB; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: small;}
/*zone de saisie de texte*/
/*-------------------trackback----------------------------------*/
#addTrackback {border:1px dotted #666666; padding:5px; color:#000000;}
/* cadre donnant l'adresse de trackback*/
.affTrackback {padding:5px; background-color:#F6A5EE; color:#000000; margin-bottom:10px;}
/**/
.affTrackback h2 {color:#FFFFFF; font-size:x-small;}
/**/
.linkTrackback {font-size:130%;}
/*lien vers la fenetre d'ajout de trackback */
.h2Trackback {color:#FFFFFF; font-size:x-small;}
/**/
/*-----------------fenetre d'ajout d'un trackback---------------------*/
#divTrackBack {background-color:#F6A1EE; border:1px solid #E610DE;}
/*style general*/
#divTrackBack input {background-color:transparent; border:1px solid #FFFFFF;}
/*champs de texte bouton*/
#divTrackBack textarea {background-color:transparent; border:1px solid #FFFFFF; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: small;}
/*zone de saisie de texte*/
/*-------------------fenetre de recommandation---------------------------*/
#divRecommander {background-color:#000000; border:1px solid #9370DB; color:#9370DB;}
/*style general*/
#divRecommander span {font-size:larger; color:#9370DB;}
#divRecommander legend {font-size:larger; color:#9370DB;}
/*texte du cadre*/
#divRecommander fieldset {padding:3px; margin:5px; background-color:#9370DB; border:1px solid #9370DB;}
/*conteneur des champs*/
#divRecommander input {background-color:transparent; border:1px solid #9370DB; color:#9370DB;}
/*champs de texte bouton*/
#divRecommander textarea {background-color:transparent; border:1px solid #FFFFFF; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: small; color:#9370DB;}
/*zone de saisie de texte*/
/*-----------------Newsletter-----------------------------------*/
#divNewsletter h2 {text-align:center; font-size:12pt;}
/*titre de la page*/
#divNewsletter input {background-color:transparent; border:1px solid #9370DB;}
/*champs de texte checkbox*/
#divNewsletter .newsletter {}
/*texte des checbox*/
#divNewsletter {background-color:#000000; border:1px solid #9370DB;}
/* ---------------------Calendrier--------------------------------- */
.calendarTop1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; color:#000000; font-weight: bold; background-color:transparent;}
/*entete*/
.calendarToday1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color:#E610DE;}
/* Aujourd'hui */
.calendarDays1 {width:50px; height:15px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; color:#000000; text-align:center;}
.calendarHeader1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#000000;}
/* lettre de la semaine */
.calendarTable1 {border:0px none;}
/* contour du calendrier */
/*-----------------------Pagination-------------------------*/
.pagination {color:#9370DB;}
.pagination a {color:#FFFFFF;}
/*Liens*/
.pagination b {color:#9370DB;}
/*Page courante*/
/*------------------------Divers-----------------------------*/
.cleaner {clear:both;}
/*-----------------------elements commun a l'accueil et aux pages d'un album------------------------------*/
#bodyAlbum {background-color:#F6A1EE;}
/*style general de la page de l'album*/
#generalAbum {width:100%;}
/*div contenant tout l'album peut etre utilise � la place de bodyAlbum*/
.topAlbum {}
/*entete de l'album contient l'entete du blog*/
#enteteAlbum {width:100%; font-size:130%; color:#FFFFFF; background-color:#E610DE;}
/*ligne sous l'entete du blog contient les liens vers les albums*/
#enteteAlbum a {text-decoration:none;}
#enteteAlbum a:hover {text-decoration:underline;}
.lienAlbum {text-decoration:none; color:#FFFFFF;}
.lienAlbum:hover {text-decoration:underline; color:#FFFFFF;}
#piedAlbum {width:100%; text-align:center; margin-top:5px; color:#FFFFFF; background-color:#E610DE;}
/*pied de page de l'album*/
#piedAlbum a {text-decoration:none; color:#FFFFFF;}
#piedAlbum a:hover {text-decoration:underline; color:#FFFFFF;}
.h2Album {text-align:center; font-size:12pt; color:#000000;}
/*titre de l'album/la photo*/
.topLienAlbum {text-decoration:none; color:#FFFFFF;}
/*lien vers un album*/
.topLienAlbum:hover {color:#FFFFFF;}
/*lien survole*/
/*-------------------------------Accueil album------------------------*/
#centreAccAlbum {}
/*contient les thumbnails de l'accueil de l'album (non utilise)*/
.AccAlbum {text-align:center;}
/*contient les thumbnails de l'accueil de l'album*/
.thumbAccAlbum {display:inline; margin:5px;}
/*div contenant une miniature*/
.thumbAccAlbumimg {margin:5px 0px; border: 1px solid #000}
/*miniature*/
/*-----------------------Album photo--------------------------*/
.nomPhotoAlbum {font-size:large; color:#000000; text-align:center;}
/*nom de la photo affich�e*/
.quickNavAlbum {margin:0px; padding:0px; width:100%; text-align:center;}
/*liens de navigation rapide (precedent suivant retour)*/
.quickNavAlbum a {text-decoration:none; color:#FFFFFF;}
/*liens de la navigation rapide*/
.quickNavAlbum a:hover {text-decoration:underline;}
/*liens survole de navigation rapide*/
.precAlbum {float:left; text-decoration:none; position:relative; padding:0px; margin:0px;}
/*liens et titre photo precedente*/
.suivAlbum {float:right; text-decoration:none; position:relative; padding:0px; margin:0px;}
/*liens et titre photo suivante*/
.retourAlbum {position:relative; text-decoration:none; padding:0px; margin:0px auto; width:6em; color:#FFFFFF;}
/*liens de retour album photo*/
#centrethumbsAlbum {}
/*contient les miniatures de l'accueil de l'album (non utilise)*/
.thumbsAlbum {padding:2px; width:99%; text-align:center; margin-right:auto; margin-left:auto;}
/*miniatures de l'album contient toutes les miniautures*/
.thumbAlbum {display:inline; margin:3px;}
/*div contenant une miniature*/
.thumbAlbum img {border:1px solid #FFFFFF; border:1px solid #000;}
/*miniature*/
.thumbCouranteAlbum {display:inline; margin:3px;}
/*div contenant la miniature de la photo courante*/
.thumbCouranteAlbum img {border:3px dashed #000000;}
/*miniature de la photo courante*/
#photo {text-align:center;}
/*div contenant la photo courante*/
#photo img {margin: 2px auto; border:1px solid #000000;}
/*photo courante*/
#descrAlbum {text-align:center; font-size:larger;}
#menuClicDroit {position:absolute; top:0px; left:0px; z-index:1000; visibility:hidden; background-color:#000000; border:1px solid #9370DB; padding:3px;}
#menuClicDroit li {list-style-type:none; margin:0px; padding:0px}
#menuClicDroit ul {margin:0px; padding:0px}
#menuClicDroit span {display:block; margin-top:5px; margin-bottom:1px;}