CODAGE MILA HANSKA

PA HTLM :

Code:: <link href="https://fonts.googleapis.com/css?family=Cinzel" rel="stylesheet" />
<div class="PA">

<h1>
      Bienvenue {USERNAME}
</h1>

<h3>
      Contexte . Règles . Avatars . Scénarios . Pré-liens . Invités
</h3>

<div class="inline PA-Gauche">

   <h2>
         Contexte
   </h2>

   <div class="contexte">
         <span style="font-size: 12px;"><strong>Cody, Wyoming.</strong> Autrefois, il s’imaginait naïvement que la réussite sociale était inestimable. Il comprit enfin qu’un homme devait vivre pour un bonheur qu'on ne pouvait donner, ni vendre, ni acheter. Au délà de tout ce monde épris par la technologie et les derniers potins hollywoodiens. Il admirait le paysage sauvage sous ses yeux. Une beauté lui donnant la sensation d’être le premier sur Terre à découvrir ce tableau majestueux. Une puissance sans limite qui ne pouvait être domptée par l’Homme. Les légendes amérindiennes résonnaient en lui. Sous le charme du Wyoming. L’amour flambait en lui, ardent et fiévreux. Cette passion profonde, puissante et destructrice. Les tracas de la vie s’apaisaient face à ce spectacle. Cody, ville fondée par le célèbre Buffalo Bill. L’une des capitales du rodéo où l’atmosphère Old West perdurait depuis un siècle. Il s’aventura dans la profondeur des bois. Le fleuve l’appelait, forcé de tourner le dos à la ville et de plonger au coeur de la forêt. Envahis par la curiosité dévorante d’apercevoir de nouveaux trésors offerts par la nature. (<a href="##">suite</a>)</span>
   </div>

</div>

<div class="inline PA-Droite">

   <div class="inline staff-votes">

      <h2>
            Les chefs
      </h2>

      <div class="staff">

         <div class="infobulle inline">
               <img src="http://image.noelshack.com/fichiers/2015/46/1447184032-sans-titre-1.png" alt="pseudo" />
            <div>
                  <strong>Elizabeth Warrens</strong><br /> Fondatrice<br /> <a href="#">Profil</a> - <a href="#">MP</a>
            </div>

         </div>

         <div class="infobulle inline">
               <img src="http://img11.hostingpics.net/pics/438211PhoebeIc59.png" alt="Pseudo" />
            <div>
                  <strong>Dawn Littlefeather</strong><br /> Fondateur<br /> <a href="#">Profil</a> - <a href="#">MP</a>
            </div>

         </div>

      </div>

      <h2>
            Partenaires
      </h2>

      <div class="votes">
            <a href="#"><img src="https://i37.servimg.com/u/f37/19/61/08/98/space_10.gif" alt="Top-site" /></a> <a href="#"><img src="https://i37.servimg.com/u/f37/19/61/08/98/space_10.gif" alt="Top-site" /></a> <a href="#"><img src="https://i37.servimg.com/u/f37/19/61/08/98/space_10.gif" alt="Top-site" /></a> <a href="#"><img src="https://i37.servimg.com/u/f37/19/61/08/98/space_10.gif" alt="Top-site" /></a>
      </div>

   </div>

   <div class="inline">

      <h2 class="">
            Nouveautés
      </h2>

      <div class="nouveautes">
            <span style="font-size: 12px;"><strong> 20/02/2016 -</strong> Création de Mila Hanska. <strong>03/02/2017 -</strong> Réouverture du forum. <strong>10/03/2017 -</strong> Lancement du topic en commun. <br /></span><br />
         <div align="center">
               <a href="http://feminin-pluriel.discutland.net/"><img src="http://img110.xooimage.com/files/d/b/6/logo-5185e32.gif" alt="Féminin Pluriel" title="Féminin Pluriel" /></a> <br />
            <h2>
                  Top-sites
            </h2>

         </div><br />
      </div>

   </div>

   <h2>
         Annonces
   </h2>

   <div class="partenaires">

      <div id="boxe_defil">

         <div id="defile">
               Bienvenue sur Mila Hanska ! Les scénarios et les pré-liens sont disponibles. Les habitants de Cody peuvent te venir en aide si tu as des besoin d'aide dans la création de ton personnage.
         </div>

      </div>
         <script type="text/javascript">
