link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Shadows+Into+Light&subset=latin-ext,latin' rel='stylesheet' type='text/css'><style>#asaofond {width: 500px; background-color: #150000; margin: auto; overflow: hidden; border-top: 1px dotted black; border-bottom: 1px dotted black; box-shadow: 0px 0px 5px black; background-clip: border-box; background-size: 20%; background-repeat: repeat; background-image: url(http://image.noelshack.com/fichiers/2016/07/1455921004-telechargement-4.jpg)} #asaohead {width: 600px; opacity: 0.5; transform-origine: 50% 50%; transform: rotate(-5deg); margin-left: -50px; margin-top: -30px; transition: 1s} #asaohead:hover {opacity: 1; transition: 1s;} #asaotitre {width: 600px; height: 40px; background: #EDF7F2; transform-origine: 50% 50%; transform: rotate(-5deg); margin-left: -50px; margin-top: -30px; text-align: center; } .asaorealtitre {color: #FF358B; font-family: 'Shadows Into Light', cursive; font-size: 50px; display: inline-block; border-bottom: 2px solid #FF358B; padding-bottom: 13px; transition: 1s; } .asaorealtitre:hover {color: black; border-bottom: 2px solid black; padding-bottom: 13px; transition 1s; } .asaoicone {width: 100px; height: 100px; border-radius: 50px; background-clip: border-box; background-size: cover; transition: 1s} .asaoicone:hover {transform: rotate(360deg); transition: 1s; } .asaoinfos {position: relative; height: 100px; width: 100px; overflow: visible;}.asaoinfos .asaoinfos .asaoicone:hover {background-color: red;}.asaoinfos .asaoinfobulle {position: absolute; top: 80px; left: -100px; width: 300px; height: 100px; background-color: #EDF7F2; font-family: 'Open Sans Condensed', sans-serif; color:#FF358B; padding: 5px; text-align: justify; font-size: 14px; border-top: 1px dotted black; border-bottom: 1px dotted black; box-shadow: 0px 0px 5px black; opacity: 0; visibility: hidden;} .asaoinfos:hover .asaoinfobulle {opacity: 1; visibility: visible; z-index: 999;} .asaoask {font-style: italic; text-shadow: 1px 1px 0px black; font-weight: bold} #asaoavatar {width: 200px; height: 320px; border-top: 1px dotted black; border-bottom: 1px dotted black; box-shadow: 0px 0px 5px black; overflow: hidden;} #asaocoulisse{width: 200px; height: 320px; background-size: cover; transform: translateY(0px) transition: 1s;} #asaodescriptif {width: 190px; height: 310px; background-color: #E3E0D7; font-family: 'Open Sans Condensed', sans-serif; color:#FF358B; padding: 5px; text-align: justify; font-size: 14px;}</style>
<div id="asaofond"><img src="http://img15.hostingpics.net/pics/434346spring12.png" id="asaohead" /><div id="asaotitre"><span class="asaorealtitre">Nom du chat </span></div>
<div style="margin: auto; width: 250px;"><div class="asaoinfos" style=" float: left"><div class="asaoicone" style="background-image: url(http://img15.hostingpics.net/pics/518150lockspring.png);"></div><div class="asaoinfobulle"><span class="asaoask"> </span>
<span class="asaoask">Nom : </span> réponse
<span class="asaoask">Âge : </span> réponse
<span class="asaoask">Rang : </span> réponse
<span class="asaoask">Clan : </span> réponse</div></div><div class="asaoinfos" style="float: right"><div class="asaoicone" style="background-image: url(http://img15.hostingpics.net/pics/518150lockspring.png);"></div><div class="asaoinfobulle"><span class="asaoask"> </span>
<span class="asaoask">Lieu de naissance : </span> réponse
<span class="asaoask">Famille : </span> réponse
<span class="asaoask">Autre : </span> réponse
<span class="asaoask">Autre : </span> réponse</div></div><div style="clear: both"></div></div>
<div style="margin: auto; background-color: #EDF7F2; font-family: 'Open Sans Condensed', sans-serif; color:#FF358B; padding: 5px; text-align: justify; font-size: 14px; width: 90%; min-height: 50px; box-shadow: 0px 0px 5px black"><div style="font-family: 'Shadows Into Light', cursive; width: 100%; text-align: center; font-size: 35px; transform: rotate(-5deg); margin-top: -20px; margin-bottom: 15px; ">Je ressemble à...</div>Décrivez ici le physique de votre personnage en 5 lignes.</div>
<div style="margin: auto; background-color: #EDF7F2; font-family: 'Open Sans Condensed', sans-serif; color:#FF358B; padding: 5px; text-align: justify; font-size: 14px; width: 90%; min-height: 50px; box-shadow: 0px 0px 5px black"><div style="font-family: 'Shadows Into Light', cursive; width: 100%; text-align: center; font-size: 35px; transform: rotate(-5deg); margin-top: -20px; margin-bottom: 15px; ">Je pense à ...</div>Décrivez ici le caractère de votre personnage en 5 lignes.</div>
<div style="margin: auto; background-color: #EDF7F2; font-family: 'Open Sans Condensed', sans-serif; color:#FF358B; padding: 5px; text-align: justify; font-size: 14px; width: 90%; min-height: 50px; box-shadow: 0px 0px 5px black"><div style="font-family: 'Shadows Into Light', cursive; width: 100%; text-align: center; font-size: 35px; transform: rotate(-5deg); margin-top: -20px; margin-bottom: 15px; ">J'ai vécu...</div>Décrivez ici l'histoire de votre personnage en 8 lignes.</div>
<div id="asaoavatar" style="float: left"><div id="asaocoulisse" style="background-image: url(http://image.noelshack.com/fichiers/2016/07/1455923862-picsart-02-20-12-17-15.png)"></div></div> <div style="float: right; background-color: #EDF7F2; font-family: 'Open Sans Condensed', sans-serif; color:#FF358B; padding: 10px; text-align: justify; font-size: 14px; width: 280px; height: 300px; oveflow: auto; min-height: 50px; box-shadow: 0px 0px 5px black">
Prénom/PUF :
Aimes-tu le fow :
Pourquoi :
As-tu lu le règlement : ////
Si oui, les codes : ////
Autre :</div>
<div style="text-align: center; font-family: 'Open Sans Condensed', sans-serif; color:#E3E0D7; clear: both"><a href="http://www.never-utopia.com/" style="font-family: 'Open Sans Condensed', sans-serif; color:#FF358B; text-decoration: none!important">Narja/Ehawee pour Never-Utopia</a></div>
</div>
Accueil 
