<style>@font-face{font-family: 'LemonTuesday'; src: url('http://vanessaskins.b1.jcink.com/uploads/vanessaskins/LemonTuesdaye.eot'); src: url('http://vanessaskins.b1.jcink.com/uploads/vanessaskins/LemonTuesday.eot?#iefix') format('embedded-opentype'), url('http://vanessaskins.b1.jcink.com/uploads/vanessaskins/LemonTuesday.woff') format('woff'), url('http://vanessaskins.b1.jcink.com/uploads/vanessaskins/LemonTuesday.ttf') format('truetype'), url('http://vanessaskins.b1.jcink.com/uploads/vanessaskins/LemonTuesday.svg') format('svg'); font-weight: normal; font-style: normal;}
/*Fond de la fiche partenaire*/
.fondficheparto{
width: 480px; height: 900px; margin: 0 auto;
background: #E9E5E0; border: 20px solid black;
background-image: url(https://i.imgur.com/Q8Zd3VG.png);
}
/*Bannière de la fiche partenaire*/
.imglogo img{ width: 480px; margin-bottom: 180px; }
/*Nom + lien de la bannière*/
.imglogo a{
mix-blend-mode: soft-light; position: relative; top: -250px;
font: 30px Pt Sans; letter-spacing: 10px; text-transform: uppercase; text-decoration: none;
color: #fff; text-shadow: 5px 5px 5px black;
transition: all 800ms;
}
.imglogo a:hover{ mix-blend-mode: soft-light; transition:all 800ms; color: #dadada; }
/*Barre des liens utiles*/
.liensutiles{ margin-top:-220px; text-align: center; background: #2C2C2C; }
.linku{ display: inline-block; margin: 15px;}
.linku a{
text-decoration: none; font-weight: 800;
color: #ccc; text-transform: uppercase; font: 12px calibri;
}
/*Bloc de l'image de gauche*/
.blok1{
display: inline-block; vertical-align: top;
width: 280px; margin: 10px; height: 450px;
}
/*Bloc des statistiques*/
.blok2{
display: inline-block; vertical-align:top;
width: 156px; margin: 10px; height: 450px;
background: url('https://www.zupimages.net/up/18/41/hybk.png');
}
.imgrond img{ border-radius: 100%; }
/*Titre des cadres*/
.cadre{
position:relative; width: 110px; margin: 0 auto; padding: 5px;
font: 12px calibri; text-align: center; text-transform: uppercase;
background: #8d2525; outline: 1px solid #dadada; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.8); outline-offset: -2px;
}
/*Statistiques*/
.linkstat{
position: relative; bottom: 5px; margin-top: 10px;
text-align: center; font-family: calibri; font-size: 12px;
color: #dadada;
}
/*Images prédéfinis*/
.predou{ display: inline-block; margin: 5px; position: relative; top: 20px;}
.predou img{ transition: all 800ms; width: 50px; height: 50px;}
.predou img:hover{ -webkit-filter: grayscale(100%); filter: grayscale(100%) contrast(200%); opacity: 0.9; transition: .7s;}
/*Bloc contexte*/
.contexte{
width: 420px; height: 130px; margin:0 auto; margin-top: 30px; padding: 10px; overflow: auto;
font-family: calibri; text-align: justify; font-size: 12px;
background: url('https://i.imgur.com/dQ9HYI8.png'); box-shadow: 0 15px 20px -12px rgba(0, 0, 0, 0.8);
color: black;
}
/*Titre du contexte*/
.contexte span{
text-transform: uppercase; font-family: Open Sans condensed; font-size: 20px;
color: #8d2525;
}
/*Scrollbar du contexte*/
.contexte::-webkit-scrollbar{ width: 2px; height: 10px; background: black; }
.contexte::-webkit-scrollbar-thumb:vertical{height: 30px; -webkit-border-radius: 2px; background-color: #6f6f6f;}
.contexte::-webkit-scrollbar-thumb:horizontal{height: 30px; -webkit-border-radius: 2px; background-color: #6f6f6f;}
/*Crédits de la fiche pub*/
.credit{ text-align: center; }
.credit a{ font: 9px calibri; text-transform: uppercase; color: black; letter-spacing: 2px;}</style> <meta content="text/html; charset=utf-8" http-equiv="content-type" />
<div class="fondficheparto">
<div style="text-align:center;" class="imglogo">
<img src="https://zupimages.net/up/21/04/z2iw.png" /><a href="https://hybrideindustry.forumactif.com/">Hybride Industry</a>
</div>
<div class="liensutiles">
<div class="linku">
<a href="https://hybrideindustry.forumactif.com/t2-contexte">Contexte</a>
</div>
<div class="linku">
<a href="https://hybrideindustry.forumactif.com/t7-groupes-existants">Groupes</a>
</div>
<div class="linku">
<a href="https://hybrideindustry.forumactif.com/t1-reglement">Règlement</a>
</div>
<div class="linku">
<a href="https://hybrideindustry.forumactif.com/f45-partenariat">Partenariat</a>
</div>
</div>
<div class="blok1">
<img src="https://zupimages.net/up/21/07/gli9.png" />
</div>
<div class="blok2">
<div style="text-align:center;margin:20px;" class="imgrond">
<img src="https://zupimages.net/up/21/07/rr27.png" />
</div><br />
<div class="cadre">
J'aime les stats
</div>
<div class="linkstat">
Ouvert le 21.10.20
</div>
<div class="linkstat">
NC18 - érotisme
</div>
<div class="linkstat">
avatars 250*400px
</div>
<div class="cadre">
Vive les predef'
</div>
<center>
<div class="predou">
<a href="/"><img src="http://via.placeholder.com/50x50" /></a>
</div>
<div class="predou">
<a href="/"><img src="http://via.placeholder.com/50x50" /></a>
</div>
<div class="predou">
<a href="/"><img src="http://via.placeholder.com/50x50" /></a>
</div>
<div class="predou">
<a href="/"><img src="http://via.placeholder.com/50x50" /></a>
</div>
</center>
</div>
<div class="contexte">
<span>contexte</span><br /> Dans une nouvelle ère où l'humanité à quasiment disparue suite à l'apparition d'une brume, seul subsiste quelques îles. Un homme en particulier change le cours des choses en créant des hybrides nés pour servir leurs maîtres : Son nom est le proconsul. De tout temps les habitants tentèrent d'explorer l’au-delà de la brume, mais aucun ne revint jamais. Entre manipulation, pouvoir, esclaves, hybrides et traîtres quelle cause défendrez-vous ?
</div>
</div>
<div class="credit">
<a href="http://somuchgravity.forumsrpg.com/" target="_blank">e p s i l o n</a>
</div>
Accueil
Mar 16 Fév - 12:25