var defile;// l'element a deplacer
var psinit = 480; // position horizontale de depart
var pscrnt = psinit;
function texteDefile() {
if (!defile) defile = document.getElementById('defile');
if (defile) {
if(pscrnt < ( - defile.offsetWidth) ){
pscrnt = psinit;
} else {
pscrnt+= -1; // pixel par deplacement
}
defile.style.left = pscrnt+"px";
}
}
window.setInterval("texteDefile()",70); // delai de deplacement
</script>
   </div>

</div>
</div>
<br /><br /> <link href="https://fonts.googleapis.com/css?family=Cinzel" rel="stylesheet" />
<div class="PA">

<h1>
      Who is online ?
</h1>

<div class="inline PA-Gauche">

   <h2>
         Les fidélisés
   </h2>

   <div class="contexte">

      <div class="textstatistiques">
            <br /><span id="nb_messages"><span style="font-family: Eccentric Std;">{TOTAL_POSTS}</span><script type="text/javascript">document.getElementById('nb_messages').innerHTML=document.getElementById('nb_messages').innerHTML.replace(/Nos membres/,"Bienvenue à Cody, ville du Wyoming où il fait bon vivre. Les habitants ");</script></span><br /><br /><span style="font-family: Eccentric Std;">{TOTAL_USERS}</span><br /><span style="font-family: Eccentric Std;">{NEWEST_USER}</span><br /><br /><span style="font-family: Eccentric Std;">{TOTAL_USERS_ONLINE}<br /> {LOGGED_IN_USER_LIST}</span><br />
      </div><br /><br />
   </div>

</div>

<div class="inline PA-Droite">

   <div class="inline staff-votes">

      <h2>
            Membres du mois
      </h2>

      <div class="staff">

         <div class="infobulle inline">
               <img src="http://img11.hostingpics.net/pics/288445879d4ab6200f6001b86dee99065b4585.jpg" alt="pseudo" />
            <div>
                  <strong>Pseudo</strong><br /> <a href="#">Profil</a>
            </div>

         </div>

         <div class="infobulle inline">
               <img src="http://img11.hostingpics.net/pics/288445879d4ab6200f6001b86dee99065b4585.jpg" alt="Pseudo" />
            <div>
                  <strong>Pseudo</strong><br /> <a href="#">Profil</a>
            </div>

         </div>

      </div>

      <h2>
            Groupes
      </h2>

      <div class="votes">
            <span style="font-size: 12px;"><strong><span style="color: #990000;"><strong><span style="font-size: 16px;"><a href="##"><span style="font-family: Cinzel;">FIRE</span></a></span></strong></span><br /><span style="color: #006699;"><strong><span style="font-size: 16px;"><a href="##"><span style="font-family: Cinzel;">WATER</span></a></span></strong></span><br /><span style="color: #666666;"><strong><span style="font-size: 16px;"><a href="##"><span style="font-family: Cinzel;">AIR</span></a></span></strong></span><br /><span style="color: #336633;"><strong><span style="font-size: 16px;"><a href="##"><span style="font-family: Cinzel;">EARTH</span></a></span></strong></span><br /> </strong></span><strong> </strong>
      </div><strong> </strong>
   </div><strong> </strong>
   <div class="inline">

      <h2 class="">
            Les habitués
      </h2>

      <div class="nouveautes">
            {L_CONNECTED_MEMBERS} <br />
      </div><br />
   </div><strong> </strong>
</div><strong> </strong>
<h2>
      Crédits
</h2><strong> </strong>
<div class="partenaires">

   <div id="boxe_defil">

      <div id="defile">
            Mila Hanska appartient à ses fondatrices. Version réalisée dans son intégralité par Shame (graphisme), Powhatan (codage) et Baguetty (codage pa et qeel). Idée originale de Powhatan. Toute reproduction, totale ou partielle, est formellement interdite. © MILA HANSKA, 2016-2017.
      </div>

   </div>
      <script type="text/javascript">
var defile;// l'element a deplacer
var psinit = 480; // position horizontale de depart
var pscrnt = psinit;
function texteDefile() {
if (!defile) defile = document.getElementById('defile');
if (defile) {
if(pscrnt < ( - defile.offsetWidth) ){
pscrnt = psinit;
} else {
pscrnt+= -1; // pixel par deplacement
}
defile.style.left = pscrnt+"px";
}
}
window.setInterval("texteDefile()",20); // delai de deplacement
</script>
</div><strong> </strong>
</div><strong>
<br /></strong>
<table class="baseqeel">

