[CODE] Répertoire RP

<link href="https://www.aht.li/3266759/RRP_ROV.css" rel="stylesheet" type="text/css"><!-- PARTIE CSS PERMETTANT DE MODIFIER LES COULEURS DES CONTENUS & DES TITRES DES RP --><style type="text/css">/* CONTENUS */ .contentROV {border-color:grey; background:white; color:black;} /* TITRES RP */ .contentROV a {border-bottom-color:black; color:black; font-weight:bold;}</style><!-- TOUTES COULEURS PERSONNALISABLES --><div class="ROV"><!-- CREDIT --><a class="cdtROV" href="http://crushcrushcrush.actifforum.com" target="_blank"><img src="http://www.aht.li/2456212/PUF.png" /></a><!-- TITRE --><div class="tleROV" style="background:grey; color:white;">Liste des RP</div><!-- ONGLETS --><div class="ongROV"><!-- ONGLET RP EN COURS --><input type="radio" name="ongROV" id="OROZ1" checked ><label for="OROZ1" style="background:#8E7E7E; color:white;">En cours</label><!-- ONGLET RP TERMINES --><input type="radio" name="ongROV" id="OROZ2"><label for="OROZ2" style="background:#8E7E7E; color:white;">Terminés</label><!-- ONGLET RP ENTRAINEMENTS --><input type="radio" name="ongROV" id="OROZ3"><label for="OROZ3" style="background:#8E7E7E; color:white;">Entrainements</label><!-- ONGLET PROJETS --><input type="radio" name="ongROV" id="OROZ4"><label for="OROZ4" style="background:#8E7E7E; color:white;">Relations</label><!-- CONTENU RP EN COURS --><div id="contentROV1" class="contentROV"><!--
I --><a href="..." target="_blank">Titre</a>ft. NOM Prénom<br/><!--

II --><a href="..." target="_blank">Titre</a>ft. NOM Prénom<br/><!--

III --><a href="..." target="_blank">Titre</a>ft. NOM Prénom<br/><!--

IV --><a href="..." target="_blank">Titre</a>ft. NOM Prénom<br/></div><!-- CONTENU RP TERMINES --><div id="contentROV2" class="contentROV"><!--

I --><a href="..." target="_blank">Titre</a>ft. NOM Prénom<br/><!--

II --><a href="..." target="_blank">Titre</a>ft. NOM Prénom</div><!-- CONTENU RP ENTRAINEMENTS --><div id="contentROV3" class="contentROV"><!--

I --><a href="..." target="_blank">Titre</a>ft. NOM Prénom</div><!-- CONTENU RELATIONS --><div id="contentROV4" class="contentROV"><!--

I --><b>Nom, Prénom - Relation:</b> Résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé<br/><br/><!--

II --><b>Nom, Prénom - Relation:</b> Résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé<br/><br/><!--

III --><b>Nom, Prénom - Relation:</b> Résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé</div></div></div>

<br/><!--

V --><a href="..." target="_blank">Titre</a>ft. NOM Prénom

<br/><br/><!--

II --><b>Nom, Prénom - Relation:</b> Résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé

