Présentation modification
Admin
PSEUDO
Ancienne identité du personnage (prénom + nom)
Âge
Réponse
Or.sexuelle
Réponse
Métier
Réponse
Genre
Réponse
Nationalité
Réponse
Feat
Réponse
Caractère QUALITE • DEFAUT • QUALITE • DEFAUT • QUALITE • DEFAUT • QUALITE • DEFAUT • QUALITE • DEFAUT • QUALITE • DEFAUT • QUALITE • DEFAUT • QUALITE • DEFAUT • Duis in nulla eget neque maximus venenatis. Nullam semper, diam at gravida sollicitudin, neque ante placerat erat, id hendrerit neque erat a ligula. Nam at rhoncus ipsum. Aenean eu nisl enim. Vestibulum mattis maximus nunc feugiat malesuada. Donec tincidunt tellus neque, vitae tempus nibh tristique eu. Mauris nec ex id mi malesuada vulputate. Curabitur tempor et eros ac pharetra. Etiam blandit consequat lacus sit amet tempus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam rhoncus tincidunt ex, sed egestas metus. Quisque semper nec sem a molestie. Duis dapibus aliquet ex nec ornare. Quisque quis orci id tellus tempus facilisis. | Bénédiction NOM : nom de la bénédiction DESCRIPTION : Duis in nulla eget neque maximus venenatis. Nullam semper, diam at gravida sollicitudin, neque ante placerat erat, id hendrerit neque erat a ligula. Nam at rhoncus ipsum. Aenean eu nisl enim. Vestibulum mattis maximus nunc feugiat malesuada. Donec tincidunt tellus neque, vitae tempus nibh tristique eu. Mauris nec ex id mi malesuada vulputate. Curabitur tempor et eros ac pharetra. Etiam blandit consequat lacus sit amet tempus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam rhoncus tincidunt ex, sed egestas metus. Quisque semper nec sem a molestie. Duis dapibus aliquet ex nec ornare. Quisque quis orci id tellus tempus facilisis. Duis in nulla eget neque maximus venenatis. Nullam semper, diam at gravida sollicitudin, neque ante placerat erat, id hendrerit neque erat a ligula. Nam at rhoncus ipsum. Aenean eu nisl enim. Vestibulum mattis maximus nunc feugiat malesuada. Donec tincidunt tellus neque, vitae tempus nibh tristique eu. Mauris nec ex id mi malesuada vulputate. Curabitur tempor et eros ac pharetra. Etiam blandit consequat lacus sit amet tempus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam rhoncus tincidunt ex, sed egestas metus. Quisque semper nec sem a molestie. Duis dapibus aliquet ex nec ornare. Quisque quis orci id tellus tempus facilisis. Anecdotes |
Que faisait ton personnage avant d'arriver à Genesis ?
Ton personnage a normalement eu un moment de black-out juste avant de se retrouver à Genesis. Mentionne dans la réponse le dernier souvenir dont iel se souvient.
Comment ton personnage s'est-il senti après son arrivée à Genesis ?
A son arrivée, quelques semaines plus tard : quelle a été son évolution depuis son arrivée ?
Que pense-t-iel de la situation à Genesis ?
Tout cela lui paraît-il louche ? A-t-iel des théories ? etc.
Quels sont ses objectifs aujourd'hui ?
Se faire 100 amis, devenir leader, trouver des réponses, etc.
Résumé
— 1995 : naissance
— 2018 : entrée à l'université
— ...
— 2018 : entrée à l'université
— ...
Histoire
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla nunc magna, vulputate nec ornare vitae, fermentum ut augue. In scelerisque magna a lectus tincidunt efficitur. Nulla at velit risus. Aenean bibendum luctus bibendum. Nullam egestas porttitor erat, ac fringilla ante consectetur eu. Nam ornare elit quis enim blandit, in ornare libero dictum. Mauris sollicitudin varius purus. Cras nec laoreet tortor. Aliquam eu tellus massa. Vivamus imperdiet nisi massa, sed euismod ipsum luctus vulputate. Praesent lacinia dolor quis libero pulvinar, nec mollis ante iaculis. Nullam non ultrices tortor. Duis luctus ante sit amet metus mattis lacinia. Nunc nec venenatis lectus, ac tincidunt lacus. Integer at nulla vel mauris viverra dignissim ac ut massa. Vivamus accumsan risus sit amet mollis convallis.
Integer efficitur nec lorem vel maximus. Quisque nec iaculis neque. Curabitur vitae sem imperdiet, laoreet eros eget, accumsan felis. Ut vitae feugiat sapien. Suspendisse vitae tristique sapien. Nullam vel turpis ut tellus ultricies auctor non in dui. Praesent accumsan sed massa id feugiat. Morbi quis ullamcorper ipsum. Vestibulum id venenatis dolor. Mauris vitae fermentum ante. Donec in molestie risus. Duis metus ex, sollicitudin vitae diam eu, porta viverra justo.
Integer efficitur nec lorem vel maximus. Quisque nec iaculis neque. Curabitur vitae sem imperdiet, laoreet eros eget, accumsan felis. Ut vitae feugiat sapien. Suspendisse vitae tristique sapien. Nullam vel turpis ut tellus ultricies auctor non in dui. Praesent accumsan sed massa id feugiat. Morbi quis ullamcorper ipsum. Vestibulum id venenatis dolor. Mauris vitae fermentum ante. Donec in molestie risus. Duis metus ex, sollicitudin vitae diam eu, porta viverra justo.
Pseudo • âge Duis in nulla eget neque maximus venenatis. Nullam semper, diam at gravida sollicitudin, neque ante placerat erat, id hendrerit neque erat a ligula. Nam at rhoncus ipsum. Aenean eu nisl enim. Vestibulum mattis maximus nunc feugiat malesuada. Donec tincidunt tellus neque, vitae tempus nibh tristique eu. Mauris nec ex id mi malesuada vulputate. Curabitur tempor et eros ac pharetra. Etiam blandit consequat lacus sit amet tempus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam rhoncus tincidunt ex, sed egestas metus. Quisque semper nec sem a molestie. Duis dapibus aliquet ex nec ornare. Quisque quis orci id tellus tempus facilisis. |
- html:
- Code:
<div class="varnogrp"><center><div class="pbloc1"><div class="pbloc2"><div class="pinformation"><div class="pinformation1"><div class="pbarre"></div> <div> <div class="ppseudo">PSEUDO</div><br /><br /><div class="pidentite">Ancienne identité du personnage (prénom + nom)</div></div> <div> <div class="picon1"><img src="https://i.imgur.com/dA9j06i.png" class="picon2" /></div>
<div class="picongrp"></div> </div> </div> <div class="pinformation2"> <div class="pinformation1"><div class="pinfoid"><span class="ph1">Âge</span><div class="prepid">Réponse</div></div><div class="pinfoid"><div class="ph1">Or.sexuelle</div><div class="prepid">Réponse</div></div><div class="pinfoid"><span class="ph1">Métier</span><div class="prepid">Réponse</div></div></div> <div class="pinformationb"></div> <div class="pinformation1"><div class="pinfoid"><span class="ph1">Genre</span><div class="prepid">Réponse</div></div><div class="pinfoid"><span class="ph1">Nationalité</span><div class="prepid">Réponse</div></div><div class="pinfoid"><span class="ph1">Feat</span><div class="prepid">Réponse</div></div></div></div></div><div class="tab-frames"> <input type="radio" checked name="tabs" id="tab1s"> <label for="tab1s"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pencil-fill" viewBox="0 0 16 16"><path d="M12.854.146a.5.5 0 0 0-.707 0L10.5 1.793 14.207 5.5l1.647-1.646a.5.5 0 0 0 0-.708l-3-3zm.646 6.061L9.793 2.5 3.293 9H3.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.207l6.5-6.5zm-7.468 7.468A.5.5 0 0 1 6 13.5V13h-.5a.5.5 0 0 1-.5-.5V12h-.5a.5.5 0 0 1-.5-.5V11h-.5a.5.5 0 0 1-.5-.5V10h-.5a.499.499 0 0 1-.175-.032l-.179.178a.5.5 0 0 0-.11.168l-2 5a.5.5 0 0 0 .65.65l5-2a.5.5 0 0 0 .168-.11l.178-.178z"/></svg></label> <input type="radio" name="tabs" id="tab2s"> <label for="tab2s"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-dice-5-fill" viewBox="0 0 16 16"><path d="M3 0a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V3a3 3 0 0 0-3-3H3zm2.5 4a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm8 0a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zM12 13.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zM5.5 12a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zM8 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z"/></svg></label> <input type="radio" name="tabs" id="tab3s"> <label for="tab3s"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chat-fill" viewBox="0 0 16 16"><path d="M8 15c4.418 0 8-3.134 8-7s-3.582-7-8-7-8 3.134-8 7c0 1.76.743 3.37 1.97 4.6-.097 1.016-.417 2.13-.771 2.966-.079.186.074.394.273.362 2.256-.37 3.597-.938 4.18-1.234A9.06 9.06 0 0 0 8 15z"/></svg></label><div class="tabs"><table><tr><td><div class="pcara"><div class="pbarre2"></div><div class="ph2">Caractère</div><div class="pcaratext"><span class="qualidef">QUALITE • DEFAUT • QUALITE • DEFAUT • QUALITE • DEFAUT • QUALITE • DEFAUT • QUALITE • DEFAUT • QUALITE • DEFAUT • QUALITE • DEFAUT • QUALITE • DEFAUT •</span><br />
Duis in nulla eget neque maximus venenatis. Nullam semper, diam at gravida sollicitudin, neque ante placerat erat, id hendrerit neque erat a ligula. Nam at rhoncus ipsum. Aenean eu nisl enim. Vestibulum mattis maximus nunc feugiat malesuada. Donec tincidunt tellus neque, vitae tempus nibh tristique eu. Mauris nec ex id mi malesuada vulputate. Curabitur tempor et eros ac pharetra. Etiam blandit consequat lacus sit amet tempus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam rhoncus tincidunt ex, sed egestas metus. Quisque semper nec sem a molestie. Duis dapibus aliquet ex nec ornare. Quisque quis orci id tellus tempus facilisis.
</div></div></td><td><div class="pespace"><div class="pbene"><div class="pbarre22"></div><div class="ph22">Bénédiction</div><div class="pbenetext"><span class="ph3">NOM : </span> nom de la bénédiction
<span class="ph3">DESCRIPTION : </span> Duis in nulla eget neque maximus venenatis. Nullam semper, diam at gravida sollicitudin, neque ante placerat erat, id hendrerit neque erat a ligula. Nam at rhoncus ipsum. Aenean eu nisl enim. Vestibulum mattis maximus nunc feugiat malesuada. Donec tincidunt tellus neque, vitae tempus nibh tristique eu. Mauris nec ex id mi malesuada vulputate. Curabitur tempor et eros ac pharetra. Etiam blandit consequat lacus sit amet tempus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam rhoncus tincidunt ex, sed egestas metus. Quisque semper nec sem a molestie. Duis dapibus aliquet ex nec ornare. Quisque quis orci id tellus tempus facilisis.
</div></div><div class="panecdote"> <div class="panecdotetext">Duis in nulla eget neque maximus venenatis. Nullam semper, diam at gravida sollicitudin, neque ante placerat erat, id hendrerit neque erat a ligula. Nam at rhoncus ipsum. Aenean eu nisl enim. Vestibulum mattis maximus nunc feugiat malesuada. Donec tincidunt tellus neque, vitae tempus nibh tristique eu. Mauris nec ex id mi malesuada vulputate. Curabitur tempor et eros ac pharetra. Etiam blandit consequat lacus sit amet tempus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam rhoncus tincidunt ex, sed egestas metus. Quisque semper nec sem a molestie. Duis dapibus aliquet ex nec ornare. Quisque quis orci id tellus tempus facilisis.
</div><div class="pbarre2" style="top:30px;"></div><div class="ph2" style="top:20px;">Anecdotes</div></div></div></td></tr></table></div> <div class="tabs"><div class="pquestion"><div class="pbarre2question"></div><div class="ph2question">Que faisait ton personnage avant d'arriver à Genesis ?</div><div class="prepq">Ton personnage a normalement eu un moment de black-out juste avant de se retrouver à Genesis. Mentionne dans la réponse le dernier souvenir dont iel se souvient.</div><br/><div class="pbarre2question"></div><div class="ph2question">Comment ton personnage s'est-il senti après son arrivée à Genesis ?</div><div class="prepq">A son arrivée, quelques semaines plus tard : quelle a été son évolution depuis son arrivée ?</div><br/><div class="pbarre2question"></div><div class="ph2question">Que pense-t-iel de la situation à Genesis ?</div><div class="prepq">Tout cela lui paraît-il louche ? A-t-iel des théories ? etc.</div><br/><div class="pbarre2question"></div><div class="ph2question">Quels sont ses objectifs aujourd'hui ?</div><div class="prepq">Se faire 100 amis, devenir leader, trouver des réponses, etc. </div></div></div><div class="tabs"><div class="phistoire"><div class="pblocresu"><div class="pbarre2resu"></div><div class="ph2resuhistoire">Résumé</div><div class="ptextresu">— 1995 : naissance
— 2018 : entrée à l'université
— ...
</div></div><div class="pblochisto"><div class="pbarre2histoire"></div><div class="ph2histoire">Histoire</div><div class="ptexthistoire">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla nunc magna, vulputate nec ornare vitae, fermentum ut augue. In scelerisque magna a lectus tincidunt efficitur. Nulla at velit risus. Aenean bibendum luctus bibendum. Nullam egestas porttitor erat, ac fringilla ante consectetur eu. Nam ornare elit quis enim blandit, in ornare libero dictum. Mauris sollicitudin varius purus. Cras nec laoreet tortor. Aliquam eu tellus massa. Vivamus imperdiet nisi massa, sed euismod ipsum luctus vulputate. Praesent lacinia dolor quis libero pulvinar, nec mollis ante iaculis. Nullam non ultrices tortor. Duis luctus ante sit amet metus mattis lacinia. Nunc nec venenatis lectus, ac tincidunt lacus. Integer at nulla vel mauris viverra dignissim ac ut massa. Vivamus accumsan risus sit amet mollis convallis.
Integer efficitur nec lorem vel maximus. Quisque nec iaculis neque. Curabitur vitae sem imperdiet, laoreet eros eget, accumsan felis. Ut vitae feugiat sapien. Suspendisse vitae tristique sapien. Nullam vel turpis ut tellus ultricies auctor non in dui. Praesent accumsan sed massa id feugiat. Morbi quis ullamcorper ipsum. Vestibulum id venenatis dolor. Mauris vitae fermentum ante. Donec in molestie risus. Duis metus ex, sollicitudin vitae diam eu, porta viverra justo.
</div></div></div><div class="pbts"><table class="tablebts"><tr><td><img src="https://i.imgur.com/dA9j06i.png" class="imgpiconbts" /></td><td><div class="ph2bts">Pseudo • âge</div><div class="pbtstext">Duis in nulla eget neque maximus venenatis. Nullam semper, diam at gravida sollicitudin, neque ante placerat erat, id hendrerit neque erat a ligula. Nam at rhoncus ipsum. Aenean eu nisl enim. Vestibulum mattis maximus nunc feugiat malesuada. Donec tincidunt tellus neque, vitae tempus nibh tristique eu. Mauris nec ex id mi malesuada vulputate. Curabitur tempor et eros ac pharetra. Etiam blandit consequat lacus sit amet tempus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam rhoncus tincidunt ex, sed egestas metus. Quisque semper nec sem a molestie. Duis dapibus aliquet ex nec ornare. Quisque quis orci id tellus tempus facilisis.
</div></div></td></tr></table></div></div></div></div></center></div>
- CSS:
- Code:
/*FICHE DE PRESENTATION V1*/
.pbloc1
{
width:700px;
height:930px;
background:#fcfcfc;
border:solid 1px #e6e6e6;
border-radius:10px;
display: flex;
align-items:center;
justify-content:center;
}
.pbloc2
{
width:680px;
height:910px;
background:#fff;
border:solid 1px #e6e6e6;
border-radius:10px;
display:flex;
justify-content:center;
align-items:center;
flex-wrap:wrap;
box-sizing:border-box;
padding-top:19px;
}
.pinformation
{
width:670px;
height:340px;
background:var(--theme-color);
border-radius:10px 10px 0 0;
position:relative;
top:-15px;
border-bottom:solid 1px #fff;
box-sizing:border-box;
display:flex;
align-items:center;
justify-content:center;
flex-wrap:wrap;
}
.pinformation1
{
display:flex;
align-items:center;
justify-content:center;
text-align:justify;
position:relative;
top:-20px;
}
.pbarre
{
width:50px;
height:3px;
background:#fff;
position:relative;
margin:30px;
top:-20px;
}
.ppseudo
{
font-family: 'Poppins', sans-serif;
font-weight: 900;
font-size:38px;
color:#fff;
text-shadow: -2px 0px 0px rgba(0, 0, 0, 0.1);
width:280px;
line-height:0.8;
text-align:left;
}
.pidentite
{
font-family: Roboto, sans-serif;
font-size:10px;
line-height:13px;
color:#fff;
text-transform:uppercase;
font-style:italic;
text-shadow: -1px 0px 0px rgba(0, 0, 0, 0.1);
position:relative;
top:-25px;
}
.picon1
{
width:120px;
height:120px;
border:solid 2px #fff;
border-radius:100%;
display:flex;
justify-content:center;
align-items:center;
position:relative;
margin:30px;
top:10;
left:20px;
}
.picon2
{
width:100px;
height:100px;
border:solid 5px #fff;
border-radius:100%;
box-sizing:border-box;
}
.picongrp
{
background:#fff;
background-image:var(--grp-bg);
background-size:15px 15px;
background-repeat: no-repeat;
background-position:center;
width:40px;
height:40px;
border-radius:100%;
position:relative;
top:-80px;
left:125px;
}
.pinformation2
{
display:flex;
align-items:center;
justify-content:center;
flex-wrap:wrap;
position:relative;
top:-80px;
left:-25px;
}
.pinfoid
{
width:150px;
height:60px;
line-height:20px;
text-align:justify;
}
.ph1
{
font-family: 'Poppins', sans-serif;
font-weight:700;
color:#fff;
text-transform:uppercase;
}
.prepid
{
height:60px;
width:150px;
font-family: 'Poppins', sans-serif;
font-size:12px;
text-align:justify;
overflow:auto;
line-height:11px;
padding-right:10px;
box-sizing:border-box;
}
.pinformationb
{
width:450px;
height:1px;
background:#fff;
position:relative;
opacity:0.2;
margin:20px;
top:-30px;
}
div.tab-frame input, div.tab-frames input, div.tab-frameb input{ display:none;}
div.tab-frame label, div.tab-frames label, div.tab-frameb label{
background:#fff;
border-radius:100%;
position:relative;
border:solid 1px #efefef;
display:flex;
align-items:center;
justify-content:center;
height:50px;
width:50px;
margin:10px;
box-shadow: 0 0 0 5px rgba(239, 239, 239, 0.4);
top:-50px;
left:330px;
z-index:10;
color:#eee;
}
div.tab-frame, div.tab-frames, div.tab-frameb
{
display:flex;
}
div.tab-frame input:checked + label, div.tab-frames input:checked + label, div.tab-frameb input:checked + label{ background:#f9f9f9; color:#000; cursor:default}
div.tab-frame div.tab, div.tab-frames div.tabs, div.tab-frameb div.tabb{ display:none; padding:5px 10px;clear:left;}
div.tab-frame input:nth-of-type(1):checked ~ .tab:nth-of-type(1),
div.tab-frame input:nth-of-type(2):checked ~ .tab:nth-of-type(2),
div.tab-frame input:nth-of-type(3):checked ~ .tab:nth-of-type(3),
div.tab-frames input:nth-of-type(1):checked ~ .tabs:nth-of-type(1),
div.tab-frames input:nth-of-type(2):checked ~ .tabs:nth-of-type(2),
div.tab-frames input:nth-of-type(3):checked ~ .tabs:nth-of-type(3),
div.tab-frameb input:nth-of-type(1):checked ~ .tabb:nth-of-type(1),
div.tab-frameb input:nth-of-type(2):checked ~ .tabb:nth-of-type(2),
div.tab-frameb input:nth-of-type(3):checked ~ .tabb:nth-of-type(3)
{
display:block;
position:relative;
top:-15px;
left:-111px;
}
.tab, .tabs, .tabb
{
width:675px;
height:560px;
background:#f8f8f8;
border-radius:0px 0px 10px 10px;
position:relative;
top:-82.5px;
border:solid 1px #efefef;
box-sizing:border-box;
z-index:1;
left:1px;
}
.ph2, .ph22, .ph2question, .ph2histoire, .ph2bts, .ph2resuhistoire
{
font-family: 'Poppins', sans-serif;
font-size:18px;
letter-spacing:2px;
color:#444;
text-transform:uppercase;
font-weight:500;
font-style:italic;
width:200px;
text-align:center;
position:relative;
left:30px;
}
.ph22
{
color:#fff;
left:40px;
}
.ph2bts
{
font-size:16px;
left:10px;
color:#fff;
width:400px;
text-align:justify;
}
.ph2question
{
width:440px;
text-align:justify;
left:15px;
}
.ph2histoire
{
width:auto;
text-align:justify;
left:60px;
}
.ph2resuhistoire
{
width:auto;
text-align:justify;
left:90px;
}
.pbarre2, .pbarre22, .pbarre2question, .pbarre2histoire, .pbarre22bts, .pbarre2resu
{
width:50px;
height:3px;
background:var(--theme-color);
position:relative;
top:10px;
left:10px;
}
.pbarre2question
{
left:-240px;
}
.pbarre2histoire{ left:-150px;}
.pbarre2resu{ left:-60px;}
.pbarre22
{
background:#fff;
}
.pbarre22bts
{
background:#fff;
top:-10px;
left:160px;
display:none;
}
.pcara
{
width:285px;
height:500px;
background:#fff;
border:solid 1px #efefef;
border-radius:10px;
overflow:auto;
padding:10px;
padding-top:20px;
box-sizing:border-box;
position:relative;
top:7px;
left:-16px;
}
.pcaratext
{
text-align:justify;
height:420px;
overflow:auto;
width:265px;
padding:10px;
box-sizing:border-box;
position:relative;
top:20px;
}
.ph3
{
text-transform:uppercase;
font-size:12px;
color:#fff;
font-family: 'Poppins', sans-serif;
font-weight:700;
}
.pespace
{
display:flex;
justify-content:center;
text-align:center;
flex-direction:column;
position:relative;
left:10px;
}
.pbene, .panecdote
{
width:285px;
height:242.5px;
background:var(--theme-color);
border:solid 1px #efefef;
border-radius:10px;
overflow:auto;
padding:10px;
padding-top:20px;
box-sizing:border-box;
position:relative;
top:8px;
margin:7.5px;
margin-right:0;
}
.panecdote
{
background:#fff;
}
.pbenetext, .panecdotetext
{
position:relative;
top:20px;
text-align:justify;
height:150px;
overflow:auto;
width:265px;
padding:10px;
box-sizing:border-box;
color:#fff;
}
.panecdotetext
{
top:0;
color:#444;
}
.pquestion
{
width:625px;
height:500px;
background:#fff;
border:solid 1px #efefef;
border-radius:10px;
overflow:auto;
padding:10px;
padding-top:20px;
box-sizing:border-box;
position:relative;
top:30px;
}
.prepq
{
text-align:justify;
position:relative;
width:460px;
left:25px;
}
.imgpiconh
{
height:50px;
width:50px;
margin:10px;
border-radius:5px;
}
.phistoire
{
width:625px;
height:370px;
background:#fff;
border:solid 1px #efefef;
border-radius:10px;
box-sizing:border-box;
position:relative;
top:30px;
display:flex;
align-items:center;
}
.pblocresu
{
width:230px;
}
.ptextresu
{
text-align:left;
height:280px;
overflow:auto;
width:210px;
padding:10px;
box-sizing:border-box;
position:relative;
left:20px;
background:#f5f5f5;
color:#959595;
border-radius:8px;
}
.pblochisto
{
position: relative;
left: 30px;
}
.ptexthistoire
{
text-align:justify;
height:280px;
overflow:auto;
width:350px;
padding-right:10px;
box-sizing:border-box;
position:relative;
}
.piconhistoire
{
position:relative;
top:0px;
left:10px;
}
.pbts
{
width:625px;
height:110px;
background:var(--theme-color);
border:solid 1px #efefef;
border-radius:10px;
overflow:auto;
padding:10px;
padding-top:20px;
box-sizing:border-box;
position:relative;
top:50px;
overflow:hidden;
}
.imgpiconbts
{
width:80x;
height:80px;
border-radius:100%;
border:solid #fff 5px;
box-sizing:border-box;
}
.pbtstext
{
text-align:justify;
height:50px;
overflow:auto;
width:460px;
padding:10px;
padding-top:0;
box-sizing:border-box;
position:relative;
top:0;
}
.tablebts
{
position:relative;
top:-20px;
}
.qualidef
{
text-transform:uppercase;
font-size:11px;
color:var(--theme-color);
font-family: 'Poppins', sans-serif;
font-weight:700;
}
/*FICHE DE PRESENTATION V1*/
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|