<tbody>

   <tr>

      <td>

         <div class="statistiques">

            <div class="titreqeel">
                  <span style="font-family: Cowboy Movie;">WHO'S ONLINE</span>
            </div>

            <div class="textstatistiques">
                  <br /><span id="nb_messages"><span style="font-family: Eccentric Std;">{TOTAL_POSTS}</span><script type="text/javascript">document.getElementById('nb_messages').innerHTML=document.getElementById('nb_messages').innerHTML.replace(/Nos membres/,"Bienvenue à Cody, ville du Wyoming où il fait bon vivre. Les habitants ");</script></span><br /><br /><span style="font-family: Eccentric Std;">{TOTAL_USERS}</span><br /><span style="font-family: Eccentric Std;">{NEWEST_USER}</span><br /><br /><span style="font-family: Eccentric Std;">{TOTAL_USERS_ONLINE}</span><br />
            </div><br /><br />
            <div class="membreco">
                  <span style="font-family: Eccentric Std;">{LOGGED_IN_USER_LIST}</span>
            </div>

         </div>

      </td>

      <td>

         <div class="groupeqeel">

            <div class="groupe1">

               <div class="titregroupe">
                     <span style="font-family: Eccentric Std;">FIRE</span>
               </div>

            </div>

            <div class="groupe2">

               <div class="titregroupe">
                     <span style="font-family: Eccentric Std;">WATER</span>
               </div>

            </div>

            <div class="groupe3">

               <div class="titregroupe">
                     <span style="font-family: Eccentric Std;">AIR</span>
               </div>

            </div>

            <div class="groupe4">

               <div class="titregroupe">
                     <span style="font-family: Eccentric Std;">EARTH</span>
               </div>

            </div>

            <div class="lienqeel">
                  <a style="color: #322923;" href="http://milahanska.forumactif.org/t12-groupes"><span style="font-family: Eccentric Std;">En savoir plus sur les groupes</span></a>
            </div>

            <div class="imageqeel">

            </div>

         </div>

      </td>

      <td>

         <div class="dernièresconnexions">

            <div class="titreqeel1">
                  <span style="font-family: Cowboy Movie;">Dernières connexions</span>
            </div><br />
            <div class="textstatistiques">
                  {L_CONNECTED_MEMBERS}
               <table>

               </table>

            </div>

         </div>

      </td>

   </tr>

</tbody>
</table><strong>
</strong>

CSS COMPLET :

Code:: /* CATEGORIES */
.cat {
text-transform: uppercase;
letter-spacing: 0px;
font-family: 'Eccentric Std', serif;
font-weight: 200;
font-style: none;
text-align: center;
font-size: 13px;
color: #FFFFFF;
}

.fo {
text-transform: none;
letter-spacing: 0px;
font-family: 'Courier New', cursive;
font-style: none;
font-size: 18px;
color: #622416;
margin-left : 10px;
}

/* AUTRES CODES */
a:link, a:visited, a:active {text-decoration: none;} /*enlève le soulignement des liens internet*/

.titre{
font-family: 'Cowboy Movie';
font-size: 18px;
color: #bfb7b0;
text-align:center !important;
}

Retirer espace en haut et bas
.bodyline{
border-top: none !important;
border-bottom: none !important;
}
body {
margin: 0 auto;
}

Retirer dernière édition
tr.post span.gensmall { display: none; }

.linklist
{
display:none;
}

/* Redimension image profil */
.postdetails.poster-profile img {
width:200px;
display:block;
}

/* Effacement des menus groupe et FAQ */
a.mainmenu[href="/groups"], a.mainmenu[href="/calendar"], a.mainmenu[href="/search"], a.mainmenu[href="/faq"] {display:none;}

/* Positionnement de la barre de navigation */
.navig {
position: absolute;
top: 32px;
width: 100%;
}

/* Arrondissement du forum */
.forumline {
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;}

/* Arrondissement des cadres des categories */
.forumline{
background-color: #F0E6DD;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
border: 2px #F0E6DD dotted;
}

/* Arrondissement de l interieur des titres des categories */
.secondarytitle {
-webkit-border-top-radius:8px;
-moz-border-top-radius:8px;
border-top-radius:8px;
}

/* Arrondissement des zones de textes et de réponse */
textarea, .textarea.post, input.post {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
border-radius:10px;
}

/* Effacement des lignes superflues dans les titres de categories */
.catHead { border: none !important;}
.catBottom { border: none !important;}
.thLeft { border: none !important;}
.thRight { border: none !important;}
.row3Right { border: none !important;}

