/* ================= ===== Message d'accueil ===== script by James1920 de CSSACTIF et LBTPROD - Novembre 13, 2010 http://www.themes-fa.com - BY-NC (http://creativecommons.org/licenses/by-nc/2.0/fr/) ================= */ /*----------------- Ma général ----------------- */ /* Pour les défilement */ #scroller_container { padding-top: 15px; overflow: hidden; } /* CSS Hack Safari */ #dummy { ;# } #scroller_container { overflow: auto; } /*le tableau invisible */ .table25 { border: none ; } /* Liens */ .a2 { display: block; width: 130px; color: black; text-align:center; border: 1px solid black; -moz-border-radius: 5px; height: 30px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } .a2:hover { background-color: black; color: white; } #table22 /* fond du ma */ { width: 770px; background-color: #454545; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px; } /*-----------------Titre----------------- */ /* Le titre special pour le texte de bienvenu */ .h2_themebienvenu { font-size: 14px; background-color: #000; padding: 6px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; color: white; text-align: center; margin: 10px; /max-width: 367px; } /* le titre special pour les credits */ .h2_themecredit { font-size: 14px; background-color: #000; padding: 6px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; color: white; text-align: center; margin: 10px; /max-width: 160px; } /* le titre pour les autres boites */ .h2_theme { font-size: 14px; background-color: #000; padding: 6px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; color: white; text-align: center; margin: 10px; } /* effet de transparance FF */ .transparence { background-color: transparent; border: none; opacity: 0.5; } .transparence:hover{ background-color: transparent; border: none; opacity: 2; } /*-----------------Les boites contenant les textes----------------- */ /* Navigation */ .navi_ma { background-color:#afaeae; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; color: black; font-size: 16px; height: 300px; margin: 10px; width: 130px; padding: 5px; line-height:34px; -webkit-box-shadow: 4px 4px 0 #e6e6e6; -moz-box-shadow: 4px 4px 0 #e6e6e6; -khtml-box-shadow: 4px 4px 0 #e6e6e6; padding-top: 20px; } /* News */ .news { background-color: #afaeae; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; color: black; font-size: 14px; height: 120px; width: 160px; margin: 10px; overflow-y: auto; overflow-x: visible; padding: 5px; -webkit-box-shadow: 4px 4px 0 #e6e6e6; -moz-box-shadow: 4px 4px 0 #e6e6e6; -khtml-box-shadow: 4px 4px 0 #e6e6e6; } /* Partenaires */ .partenaire_test { background-color: #afaeae; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; color: black; font-size: 14px; height: 105px; width: 160px; margin: 10px; padding: 5px; -webkit-box-shadow: 4px 4px 0 #e6e6e6; -moz-box-shadow: 4px 4px 0 #e6e6e6; -khtml-box-shadow: 4px 4px 0 #e6e6e6; padding-top: 20px; } /* message de bienvenu */ #bienvenu_ma { background-color: #afaeae; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; color: black; font-size: 14px; height: 120px; margin: 10px; overflow-y: auto; overflow-x: visible; padding: 5px; -webkit-box-shadow: 4px 4px 0 #e6e6e6; -moz-box-shadow: 4px 4px 0 #e6e6e6; -khtml-box-shadow: 4px 4px 0 #e6e6e6; width: 370px; } /* membres staffs */ .staff { background-color: #afaeae; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; color: black; font-size: 10px; height: 105px; width: 180px; margin: 10px; padding: 5px; font-size: 14px; -webkit-box-shadow: 4px 4px 0 #e6e6e6; -moz-box-shadow: 4px 4px 0 #e6e6e6; -khtml-box-shadow: 4px 4px 0 #e6e6e6; padding-top: 20px; } /*crédits */ .credits { background-color: #afaeae; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; color: black; font-size: 14px; height: 105px; width: 160px; margin: 10px; padding: 5px; -webkit-box-shadow: 4px 4px 0 #e6e6e6; -moz-box-shadow: 4px 4px 0 #e6e6e6; -khtml-box-shadow: 4px 4px 0 #e6e6e6; padding-top: 20px; } /*-----------------inffobulles----------------- */ div.infobulle { position: relative; float: left; color: black; } div.infobulle span { display: none; /* ceci masque l'infobulle */ } div.infobulle:hover { background: none; /* correction d'un bug IE */ z-index: 999; /* on définit une valeur pour l'ordre d'affichage */ color: black; } /* style de l infobulle */ div.infobulle:hover span { display: inline; /* on affiche l'infobulle */ position: absolute; top: 10px; /* on positionne notre infobulle */ background-color: #afaeae; color: black; padding: 3px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */ text-align: center; font-size: 14px; }