Modèle type  Sujet: Modèle type  Jeu 13 Juin - 6:05 Prénom Nom- Passager ou membre de l'équipage
- Pays
- Age
- Sexualité
- Métier
- Célébrité
Petite Phrase
Liens recherchés
Dites ici ce que vous recherchez.
Ses contacts
Nom ▲ Petite explication▼ Renseignements supplémentaires
Nom ▲ Petite explication▼ Renseignements supplémentaires
Nom ▲ Petite explication▼ Renseignements supplémentaires
- Code:
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700|Roboto" rel="stylesheet"><style>:root {--couleur-fond: #424242;--couleur-fond: #353535;--bordure-int: #989898;--bordure-bloc: #111;}.appp {width: 550px;font-family: 'Roboto', sans-serif;background-color: #282828;padding: 10px;box-sizing: border-box;border: 1px solid #2c2c2c;margin: auto;position: relative;}.appp h2,.appp h3 {font-family: 'Montserrat', sans-serif;margin:0;text-transform: uppercase;letter-spacing: 2px;font-size: 12px;font-weight: bold;}.appp h2 {background-color: var(--couleur-fond);text-align: center;color: #f2f2f2;padding: 30px 0;border: 1px solid var(--bordure-bloc);}.appp h3 {color: var(--couleur-fond2);margin-bottom: 10px;}.appp-basics, .joueur {display: -webkit-box;display: -ms-flexbox;display: flex;}.appp-info {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;height: 360px;}.appp ul {border: 1px solid var(--bordure-bloc);border-top: 0;border-bottom: 0;padding:10px 15px;margin: 0;list-style-type: none;font-size: 10px;background: var(--couleur-fond2);color: #aaa;height: 260px;overflow: auto;}.appp ul li {border-bottom: 1px solid #2c2c2c;padding: 7px 0 7px;display: block;}.appp ul li:last-child {border-bottom: 0;}.appp ul li label {color: inherit;width: 30%;display: inline-block;font-weight: bold;text-transform: uppercase;font-family: 'Montserrat', sans-serif;}.appp .appp-avatar {padding: 20px;background: #303030;box-sizing: border-box;}.appp .appp-avatar img {vertical-align: middle;height: 320px;width: 200px;}.appp-quote {line-height: 11px;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;background: #1d1d1d;display: inline-block;font-size: 8px;text-transform: uppercase;letter-spacing: 1px;color: #aaa;vertical-align: top;padding: 20px;box-sizing: border-box;text-align: justify;}.appp-story {background-color: var(--couleur-fond);border: 1px solid var(--bordure-bloc);padding: 10px;box-sizing: border-box;height: 300px;}.appp-story + .appp-story {border-top: 0;height: auto;}.appp-story > div {background-color: #f2f2f2;border: 1px solid #393939;padding: 30px 50px;box-sizing: border-box;box-shadow: inset 6px 0 var(--bordure-int), inset 0 6px var(--bordure-int),inset -6px 0 var(--bordure-int), inset 0 -6px var(--bordure-int);height: 100%;}.appp-story > div > div {font-size: 11px;text-align: justify;height: 100%;overflow: auto;padding-right: 10px;line-height: 14px;}.joueur .appp-avatar {height: 100px;width: 100px;}.appp-joueur {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;}.appp-joueur-head {font-family: 'Montserrat', sans-serif;background-color: var(--couleur-fond2);text-transform: uppercase;color: #f2f2f2;font-size: 10px;letter-spacing: 1px;padding: 10px;border: 1px solid var(--bordure-bloc);border-top: 0;}.appp-joueur .infos {background-color: var(--couleur-fond);text-transform: none;color: #f2f2f2;font-family: "roboto";letter-spacing: 0px;height: 40px;overflow: auto;border: 1px solid var(--bordure-bloc);border-top: 0;padding: 10px;font-size: 11px;box-sizing: content-box;}.appp-credit {position: absolute;bottom: -15px;left: 0;}.appp-credit a {font-family: 'Montserrat', sans-serif;text-transform: uppercase;letter-spacing: 1px;font-size: 7px;font-weight: bold;text-decoration: none!important;color: #282828;}</style>
<div class="appp"><h2>Prénom Nom</h2><!--
--><div class="appp-basics"><div class="appp-info"><ul><!--
--><li><label>Groupe</label>Passager ou membre de l'équipage</li><!--
--><li><label>Nationalité</label>Pays</li><!--
--><li><label>Âge</label> Age</li><!--
--><li><label>Orientation sexuelle</label>Sexualité</li><!--
--><li><label>Métier</label>Métier</li><!--
--><li><label>Avatar</label>Célébrité</li></ul><!--
--><div class="appp-quote">Petite Phrase
</div><!--
--></div><div class="appp-avatar"><img src="https://" /></div></div><!--
--><div class="appp-story"><div><div><h3>Liens recherchés</h3>
Dites ici ce que vous recherchez.
</div></div></div><!--
--><div class="appp-story"><div><div><h3>Ses contacts</h3>
[b]Nom[/b] ▲ Petite explication▼ Renseignements supplémentaires
[b]Nom[/b] ▲ Petite explication▼ Renseignements supplémentaires
[b]Nom[/b] ▲ Petite explication▼ Renseignements supplémentaires
</div></div></div><div class="appp-credit"><a href="http://terrible.forumactif.org" target="_blank">Awful</a></div></div>
|
|