/* Effacement des options de partage dans la toolbar */
#fa_share { display: none!important; }

/* Arrondissement du bouton previsualisation */
.liteoption {
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;}

/* Arrondissement du bouton envoyer */
.mainoption {
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;}

/* Arrondissement des citations */
.quote {
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;}

/* Marge interieure des citations */
.quote {
padding : 5px;}

/* Arrondissement du coin supérieur droit du QEEL */
.catHead {
-webkit-border-top-right-radius:8px;
-moz-border-top-right-radius:8px;
border-top-right-radius:8px;}

/* Arrondissement du coin supérieur gauche du QEEL */
.catHead {
-webkit-border-top-left-radius:8px;
-moz-border-top-left-radius: 8px;
border-top-left-radius:8px;}

/* Images pour monter ou descendre sur la page */
.upbottom {
position: fixed;
bottom : 0px ;
margin-left : 90% }

/*Ajustement de la taille section dernier message */
.derni {
width: 150px;}

/* Espace entre la page d accueil et la boite de connexion rapide */
table.user_login_form.forumline {
margin-top: 10px;
}

/*CATEGORIE*/

.cat-stats{
font-size:8px;
text-transform:uppercase;
letter-spacing:0px;
font-size: 8px;
color: #000000;
}

/* CHATBOX */

#chatbox_header .cattitle strong {
visibility: hidden;
}

#chatbox_header .cattitle:before {
content: "SALOON";}

body.chatbox {
background-image : url("##");
border: 2px solid gainsboro;
}

h1 {
font-family: 'Courier New';
}

/* Navigation */
a.mainmenu{
text-decoration: none;
color : #777c53;
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
padding-right: 2px;
font-family: Verdana;
text-shadow: 0px 0px 1px;
}

/* Redimension image profil */
.postdetails.poster-profile img {
width:200px;
display:block;
}

/* Page d'accueil par Cheshire Cat */
.inline{
display:inline-block;
vertical-align:top;
}
.PA{
background-color:#EEEAE7;
width:800px;
margin:20px auto;
padding:10px 20px 20px 20px;
box-sizing:border-box;
box-shadow:1px 1px 3px #b1a9a9;
border-radius:30px;
font-family:calibri;
font-size:13px;
color:#674b4b;
}
.PA a{

transition:all 400ms;
}
.PA a:hover{
color:#727b4c;
727b4c
8a4c4c
}
.PA h1{
margin:0 -20px 10px;
padding-bottom:10px;
text-align:center;
font-weight:normal;
font-size:30px;
border-bottom:2px solid #787b4c;
font-family:'Cinzel';
}
.PA h2{
margin:0 20px 10px;
text-align:center;
font-weight:normal;
font-size:18px;
border-bottom:2px solid #787b4c;
font-family:'Cinzel';
}
PA h3{
margin:0 -20px 10px;
padding-bottom:10px;
text-align:center;
font-weight:normal;
font-size:40px;
border-bottom:2px solid #787b4c;
font-family:'Cinzel';
}
.PA-Gauche{
width:250px;
}
.contexte{
height:240px;
margin-bottom:20px;
padding:10px;
background-color:#f9f7f7;
box-shadow:1px 1px 3px #b1a9a9;
border-radius:20px;
overflow:auto;
text-align:justify;
line-height:16px;
}
.PA-Droite{
width:480px;
margin-left:20px;
}
.staff-votes{
width:235px;
margin-right:20px;
}
.staff{
padding:0 10px;
margin-bottom:10px;
}
.infobulle{
position:relative;
width:100px;
height:100px;
overflow:hidden;
border-radius:10px;
background-color:#EFEFEF;
box-shadow:1px 1px 3px #b1a9a9;
}
.infobulle:first-of-type{
margin-right:10px;
}
.infobulle > img{
width:100%;
}
.infobulle div{
position:absolute;
top:100px;
left:0;
width:100px;
height:100px;
padding:10px;
box-sizing:border-box;
background-color:#fbf7f7;
text-align:center;
font-size:15px;
line-height:15px;
opacity:0;
transition:all 600ms;
}
.infobulle:hover div{
top:0;
opacity:0.9;
}
.votes{
text-align:center;
font-size:0;
}
.votes img{
margin:0 3px;
}
.nouveautes{
width:200px;
height:190px;
margin-bottom:10px;
padding:10px;
overflow:auto;
background-color:#f9f7f7;
box-shadow:1px 1px 3px #b1a9a9;
border-radius:20px;
text-align:justify;
line-height:20px;
}
.partenaires{
padding:10px;
background-color:#f9f7f7;
box-shadow:1px 1px 3px #b1a9a9;
border-radius:20px;
text-align:center;
line-height:17px;
}
#boxe_defil {
position:relative;
height:31px;
overflow:hidden;
}
#defile {
position:absolute;
margin-top:1px;
background-color:transparent;
}
.credits{
font-size:10px;
padding:0 20px;
}

