/*----------DEBUT LISTE DES MEMBRES--------*/ /* FOND LISTE DES MEMBRES */ .bgLMBER { display:inline-block; background:#121212; /* MODIFIABLE */ line-height:16px; width:700px; } /* TITRE LISTE DES MEMBRES */ .tleLMBER { margin-bottom:25px; width:auto; padding:10px 0; font-family:Playfair Display; text-transform:uppercase; font-size:17px; text-align:center; line-height:normal; letter-spacing: 5px; background:#000000; color:#888; /* MODIFIABLE */ } #LMBER { width:690px; margin:auto; } /* BLOC MEMBRE */ .MBER { float:left; margin:5px; width:220px; height:155px; font-family:Arial; background:#000000; /* MODIFIABLE */ } /* BLOC PSEUDONYME */ .nameLMBER2 { margin:5px; width:210px; height:20px; overflow:hidden; padding-top:5px text-align:right; text-transform:uppercase; font-size:10px; background:#121212;!important color:white; /* MODIFIABLE - COULEURS PAR DEFAUT */ text-align:center; } /* PSEUDONYME */ .nameLMBER { color:white;/* MODIFIABLE */ } /* BLOC INFORMATIONS */ .abtLMBER { display:inline-block; vertical-align:top; width:132px; } /* INFORMATIONS */ .abtLMBER div { margin-bottom:5px; height:15px; padding:5px 0; overflow:hidden; font-size:10px; background:#121212; color:#888; /* MODIFIABLE */ } .abtLMBER div:nth-of-type(3) { font-size:9px; text-transform:uppercase; } .abtLMBER div:nth-of-type(4) { font-size:9px; line-height:16px; } /* AVATAR / IMAGES MP & WWW */ .imgLMBER { display:inline-block; vertical-align:top; margin-left:5px; width:72px; height:115px; overflow:hidden; } /* AVATAR */ .avaLMBER { position:relative; z-index:3; margin-top:-115px; width:72px; height:115px; overflow:hidden; transition:all 0.85s linear; -webkit-transition:all 0.85s linear; } .avaLMBER img { width:72px; } .imgLMBER:hover .avaLMBER { transform:translateX(72px); -webkit-transform:translateX(72px); } /* IMAGES MP & WWW */ .btnLMBER { width:70px; height:115px; overflow:hidden; text-align:center; line-height:10px; background:rgba(0,0,0,0.6); /* MODIFIABLE */ transform:translateX(-100px); -webkit-transform:translateX(-100px); transition:transform 0.85s linear; -webkit-transition:transform 0.85s linear; } .btnLMBER img { max-width:65px; } .imgLMBER:hover .btnLMBER { transform:translateX(0px); -webkit-transform:translateX(0px); } /* NAVIGATION LISTE DES MEMBRES */ .pageLMBER { margin:auto; width:680px; color:black; /* MODIFIABLE */ text-align:left; text-transform:uppercase; font-size:10px; font-family:Arial; } .pageLMBER a { color:black; /* MODIFIABLE */ font-family:Arial; } /* FORMULAIRE RECHERCHE LISTE DES MEMBRES */ .btmLMBER { margin-top:-23px; padding:15px 0; background:#000000; /* MODIFIABLE */ border: 1px solid #888; text-align:center; } /* INTITULES FORMULAIRE RECHERCHE LISTE DES MEMBRES */ .formLMBER span { display:inline-block; vertical-align:bottom; margin-top:1px; height:17px; padding:2px 5px 0; background:black; color:#888; /* MODIFIABLE */ text-transform:uppercase; font-size:10px; text-align:center; font-family:Arial; } .formLMBER input, select { border:none !important; height:19px; padding:0; text-transform:uppercase; font-size:10px; font-family:Arial; } /* BOUTON OK LISTE DES MEMBRES */ .formLMBER .liteoption { padding:0 5px 0 2px; background:lightgrey; color:black; /* MODIFIABLE */ text-transform:uppercase; font-weight:bold; } /*----------FIN LISTE DES MEMBRES--------*/