<div id="fiche"> <div class="fond_g7" style=" border-bottom: 2px solid #ed8e69; display: flex; height: 47px; "><h2 style=" color: #adbc6d; font-family: Playfair Display; font-size: 25px; letter-spacing: 3px; margin: 5px 5px 5px 120px !important; padding-top: 10px; text-transform: uppercase; "></h2><h2 style="color: #adbc6d;font-family: Playfair Display;font-size: 30px;letter-spacing: 3px;margin: 10px 0px 0px 38px !important;padding-top: 10px;text-transform: uppercase;text-shadow: 2px 0px 0px white;">PERSONNAGE</h2></div><div id="top"> <div id="topLeft"> <p style="font-size: 12px;text-align: justify;font-family: "Playfair Display";margin-left: 10px;">[b]PRÉNOM :[/b] Lorem
[b]NOM :[/b] Ipsum
[b]ÂGE :[/b] 00 ans
[b]DATE DE NAISSANCE :[/b] 00 mois
[b]ORIGINES :[/b] données par les parents
[b]LIEU DE NAISSANCE :[/b] pays ou ville
[b]ORIENTATION :[/b] orientation sexuelle
[b]GROUPE :[/b] groupe dans l'école
[b]MÉTIER :[/b] (sagittaires et verseaux)
[b]POURQUOI CHOISIR CE GROUPE ?[/b] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce scelerisque libero sit amet ipsum tempor at sollicitudin orci molestie. Cras lectus ligula tincidunt.</p> </div> <div id="topRight"> <img src="https://zupimages.net/up/18/41/33s2.png" style= "width: 210px; height: 153px; margin-top: 1px;"> </div> </div> <section id="middle"> <input id="radio1" name="menu" type="radio" checked/> <section id="ongletInfo1"> <div class="carteIdentite"> <p class="DescriptionTexte">Votre description physique ici

Ici, vous pouvez mettre votre physique par points. Les choses obligatoires sont la couleur naturelle des yeux, cheveux ainsi que la taille et le poids de votre personnage. Essayez aussi de nous donner quelques détails, s'il a un tatouage ou une cicatrice: c'est toujours bien de connaître les personnages des autres sous toutes leurs coutures.</p> </div> </section> <input id="radio2" name="menu" type="radio" /> <section id="ongletInfo2"> <div class="carteIdentite"> <p class="DescriptionTexte">Votre description mentale ici

Nous ne vous obligeons pas à rédiger entièrement cette partie, vous pouvez uniquement mettre des adjectifs. Toutefois, il nous faut quelques lignes définissant votre personnage. Histoire que l'on puisse savoir exactement à quoi s'attendre en RP avec vous.</p> </div> </section> <input id="radio3" name="menu" type="radio" /> <section id="ongletInfo3"> <div class="carteIdentite"> <p class="DescriptionTexte">Votre histoire ici