Code:: /* CATEGORIES */
.cat {
   text-transform: uppercase;
   letter-spacing: 0px;
   font-family: 'Eccentric Std', serif;
   font-weight: 200;
   font-style: none;
   text-align: center;
   font-size: 13px;
   color: #FFFFFF;
   }

.fo {
   text-transform: none;
   letter-spacing: 0px;
   font-family: 'Courier New', cursive;
   font-style: none;
   font-size: 18px;
   color: #622416;
   margin-left : 10px;
   }

/* AUTRES CODES */
   a:link, a:visited, a:active {text-decoration: none;} /*enlève le soulignement des liens internet*/

.titre{
font-family: 'Cowboy Movie';
font-size: 18px;
color: #bfb7b0;
text-align:center !important;
}

Retirer espace en haut et bas
.bodyline{
border-top: none !important;
border-bottom: none !important;
}
body {
margin: 0 auto;
}

Retirer dernière édition
tr.post span.gensmall { display: none; }

.linklist
{
display:none;
}

/* Redimension image profil */
.postdetails.poster-profile img {
  width:200px;
  display:block;
}

/* Effacement des menus groupe et FAQ */
a.mainmenu[href="/groups"], a.mainmenu[href="/calendar"], a.mainmenu[href="/search"], a.mainmenu[href="/faq"] {display:none;}

/* Positionnement de la barre de navigation */
.navig {
   position: absolute;
   top: 32px;
   width: 100%;
   }

/* Arrondissement du forum */
.forumline {
   -webkit-border-radius:10px;
   -moz-border-radius:10px;
   border-radius:10px;}

/* Arrondissement des cadres des categories */
.forumline{
background-color: #F0E6DD;
-webkit-border-radius:10px;
   -moz-border-radius:10px;
   border-radius:10px;
border: 2px #F0E6DD dotted;
}

/* Arrondissement de l interieur des titres des categories */
.secondarytitle {
-webkit-border-top-radius:8px;
   -moz-border-top-radius:8px;
   border-top-radius:8px;
}

/* Arrondissement des zones de textes et de réponse */
textarea, .textarea.post, input.post {
   -moz-border-radius:10px;
   -webkit-border-radius: 10px;
   border-radius:10px;
}

/* Effacement des lignes superflues dans les titres de categories */
.catHead { border: none !important;}
.catBottom { border: none !important;}
.thLeft { border: none !important;}
.thRight { border: none !important;}
.row3Right { border: none !important;}

/* Effacement des options de partage dans la toolbar */
   #fa_share { display: none!important; }

/* Arrondissement du bouton previsualisation */
.liteoption {
   -webkit-border-radius:10px;
   -moz-border-radius:10px;
   border-radius:10px;}

/* Arrondissement du bouton envoyer */
.mainoption {
   -webkit-border-radius:10px;
   -moz-border-radius:10px;
   border-radius:10px;}

/* Arrondissement des citations */
.quote {
-webkit-border-radius:10px;
   -moz-border-radius:10px;
   border-radius:10px;}

/* Marge interieure des citations */
.quote {
  padding : 5px;}

/* Arrondissement du coin supérieur droit du QEEL */
.catHead {
   -webkit-border-top-right-radius:8px;
   -moz-border-top-right-radius:8px;
   border-top-right-radius:8px;}

/* Arrondissement du coin supérieur gauche du QEEL */
.catHead {
   -webkit-border-top-left-radius:8px;
   -moz-border-top-left-radius: 8px;
   border-top-left-radius:8px;}

/* Images pour monter ou descendre sur la page */
.upbottom {
position: fixed;
bottom : 0px ;
margin-left : 90% }

/*Ajustement de la taille section dernier message */
.derni {
   width: 150px;}

/* Espace entre la page d accueil et la boite de connexion rapide */
  table.user_login_form.forumline {
   margin-top: 10px;
   }

/*CATEGORIE*/

