Codulle - L'explorateur de code sources
Informations fichier
Nom du fichier : style.cssTaille du fichier : 5 Ko (280 lignes)
Language : CSS
/* * Fichier : style.css * Date : 30/08/2005 * Auteur : SamRay1024 - http://jebulle.net * * AlBulle style - 0.6 * */ /*******************/ /* STYLES GENERAUX */ /*******************/ /* pour tout le monde */ * { font-family: verdana, arial, helvetica, sans-serif; color: #000000; font-size: 1em; margin: 0px; padding: 0px; } /* corps du fichier */ body { background-color: #fff; height: 100%; } /* liens */ a { text-decoration: none; } /* survol des liens */ a:hover { text-decoration: none; font-weight: bold; color: #f90; } /* images */ img { border: 0px; } /* pour agrandir les div automatiquement */ .spacer { clear: both; } /* cadre de titre */ h1 { background-color: #eee; border: 1px dotted #000; margin: 3px 3px 3px 0px; padding: 2px 0px 2px 0px; font-size: 1.1em; font-style: italic; text-align: center; } /************************************/ /* ORGANISATION GENERALE DE LA PAGE */ /************************************/ /* colonne gauche */ .gauche { float: left; width: 25%; } /* colonne droite */ .droite { float: right; width: 75%; } .gauche, .droite { height: 100%; } /********************/ /* ELEMENTS SIMPLES */ /********************/ /* cadre d'accueil si aucun dossier sélectionné */ .accueil { background-color: #eee; border: 1px dotted #000; margin: 3px 3px 3px 0px; padding: 10px; font-size: 0.8em; text-align: justify; } /* les puces de liens d'ajout et de retrait */ .puceAjout, .puceRetrait, .puceAjoutPage, .puceRetraitPage { overflow: hidden; text-indent: -10000em; display: block; width: 16px; height: 16px; } .puceAjout, .puceAjoutPage { background-image: url(images/puce_ajout.jpg); } .puceRetrait, .puceRetraitPage { background-image: url(images/puce_retrait.jpg); } .puceAjoutPage, .puceRetraitPage { float: left; margin: 2px; } /* le copyright */ .copyright { font-size: 0.7em; margin: 2px; text-align: center; } /**********************************/ /* MENU DES DOSSIERS ET DU PANIER */ /**********************************/ /* pour les deux cadres */ .dossiers, .panier { background-position: center top; background-repeat: no-repeat; border: 1px dotted #009; margin: 3px; padding: 5px; font-size: 0.8em; text-align: center; } /* cadre des dossiers pour les photos */ .dossiers { background-color: #cdf; background-image: url(images/albulle_dossiers_dispos.jpg); } /* cadre du panier */ .panier { background-color: #abf; background-image: url(images/albulle_panier.jpg); } /* le texte qui contient le nombre de fichiers dans le panier */ .panier p { margin-top: 70px; } /* permet de centrer les boutons d'ajout/retrait globaux comme ils sont passés en float */ .panier .center { width: 42px; text-align: center; margin: auto; } /* menu des dossiers et du panier */ .menu { margin: 75px 0px 0px 5px; text-align: left; } .panier .menu { margin: 10px 0px 0px 15px; } /* menu des sous-dossiers */ .puceSousDossier { margin: 1px 0px 1px 10px; border-left: 1px dotted #009; } /* icones des puces des items */ .pucePhotos, .puceNoDossier, .puceRemonter, .puceNoPhoto, .puceSousDossier, .puceDownload, .puceVider { list-style-type: none; background-repeat: no-repeat; background-position: left; padding-left: 30px; line-height: 24px; } /* cas particulier de la puce du sous-dossier : on décale l'icone du border */ /* il faut alors augmenter d'autant le padding-left. */ .puceSousDossier { background-position: 4px 0px; padding-left: 34px; } /* hauteur différente pour les icones du menu du panier */ .puceDownload, .puceVider { line-height: 32px; } /* chemin des icones */ .pucePhotos, .puceSousDossier { background-image: url(images/albulle_puce_dossier_photo.jpg); } .puceNoDossier { background-image: url(images/albulle_puce_aucun_dossier_photos.jpg); } .puceRemonter { background-image: url(images/albulle_puce_remonter.jpg); } .puceNoPhoto { background-image: url(images/albulle_puce_aucune_photo.jpg); } .puceDownload { background-image: url(images/albulle_download.jpg); } .puceVider { background-image: url(images/albulle_poubelle.jpg); } /*******/ /* FIN */ /*******/ /***********************/ /* BARRE DE NAVIGATION */ /***********************/ .navigation { margin: 6px 0px; font-size: 0.8em; } /* liens vers les pages */ .page, .pageAccueil { border: 1px dotted #000; background-color: #eee; padding: 2px; } /* page courante */ .pageActive { border: 1px solid #000; background-color: #aaa; padding: 2px; font-weight: bold; color: #c33; } .page, .pageActive { margin: 0px 1px 0px 1px; } .pageAccueil { margin: 0px 10px 0px 0px; } /*******/ /* FIN */ /*******/ /*************/ /* VIGNETTES */ /*************/ /* Une vignette contient : une image miniature, les infos de l'image qu'elle représente un lien pour l'ajouter au panier. */ /* cadre de la vignette */ .vignette { float: left; position: relative; margin: 0px 3px 3px 0px; padding: 2px; width: 160px; height: 160px; border: 1px dotted #000; background-color: #ccc; text-align: center; font-size: 0.7em; } /* survol de la vignette */ .vignette:hover { background-color: #eef; } /* classe de l'image dans la vignette */ .miniature { border: 1px solid #000; } /* fiche infos de l'image */ .infosImg { position: absolute; left: 4px; bottom: 4px; font-size: 0.9em; text-align: left; } /* bouton d'ajout / retrait du panier */ .puce { position: absolute; right: 4px; bottom: 4px; } /*******/ /* FIN */ /*******/ /* EOF */