<div class="dbNeonFiche"><div class="titreDb"><div>Prénom Prénom² Nom</div><div class="infoSuppl">Recapitulatif des rps</div></div><div class="boutonMenu"><div class="pageInfo"><div class="gifRetro" style="background-position: 0px 0px;"><img src="https://media.tenor.com/73tN2P8Pz00AAAAC/curious-joyce-byers.gif"></div><div class="ssTitreRetro">Ordre de missions <div class="infoSuppl">[1/12]</div></div>
<div class="blocRps scrollRetro">
<a href="">☐ <b>Un titre court</b><div>Personnage - <i>date</i></div></a>
<a href="">🗹 <b>Un titre de rp super long sur plusieurs lignes Sed ut tum ad senem senex de senectute, sic hoc libro ad amicum amicissimus scripsi de amicitia.</b><div>Personnage - <i>date</i></div></a>
<a href="">☒ <b>Titre du rp</b><div>Personnage - <i>lieu</i></div></a>
<a href="">☒ <b>Titre du rp</b><div>Personnage - <i>lieu</i></div></a>
<a href="">🗹 <b>Titre du rp</b><div>Personnage - <i>lieu</i></div></a>
<a href="">🗹 <b>Titre du rp</b><div>Personnage - <i>lieu</i></div></a>
<a href="">🗹 <b>Titre du rp</b><div>Personnage - <i>lieu</i></div></a>
<a href="">🗹 <b>Titre du rp</b><div>Personnage - <i>lieu</i></div></a>
<a href="">🗹 <b>Titre du rp</b><div>Personnage - <i>lieu</i></div></a>
<a href="">🗹 <b>Titre du rp</b><div>Personnage - <i>lieu</i></div></a>
<a href="">🗹 <b>Titre du rp</b><div>Personnage - <i>lieu</i></div></a>
<a href="">🗹 <b>Titre du rp</b><div>Personnage - <i>lieu</i></div></a>
</div></div></div><div class="creditGraphio">Codage par Libella sur <a href="http://graphiorum.forumactif.com/">Graphiorum</a></div></div>

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"><link href='http://fonts.googleapis.com/css?family=VT323' rel='stylesheet' type='text/css'><style>/*COULEUR*/ :root { --fondFicheDb: #0C100C; --retroDark:#0E230E; --colorRetro: #29de21; --hoverColor:#22B11B; --borderRetro: 1px solid #29de21; --borderDottedRetro:1px dotted #29de21; --ombreBox:0px 0px 5px #29de21; --textOmbre:0px 0px 5px #29de21; --filtreImg:grayscale(100%) sepia(50%) hue-rotate(70deg) saturate(550%) brightness(90%) contrast(115%)} .dbNeonFiche{width:580px;margin:auto;border-radius:15px;font: 14px 'VT323', Courier New, monospace; letter-spacing: -0.5px;background:repeating-linear-gradient(180deg, var(--retroDark), var(--retroDark) 1px, var(--fondFicheDb) 1px, var(--fondFicheDb) 6px);box-shadow: 1px 1px 10px var(--colorRetro) inset;color: var(--colorRetro)} .dbNeonFiche a {text-decoration:none} .titreDb {display:flex;flex-direction:row;justify-content:space-between;margin-bottom:-10px;padding:10px;text-shadow:var(--textOmbre);text-transform: uppercase;font-size:24px;} .infoSuppl {display:inline-block;float:right;font-style:italic;text-align:right} .gifRetro {width:100%;filter: var(--filtreImg);margin:auto;margin-bottom:5px;border:var(--borderRetro);box-shadow:var(--ombreBox)} .gifRetro img {display:block;width:inherit;grayscale(100%) sepia(70%) hue-rotate(90deg) brightness(1.2);} .boutonMenu {padding:10px;border-top:var(--borderDottedRetro);} .ssTitreRetro {text-transform:uppercase;text-shadow:var(--textOmbre);font-size:20px;border-bottom:var(--borderRetro);margin-bottom:8px;} .blocRps {width:530px;height:340px;overflow-y:scroll;overflow-x:hidden;margin:auto;position:relative;z-index:1;} .blocRps a {display:block;margin:3px;padding:5px;background:var(--retroDark);border:var(--borderRetro);color:var(--colorRetro);} .blocRps a:hover, .timeline:hover {background:var(--hoverColor);color: var(--retroDark)} /*scroll*/ .scrollRetro::-webkit-scrollbar {width: 5px;height:5px;background:var(--retroDark)} .scrollRetro::-webkit-scrollbar-track {box-shadow: inset 0 0 2px #000; border-radius: 10%;} .scrollRetro::-webkit-scrollbar-thumb {background: var(--fondFicheDb);border:var(--borderRetro); border-radius:10px;} .scrollRetro::-webkit-scrollbar-thumb:hover {background: var(--colorRetro);} .creditGraphio {font-size:10px;text-align:center;padding:5px;} .creditGraphio a{color:var(--colorRetro);font-weight:bold}</style>