<link href="https://use.fontawesome.com/releases/v5.0.7/css/all.css" rel="stylesheet"><style>@import url('https://fonts.googleapis.com/css?family=Raleway:400,700,900|Roboto');.shipper-wrap {width: 500px;margin: 0 auto;background: #f2f2f2;border: 1px solid #ebebeb;padding: 10px;position: relative;line-height: 1.526;box-sizing: content-box;}.shipper {width: 500px;background: #fbfbfb;border: 1px solid #ebebeb;font-family: 'Raleway', sans-serif;position: relative;box-sizing: border-box;padding: 10px;display: flex;flex-wrap: wrap;}.shipper a {text-decoration: none!important;}.shipper h2 {margin: 0;font-weight: 400;text-transform: uppercase;display: inline-block;font-size: 25px;color: #4fa285;}.shipper h2 b {font-weight: 900;}.shipper h2.looking {padding: 5px 22px 22px;margin: 15px 0 0;flex: 100%;}.shipper .shipper-img {margin-right: 20px;height: 100px;width: 100px;}.shipper .shipper-img + div {flex: 1;display: flex;flex-direction: column;}.shipper h3, .item label {margin: 0;font-weight: 400;text-transform: uppercase;font-size: 12px;color: #86d2b7;}.shipper p {line-height: 1.4em;font-size: 10px;text-align: justify;margin: 10px 0px;font-family: 'Roboto', sans-serif;}.shipper-links {margin-top: auto;}.shipper-links a {text-transform: uppercase;font-size: 9px;letter-spacing: 1px;color: #000;margin-right: 10px;}.shipper-links a i {font-size: 20px;color: #4fa285;vertical-align: bottom;transition: all 0.3s;}.shipper-links a:hover i {color: #86d2b7;}.shipper-look {font-size: 11px;position: relative;text-align: justify;margin-bottom:20px;font-family: 'Roboto', sans-serif;border: 1px solid #e3e3e3;box-sizing: border-box;padding: 12px 38px 8px;}.shipper-look:last-child {margin: 0;}.shipper-look label, .item h3 {background: #4fa285;color: #fbfbfb;padding: 2px 5px;text-transform: uppercase;font-size: 9px;letter-spacing: 1px;display: inline-block;top: -12px;position: absolute;font-family: 'Raleway', sans-serif;}.item h3 {padding: 3px 8px;top: -29px;left: 15px;font-size: 15px;}.item-wrap {margin-bottom: 10px;}.item {height: 180px;}.item img {height: 100px;margin-right: 15px;width: 100px;}.item p {line-height: 1.4em;margin: 0;font-family: 'Roboto', sans-serif;font-size: 11px;height: 140px;overflow: auto;padding: 0 10px 0 0;}.shipper.item > div {flex: 1;}.shipper-credit {position: absolute;bottom: -20px;left: 0;}.shipper-credit a {font-weight: bold;color: #b9b9b9 !important;text-decoration: none !important;font-size: 8px;letter-spacing: 1px;}</style>

<div class="shipper-wrap"><div class="shipper"><!--
--><img src="http://via.placeholder.com/200x320" class="shipper-img"><!--
--><div><h2><b>Prénom</b> Nom</h2><!--
--><h3>Rang - âge</h3><!--
--><div class="shipper-links"><a href="#"><i class="far fa-address-card"></i> Présentation</a><a href="#"><i class="far fa-envelope"></i> Profil</a></div></div><!--
--><h2 class="looking">Mes <b>aventures</b>...</h2><!--
--><div class="shipper-look"><label>En cours</label>
<a href="#"><i class="fas fa-pencil-alt"></i> Nom du RP - (Feat. Nom & Prénom)</a>

</div><!--
--><div class="shipper-look"><label>Terminés</label>
<a href="#"><i class="fas fa-pencil-alt"></i> Nom du RP - (Feat. Nom & Prénom)</a>

</div><!--
--><div class="shipper-look"><label>Events</label>
<a href="#"><i class="fas fa-pencil-alt"></i> Nom du RP - (Feat. Nom & Prénom)</a>

</div><!--
--><div class="shipper-look"><label>Entrainements</label>
<a href="#"><i class="fas fa-pencil-alt"></i> Entrainement n°x - Technique Rang X</a>

</div>
</div><div class="shipper-credit"><a href="http://terrible.forumactif.org/" target="_blank">AWFUL</a></div></div>

<div class="shipper-wrap item-wrap"><div class="shipper item"><img src="http://via.placeholder.com/100x160"><div><h3><b>Prénom</b> Nom</h3><label>Relationship</label><p>TEXTE ICI</p></div></div></div>

<center><div style="padding:10px; background-color:whitesmoke; border: 1px dotted grey; color:grey; width: 500px;"><div style="padding:5px; background-color: lightgrey; color: grey; font-size:20px; font-family:georgia; text-shadow:1px 1px 1px white;">NOM PRENOM</div><table><td><div style="padding:5px; background-color: lightgrey; color: grey; font-size:15px; font-family:georgia; text-shadow:1px 1px 1px white;">Mes Relations</div>
<div style="padding:5px; background-color:ghostwhite; border: 1px dotted grey; width:200px; height:120px; overflow:auto; font-size: 10px;">[b]- Nom Prénom[/b] - Type de relation
[b]- Nom Prénom[/b] - Type de relation
[b]- Nom Prénom[/b] - Type de relation</div></td><td><div style="padding:5px; background-color: lightgrey; color: grey; font-size:15px; font-family:georgia; text-shadow:1px 1px 1px white;">Mes PNJ</div>
<div style="padding:5px; background-color:ghostwhite; border: 1px dotted grey; width:200px; height:120px; overflow:auto; font-size: 10px;">[b]- Nom Prénom[/b] - Type de relation
[b]- Nom Prénom[/b] - Type de relation
[b]- Nom Prénom[/b] - Type de relation</div></td></tr><td><div style="padding:5px; background-color: lightgrey; color: grey; font-size:15px; font-family:georgia; text-shadow:1px 1px 1px white;">RP En cours</div>
<div style="padding:5px; background-color:ghostwhite; border: 1px dotted grey; width:200px; height:120px; overflow:auto; font-size: 9px;"><a href="#">- Nom du RP - (Feat. Nom & Prénom)</a></div></td>
<td><div style="padding:5px; background-color: lightgrey; color: grey; font-size:15px; font-family:georgia; text-shadow:1px 1px 1px white;">Rp Terminés</div>
<div style="padding:5px; background-color:ghostwhite; border: 1px dotted grey; width:200px; height:120px; overflow:auto; font-size: 9px;"><a href="#">- Nom du RP - (Feat. Nom & Prénom)</a></div></td></tr><tr><td><div style="padding:5px; background-color: lightgrey; color: grey; font-size:15px; font-family:georgia; text-shadow:1px 1px 1px white;">RP Entraînements</div>
<div style="padding:5px; background-color:ghostwhite; border: 1px dotted grey; width:200px; height:120px; overflow:auto; font-size: 9px;"><a href="#">- Entrainement n°x - Technique Rang X</a></div></td>
<td><div style="padding:5px; background-color: lightgrey; color: grey; font-size:15px; font-family:georgia; text-shadow:1px 1px 1px white;">RP Events</div>
<div style="padding:5px; background-color:ghostwhite; border: 1px dotted grey; width:200px; height:120px; overflow:auto; font-size: 9px;"><a href="#">- Nom du RP - (Feat. Nom & Prénom)</a></div></td></tr></table>
[size=8]
Fiche créée par Madouce pour <a href="http://epicode.variousforum.com/">Epicode</a>, ne pas retirer le copyright[/size]</div></center>