Sur l'histoire, nous serons un peu plus exigeants. Nous vous demandons un minimum de [b]400 mots[/b]. Vous n'avez pas besoin de beaucoup écrire, mais nous devons savoir tout de votre passé. N'oubliez pas que Nissei reste un pensionnat comme les autres en dehors de ses murs. Les psychopathes, les meurtriers etc. y sont donc prohibés.</p> </div> </section> <menu id="barreMenu"> <li> <label id="labelPhysique" for="radio1"> <img src="https://i.imgur.com/cNFiju5.png"> </label> </li> <li> <label id="labelPsycho" for="radio2"> <img src="https://i.imgur.com/X4lxaSa.png"> </label> </li> <li> <label id="labelHistoire" for="radio3"> <img src="https://i.imgur.com/5ZCCtDW.png"> </label> </li> </menu> </section> <div class="fond_g7" style="border-bottom: 2px solid #ed8e69;display: flex;height: 47px;margin-top: 39px;"><h2 style=" color: #adbc6d; font-family: Playfair Display; font-size: 25px; letter-spacing: 3px; margin: 5px 5px 5px 120px !important; padding-top: 10px; text-transform: uppercase; "></h2><h2 style="color: #adbc6d;font-family: Playfair Display;font-size: 30px;letter-spacing: 3px;margin: 10px 5px 5px 40px !important;padding-top: 10px;text-transform: uppercase;text-shadow: 2px 0px 0px white;">IRL</h2></div><div id="bot"> <div id="botLeft"> <img src="https://zupimages.net/up/18/41/cw0v.png"> </div> <!-- <div class="fond_g7" style="border-bottom: 2px solid #ed8e69;display: flex;height: 47px;margin-top: 564px;"><h2 style="color: #adbc6d;font-family: Playfair Display;font-size: 25px;letter-spacing: 3px;margin: 5px 5px 5px 120px !important;padding-top: 10px;text-transform: uppercase;"></h2><h2 style="color: #adbc6d;font-family: Playfair Display;font-size: 25px;letter-spacing: 3px;margin: 5px 5px 5px 40px !important;padding-top: 10px;text-transform: uppercase;text-align: center;">in real life</h2></div> /!--> <div id="botRight"> <p style="font-size: 12px;text-align: justify;font-family: "Playfair Display";margin-left: 10px;">[b]PSEUDO :[/b] pseudo utilisé
[b]PRÉNOM :[/b] votre prénom
[b]ÂGE :[/b] votre âge réel
[b]PRÉSENCE :[/b] sur sept jours
[b]COMMENT T'ES ARRIVÉ ICI :[/b] Précisez par quel moyen vous avez découvert le forum, et si vous venez d'un partenaire: dites-nous alors duquel il s'agit, etc.
[b]IDÉES/COMMENTAIRES :[/b] Un petit mot sur le forum, une remarque ou quelque chose à ajouter ? N'hésitez surtout pas à faire une critique constructive !
[b]CODE :[/b] Entre les balise hide</p> </p></div> </div> <style> ::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{border-radius:10px}::-webkit-scrollbar-thumb{background-color:darkgrey;border-radius:10px}#fiche{width:580px;height:850px;background-color:#f7f7f7}#top{position:relative;width:520px;top:15px;height:150px}#topLeft{position:relative;width:310px;height:153px;left:20px;background-color:#f9f9f9;border:2px solid #f4f0f6;word-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;-o-hyphens:auto;hyphens:auto;overflow-y:scroll;font-family:monospace}#topRight{position: relative; left: 346px; top: -157px; width: 211px; height: 155px; background-color: #f0a88c; border: 2px solid #f2eef5;}#bot{ position: relative; width: 541px; height: 120px; top: 80px; left: 9px; border: 2px solid #f2eef5; margin-top: -65px;}#botLeft{width:119px;height:119px;position:relative;background-color:#adbc6d; margin-left: 1px;}#botLeft img{width: 119px; height: 119px;}#botRight{ border-left: 2px solid #f2eef5; width:440px;height:118px;left: 120px;top:-118px;position:relative;background-color:f9f9f9;word-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;-o-hyphens:auto;hyphens:auto;overflow-y:scroll}#middle *{margin:0;padding:0;box-sizing:border-box;border:0}#middle li{display:block}#middle{width:600px;height:400px;align-items:center;justify-content:space-evenly;position:relative;top:40px; left: 23px}#barreMenu label{display:flex;justify-content:center;align-items:center;width:40px;height:64px;background-color:whitesmoke;cursor:pointer;position:relative}#barreMenu label img{width:32px; height: 30px}#labelPsycho{top:5px}#labelHistoire{top:10px}#barreMenu label:hover{background-color:#adbc6d}#middle input{display:none}#middle section{display:none;overflow:auto;position:relative; border: 2px solid #f2eef5;left:15px}#barreMenu{width:50px;height:200px;position:relative;left:500px;top:-399px;display:flex;flex-direction:column;flex-flow:column}#radio1:checked~#barreMenu li #labelPhysique,#radio2:checked~#barreMenu li #labelPsycho,#radio3:checked~#barreMenu li #labelHistoire,{cursor:default}#middle input:checked+section{ display: block; width: 502px; height: 400px; background-color: white; padding: 10px; overflow: auto; left: -3px;}#middle .carteIdentite{flex-direction:column;display:flex;margin-bottom:10px}</style>