.cat-stats{
  font-size:8px;
  text-transform:uppercase;
  letter-spacing:0px;
   font-size: 8px;
   color: #000000;
}

/* CHATBOX */

#chatbox_header .cattitle strong {
  visibility: hidden;
}

#chatbox_header .cattitle:before {
  content: "SALOON";}

  body.chatbox {
background-image : url("##");
  border: 2px solid gainsboro;
}

h1 {
   font-family: 'IM Fell Double Pica', serif;
}

/* Navigation */
a.mainmenu{
   text-decoration: none;
   color : #777c53;
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
padding-right: 2px;
font-family: Verdana;
  text-shadow: 0px 0px 1px;
   }

/* Redimension image profil */
.postdetails.poster-profile img {
  width:200px;
  display:block;
}

/* Page d'accueil par Cheshire Cat */
   .inline{
   display:inline-block;
   vertical-align:top;
   }
   .PA{
   background-color:#EEEAE7;
   width:800px;
   margin:20px auto;
   padding:10px 20px 20px 20px;
   box-sizing:border-box;
   box-shadow:1px 1px 3px #b1a9a9;
   border-radius:5px;
   font-family:calibri;
   font-size:13px;
   color:#674b4b;
   }
   .PA a{

   transition:all 400ms;
   }
   .PA a:hover{
   color:#727b4c;
  727b4c
   8a4c4c
   }
   .PA h1{
   margin:0 -20px 10px;
   padding-bottom:10px;
   text-align:center;
   font-weight:normal;
   font-size:30px;
   border-bottom:2px solid #787b4c;
   font-family:'Cinzel';
   }
   .PA h2{
   margin:0 20px 10px;
   text-align:center;
   font-weight:normal;
   font-size:18px;
   border-bottom:2px solid #787b4c;
   font-family:'Cinzel';
   }
PA h3{
   margin:0 -20px 10px;
   padding-bottom:10px;
   text-align:center;
   font-weight:normal;
   font-size:40px;
   border-bottom:2px solid #787b4c;
   font-family:'Cinzel';
   }
   .PA-Gauche{
   width:250px;
   }
   .contexte{
   height:240px;
   margin-bottom:20px;
   padding:10px;
   background-color:#f9f7f7;
   box-shadow:1px 1px 3px #b1a9a9;
   border-radius:5px;
   overflow:auto;
   text-align:justify;
   line-height:16px;
   }
   .PA-Droite{
   width:480px;
   margin-left:20px;
   }

   .staff-votes{
   width:285px;
   margin-right:20px;
   }
   .staff{
   padding:0 10px;
   margin-bottom:10px;
   }
   .infobulle{
   position:relative;
   width:70px;
   height:70px;
   overflow:hidden;
   border-radius:5px;
   background-color:#EFEFEF;
   box-shadow:1px 1px 3px #b1a9a9;
   }
   .infobulle:first-of-type{
   margin-right:10px;
   }
   .infobulle > img{
   width:70PX.
   }
   .infobulle div{
   position:absolute;
   top:100px;
   left:0;
   width:70px;
   height:70px;
   padding:10px;
   box-sizing:border-box;
   background-color:#fbf7f7;
   text-align:center;
   font-size:15px;
   line-height:15px;
   opacity:0;
   transition:all 600ms;
   }
   .infobulle:hover div{
   top:0;
   opacity:0.9;
   }
   .votes{
   text-align:center;
   font-size:0;
   }
   .votes img{
   margin:0 3px;
   }
   .nouveautes{
   width:200px;
   height:190px;
   margin-bottom:10px;
   padding:10px;
   overflow:auto;
   background-color:#f9f7f7;
   box-shadow:1px 1px 3px #b1a9a9;
   border-radius:5px;
   text-align:justify;
   line-height:20px;
   }
   .partenaires{
   padding:10px;
   background-color:#f9f7f7;
   box-shadow:1px 1px 3px #b1a9a9;
   border-radius:5px;
   text-align:center;
   line-height:17px;
   }
   #boxe_defil {
   position:relative;
   height:31px;
   overflow:hidden;
   }
   #defile {
   position:absolute;
   margin-top:1px;
   background-color:transparent;
   }
   .credits{
   font-size:10px;
   padding:0 20px;
   }

» rp mila hanska
» template categorie mila hanska
» template page accueil mila hanska
» ANCIENNE PA MILA HASKA

CODAGE MILA HANSKA

CODAGE MILA HANSKA

Sujets similaires

Sujets similaires